/gespac/skins/underwater/param.css
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}