Subversion Repositories Applications.gtt

Rev

Rev 132 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
150 jpm 1
/*
2
	Design by Free CSS Templates
3
	http://www.freecsstemplates.org
76 jpm 4
	Released for free under a Creative Commons Attribution 2.5 License
150 jpm 5
	Contributor for GTT : Jean-Pascal MILCENT <jpm@tela-botanica.org>
6
*/
7
/* Basic */
8
* {
9
	margin:0em;
10
	padding:0em;}
11
body {
12
	font-family:"trebuchet ms", sans-serif;
13
	color:#555555;
14
	font-size:0.8em;}
15
a{
89 jpm 16
	color: #669911;}
76 jpm 17
/* Presentation des listes de definitions */
18
dl {width:100%;}
19
dt {
20
	float:left;
21
	font-weight: bold;
22
	line-height:1.1em;
23
	text-align:top left;
24
	margin-right:0.3em;}
25
dd {
26
	width:auto;
27
	margin-left:0;
28
	line-height:1.1em;
29
	margin:0.5em 0;}
30
 
31
/* Presentation des formulaires */
89 jpm 32
form.editer{
33
	padding:0 0 1em 0;}
76 jpm 34
form ul li{
35
	list-style-type:none;}
36
form label{
37
	font-weight:bold;}
89 jpm 38
legend{
39
	font-size:1.1em;
40
	font-weight:bold;
41
	text-transform:uppercase;
42
	color: #5D5F53;}
76 jpm 43
 
89 jpm 44
/* Présentation générale des tableaux */
113 jpm 45
table{
46
	border:1px dotted black;
47
	width:100%;}
110 jpm 48
thead th{
89 jpm 49
	background-color:#486300;
50
	color:white;}
110 jpm 51
tbody th{
52
	text-align:left !important;
53
	width:20%;}
90 jpm 54
td{text-align:center;}
55
tr.pair{background-color: #F1F2E7;}
56
caption{margin-top:1em;}
89 jpm 57
 
97 jpm 58
/* Présentation d'icones*/
59
a.ext:after {
60
content: " "url(../../images/icones/lien_externe.png);}
61
 
76 jpm 62
/*Présentation des bulles d'aide */
63
*[title]:after {content:" "url(images/help_view_16x16.gif);}
64
 
150 jpm 65
/* Zone entête */
76 jpm 66
#zone_entete{
150 jpm 67
	background-image: url('images/a2.gif');
68
	background-position: bottom left;
69
	padding-left: 40px;
70
	padding-top: 45px;}
71
#zone_entete h1{
72
	text-transform:uppercase;
76 jpm 73
	font-size:1.6em;
150 jpm 74
	color:white;}
75
#zone_entete a{
76
	position: relative;
77
	top:-0.3em;
78
	color:#E8EFC2;
79
	font-weight:normal;
80
	font-size:1.1em;
81
	text-transform:lowercase;}
76 jpm 82
 
150 jpm 83
/* Zone menu */
76 jpm 84
#zone_menu h3{
85
	margin:0.5em 0 0 0;}
86
#zone_menu li{
87
	font-size: 1.1em;
88
	font-weight: bold;
89
	text-decoration: none;
90
	margin-right: 0em;}
150 jpm 91
#zone_menu li a{
76 jpm 92
	display:block;
150 jpm 93
	font-size: 0.8em;
94
	font-weight: bold;
95
	color: #5D5F53;
96
	text-decoration: none;
97
	margin-right: 1em;}
98
#zone_menu li a:hover{
76 jpm 99
	background-color: #6B7E09;
150 jpm 100
	color:white;}
76 jpm 101
 
150 jpm 102
/* Zone tronc */
103
#zone_tronc{
104
	padding: 0 15px 1em 15px;
105
	line-height: 1.6em;
76 jpm 106
	background: url('images/a4.gif') repeat-x top left;}
107
#zone_tronc h2,#zone_tronc h3{
108
	text-transform:uppercase;}
150 jpm 109
 
110
 
111
/* Zone gauche */
76 jpm 112
#zone_gauche{
150 jpm 113
	padding: 0 1.5em 1.5em 0.5em;}
114
#zone_gauche h2, #zone_gauche h3{
115
	color: #5D5F53;
76 jpm 116
	border-bottom: dotted 1px #ECEEDF;
117
	margin-bottom:0;}
150 jpm 118
#zone_gauche hr{margin-bottom: 0.5em;}
76 jpm 119
 
120
/* Zone centre */
121
#zone_centre{
122
	padding: 0;}
123
#zone_centre h2,h3,h4,h5,h6{
124
	margin-bottom:1em;
125
	text-transform:uppercase;}
126
#zone_centre p{
127
	margin-bottom: 1.5em;}
128
#zone_centre ul{
129
	margin-bottom: 1.5em;
130
	padding-left: 1em;}
131
 
132
/* Zone droite */
150 jpm 133
#zone_droite h3, #zone_droite h3{
134
	background: url('images/a1.gif') no-repeat;
135
	width: 185px;
136
	height: 27px;
137
	font-size: 1.0em;
138
	font-weight: bold;
139
	padding-left: 15px;
140
	padding-top: 5px;
141
	color: #5D5F53;}
76 jpm 142
 
150 jpm 143
/* Zone pied */
144
#zone_pied{
145
	background: url('images/a4.gif') repeat-x top left;
146
	border-top: solid 1px #D0D4BB;
147
	padding: 2.0em 3.5em 3.0em 3.5em;
76 jpm 148
	font-size: 0.8em;}
149
/*------------------------------------------*/
150
/*Spécial Appli GTT*/
151
#info,.information{
152
	background-image: url('images/a3.gif');
153
	background-repeat: repeat-x;
154
	background-position: bottom left;
155
	padding: 0.5em;}
156
/* Presentation des informations */
157
.information{
158
	text-align:center;
159
	font-weight:bold;
160
	border:2px solid red;}
161
/*Formulaires*/
162
.symbole_obligatoire{
163
	font-size:1em;
164
	font-weight:bold;
165
	color:red;}
166
/*Liste de définition*/
167
.ajout_2_points dt:after {content:" : ";}
168
.ajout_2_points dt[title]:after {content:" "url(images/help_view_16x16.gif)" : ";}
169
/* Le calendrier */
170
.calendrier {
171
	font-family:verdana, arial, helvetica, sans-serif;
172
	font-size:0.9em;}
173
.calendrier table {background-color: silver;}
174
.calendrier table td {text-align: center;}
175
.calendrier caption {font-weight: bold;}
176
.categorie,.totaux_titre {
177
	font-size:1.6em;
178
	text-align:left !important;
179
	padding:1px;
180
	margin:0 0.2em;}
150 jpm 181
.projet, .absence_titre {
76 jpm 182
	font-weight:bold;
150 jpm 183
	width:350px;
184
	text-align:left !important;
185
	padding-left:30px;}
76 jpm 186
.utilisateur{
187
	width:75px;
188
	text-align:center;
189
	background:white;}
190
.jour_courrant {
191
	color:#BB0000;
192
	background-color:yellow;
193
	border:2px outset #74C054;}
194
.jour_ferie {
195
	background-color:red;
196
	border-width:2px outset #74C054;}
90 jpm 197
.jour_we {
198
	color:black;
199
	background-color: #F1F2E7;
200
	border-width:2px outset #74C054;}
201
.jour_vide {
202
	color:white;
203
	background-color: grey;}
204
/* Tableau identification */
205
#connexion{border:0;}
206
#connexion td{
207
	width:50%;}
208
/* Tableau stats*/
110 jpm 209
tbody td.total{
210
	width:5%;}
89 jpm 211
tr.categories,tr.absences{
212
	background-image: url('images/a2.gif');}
110 jpm 213
tr.total, tr.total th{
214
	color:white;
215
	font-weight:white;
216
	background-color:#B30000;}
90 jpm 217
#tab_tps_w_mensuel_salarie{
218
	width:100%;}
219
.entete{width:250px;}
220
#navigation{text-align:center;}
221
#navigation p{margin:0;}
222
#form_utilisateur label{
223
	display:inline;
224
	float:none;
225
	min-width:0;
110 jpm 226
	font-weight:normal;}
227
#preferences .pr_no {
228
	font-weight:bold;
150 jpm 229
	width:30%;
230
	text-align:left;
231
	padding-left:5px;}
110 jpm 232
#preferences .pr_de {
233
	font-size:0.8em;
120 jpm 234
	text-align:left;}
235
table#ut_tdt{width:50%;}