PageRenderTime 83ms CodeModel.GetById 13ms app.highlight 66ms RepoModel.GetById 1ms app.codeStats 1ms

/gespac/skins/underwater/param.css

http://gespac.googlecode.com/
CSS | 401 lines | 306 code | 63 blank | 32 comment | 0 complexity | 143341f2ed95d73575f0edc04bf8630d MD5 | raw file
  1body {
  2	background-position : left top;
  3	background-image	: url('fond.jpg');
  4	background-color	: #336967;
  5	background-repeat	: no-repeat;
  6	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  7}
  8
  9h3 {
 10	margin : 0px;
 11}
 12
 13input, textarea, select {
 14	border: 1px solid #6E6F6A;
 15}
 16
 17#portail-menu {
 18	background		: orange; 
 19	border			: solid 1px black; 
 20	width			: 94%;
 21	padding			: 5px 10px 5px 10px; 
 22	margin-left		: auto; 
 23	margin-right	: auto;
 24	position		: absolute;
 25	-moz-border-radius		: 10px;
 26	-webkit-border-radius 	: 10px;
 27	-khtml-border-radius 	: 10px;
 28	-opera-border-radius	: 10px;
 29}
 30
 31#portail-menu-item {
 32	text-align		: center;
 33	vertical-align	: middle;
 34	width 			: auto;
 35	float 			: left;
 36	position		: relative;
 37	margin-right	: 20px;
 38}
 39
 40#portail-conteneur {
 41	background		: orange; 
 42	border			: solid 1px black; 
 43	padding			: 5px 10px; 
 44	width			: 94%;
 45	margin-left		: auto; 
 46	margin-right	: auto;
 47	position		: absolute;
 48	top 			: 120px;
 49	-moz-border-radius		: 10px;
 50	-webkit-border-radius 	: 10px;
 51	-khtml-border-radius 	: 10px;
 52	-opera-border-radius	: 10px;
 53}
 54
 55#principal {
 56	background-color 	: #1E3F3E;
 57	width 				: 950px;
 58	height 				: 97%;
 59	left 				: 20px;
 60	margin-left 		: auto;
 61	margin-right 		: auto;
 62	text-align			: left; 
 63	padding 			: 10px;
 64	float				: top;
 65	-moz-border-radius		: 10px;
 66	-webkit-border-radius 	: 10px;
 67	-khtml-border-radius 	: 10px;
 68	-opera-border-radius	: 10px;
 69}
 70
 71#main_menu{
 72	width 			: 96%;
 73	height			: 48px;
 74	margin			: auto;
 75	text-align		: center; 
 76	vertical-align	: middle;
 77	padding			: 0px 10px 0px 10px;
 78	background-color: #158A86;
 79	-moz-border-radius-topleft	: 10px;
 80	-moz-border-radius-topright	: 10px;
 81	-webkit-border-top-left-radius : 10px;
 82	-webkit-border-top-right-radius : 10px;
 83}
 84
 85#bandeau {
 86	width 	: 98%;
 87	height 	: 100px;
 88	margin 	: auto;
 89	padding : 10px;
 90	overflow: hidden;
 91}
 92
 93#bandeau-logo {
 94	float	: left;
 95	width	: 650px;
 96	height : 100px;
 97	background-image:url('bandeau.png');
 98	background-repeat:no-repeat; 
 99	-moz-border-radius-bottomleft	: 10px;
100	-moz-border-radius-topleft		: 10px;
101	-webkit-border-bottom-left-radius : 10px;
102	-webkit-border-top-left-radius : 10px;
103}
104
105#bandeau-identity {
106	float			: left;
107	background-color: #158A86;
108	width			: 30%;
109	height			: 100%;
110	text-align		: center;
111	color			: #D7D7D7;
112	-moz-border-radius-topright		: 10px;
113	-moz-border-radius-bottomright	: 10px;
114	-webkit-border-top-right-radius : 10px;
115	-webkit-border-bottom-right-radius : 10px;
116}
117
118#bandeau-identity a{
119	color			: white;
120	text-decoration	: underline;
121	font-size		: 12px;
122}
123
124
125#conteneur {
126	background-color 	: #FFFFFF;
127	width 				: 96%;
128	height 				: 620px;
129	text-align			: left; 
130	margin				: auto;
131	padding 			: 10px;
132	overflow			: auto;
133	z-index				: 1;
134	-moz-border-radius-bottomleft	: 10px;
135	-moz-border-radius-bottomright	: 10px;
136	-webkit-border-bottom-left-radius : 10px;
137	-webkit-border-bottom-right-radius : 10px;
138}
139
140#options_colonnes {
141	display : none;
142	font-size : small;
143	border : 1px grey solid;
144	padding : 5px;
145	margin-top : 5px;
146}
147
148a {
149	text-decoration : none;
150}
151
152
153table {
154	border		: 1px solid #ccc;
155	padding		: 4px;
156	text-align	: center; 
157	font-size	: small;	
158	border-collapse:collapse;
159	-moz-border-radius		: 5px;
160	-webkit-border-radius 	: 5px;
161	-khtml-border-radius 	: 5px;
162	-opera-border-radius	: 5px;
163	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
164}
165
166th {
167	background-color 	: orange;
168	background-image	: url('entetes.png');
169	background-repeat	: repeat-x;
170	font-size		 	: 16px;
171	padding			 	: 5px 0px;
172}
173
174img { 
175	border:0px;
176	vertical-align:middle;
177}
178
179.tablehover tr:hover {
180	background-color : #FFD769;
181	padding : 2px 0px;
182}
183
184.tablehover td {
185	padding: 2px 4px;
186	font-size: 11px;
187}
188
189/*	Pour les lignes selectionnées	*/
190.selected {
191	background-color : #7EEF9F;}
192/*	Pour les lignes paires	*/
193.tr1 {
194	background-color : #D9DBDC;}
195/*	Pour les lignes impaires	*/
196.tr2 {
197	background-color : #fff;}
198/*	Pour les lignes paires surlignées	*/
199.tr1:hover {
200	background-color : #FFD769;}
201/*	Pour les lignes impaires surlignées */
202.tr2:hover {
203	background-color : #FFD769;}
204
205/*	Pour les lignes paires sans rollover	*/
206.tr3 {
207	background-color : #D9DBDC;}
208/*	Pour les lignes impaires sans rollover	*/
209.tr4 {
210	background-color : #fff;}
211/*	Pour les lignes sans rollover avec un ssn en doublon dans la base OCS / gespac	*/
212.tr_doublon {
213	background-color : #29C920;}
214/*	Pour les lignes sans rollover avec un ssn en doublon dans la base OCS / gespac	*/
215.tr_doublon_ocs {
216	background-color : yellow;}
217
218	
219	
220/*************************************** 	ICONES MENU  *******************************************/
221
222.accueil {	background-image:url('accueil-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
223.accueil-clicked {	background-image:url('accueil-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
224#accueil:hover {	background-image:url('accueil-01.png');}
225
226.inventaire {	background-image:url('inventaire-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
227.inventaire-clicked {	background-image:url('inventaire-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
228#inventaire:hover {	background-image:url('inventaire-01.png');}
229
230.demandes {	background-image:url('demandes-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
231.demandes-clicked {	background-image:url('demandes-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
232#demandes:hover {	background-image:url('demandes-01.png');}
233
234.donnees {	background-image:url('donnees-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
235.donnees-clicked {	background-image:url('donnees-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
236#donnees:hover {	background-image:url('donnees-01.png');}
237
238.prets {	background-image:url('prets-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
239.prets-clicked {	background-image:url('prets-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
240#prets:hover {	background-image:url('prets-01.png');}
241
242.utilisateurs {	background-image:url('utilisateurs-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
243.utilisateurs-clicked {	background-image:url('utilisateurs-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
244#utilisateurs:hover {	background-image:url('utilisateurs-01.png');}
245
246.plugins {	background-image:url('plugins-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
247.plugins-clicked {	background-image:url('plugins-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
248#plugins:hover {	background-image:url('plugins-01.png');}
249
250.college {	background-image:url('college-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
251.college-clicked {	background-image:url('college-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
252#college:hover {	background-image:url('college-01.png');}
253
254.info {	background-image:url('info-00.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
255.info-clicked {	background-image:url('info-01.png'); width:100px; height:48px; float:left;	background-repeat:no-repeat; background-position : center top;}
256#info:hover {	background-image:url('info-01.png');}
257
258
259
260/*************************************** 	COMBOBOX  *******************************************/
261
262#combobox {
263	width		: auto;
264	text-align	: center;
265	position	: absolute;
266}
267
268#textbox {
269	display:inline;
270	z-index:1;
271	top:0px;
272	position:absolute;
273	width:30px;
274	left:0px;
275
276}
277
278#listbox {
279	display:inline;
280	z-index:0;
281	top:0px;
282	position:absolute;
283	width:30px;
284	left:90px;
285}
286
287
288/*************************************** 	MENU  *******************************************/
289
290
291/* this is the main UL element*/
292.dropdown{
293	margin:0;
294	padding:0;
295	list-style:none;
296	border-bottom:1px solid #444;
297}
298
299/* these are the inner menus	*/
300.dropdown ul{
301	margin:0;
302	padding:0;
303	border-top:1px solid #444;
304	list-style:none;	
305	width:auto;
306	min-width:80px;
307}
308
309.dropdown .sousmenu {
310	margin-top:48px;
311}
312
313/* tous les items du menu */
314.dropdown li{
315	margin:0;
316	padding:0;
317	width:auto;
318	min-width:100px;
319	/*background-color: orange;*/
320	cursor:pointer;
321}
322
323.dropdown li:hover{
324	/*border-right:1px solid #444;
325	border-left:1px solid #444;*/
326	/*background-color: #4FC9C5;*/
327}
328
329/*
330.dropdown li:hover{
331	background-color:#00254b;
332	color:white;
333}
334*/
335
336/* surlignage d'un lien dans le menu */
337.dropdown a:hover{
338	color:white;
339}
340
341/* lien dans le menu */
342.dropdown a{
343	text-decoration:none;
344	color:#000000;
345}
346
347/* items qui appartiennent ? un sous menu mais qui n'en poss?dent pas*/
348.dropdown ul li{
349	border:1px solid #444;
350	border-top:0;
351	margin-left:-1px;
352	width:180px;
353	background-color: #4FC9C5;
354	margin-top:0px;
355}
356
357/* items qui possedent un sous menu*/
358.dropdown li.submenu{
359	/*background-image:url('../img/expand_down.gif');*/
360	background-position:center left;
361	background-repeat:no-repeat;
362	padding-left:0px;
363	width:auto;
364	min-width:100px;
365}
366
367/* items qui sont dans un sous menu et qui possedent un sous menu*/
368.dropdown ul li.submenu{
369	background-image:url('../img/expand_right.gif');
370	background-position:center right;
371	padding:5px;
372	width:180px;
373	background-color: #4FC9C5;
374}
375
376
377/*************************************** 	RSS / ATOM  *******************************************/
378
379#rss_title {
380	font: 14px Arial, Helvetica, sans-serif;
381}
382
383
384#rss_title a{
385	font: 14px Arial, Helvetica, sans-serif;
386}
387
388#rss_content {
389	font: 12px Arial, Helvetica, sans-serif;
390}
391
392#rss_news {
393	border : 1px solid black;
394	padding : 10px;
395	margin : 10px;
396	background-color : #C0FF96;
397	-moz-border-radius		: 5px;
398	-webkit-border-radius 	: 5px;
399	-khtml-border-radius 	: 5px;
400	-opera-border-radius	: 5px;
401}