git.dj3c1t.com Git - mtweb/blob - mw/app/out/default/css/style.css

   1 @import url("reset.css");
   2
   3 /* --------------------------------------------- STRUCTURE GENERAL */
   4
   5 body{
   6   text-align: center;
   7 }
   8
   9 .content{
  10   width: 800px;
  11   margin: 0 auto;
  12   text-align: left;
  13 }
  14
  15 .content:after{
  16   content: "";
  17   display: table;
  18   clear: both;
  19 }
  20
  21 #colonne{
  22   float: left;
  23   width: 220px;
  24   padding: 0 10px 10px 10px;
  25 }
  26
  27 #center{
  28   float: left;
  29   width: 540px;
  30   padding: 0 10px 10px 10px;
  31 }
  32
  33 #center.no_colonne{
  34   float: none;
  35   width: 780px;
  36   padding: 10px;
  37 }
  38
  39 .clear{
  40   clear: both;
  41   height: 0;
  42   line-height: 0;
  43   font-size: 0;
  44 }
  45
  46 #main{
  47   background-color: #ffffff;
  48   padding: 1em 0;
  49 }
  50
  51 /* --------------------------------------------- HEADER */
  52
  53 #main_header{
  54   border-bottom: solid 1px #d5d5d5;
  55 }
  56
  57 #main_header .content{
  58   padding: 10px 0 3px 0;
  59 /*  min-height: 11em;*/
  60   position: relative;
  61 }
  62
  63 #main_header .content h1{
  64 }
  65 #main_header .content h1 a{
  66 }
  67 #main_header .content h1 span{
  68 }
  69
  70 #menu_top{
  71   position: absolute;
  72   bottom: 0px;
  73   right: 30px;
  74 }
  75
  76 #menu_top ul{
  77   float: right;
  78   margin-top: 179px;
  79   padding-bottom: 0;
  80 }
  81
  82 #menu_top ul:after{
  83   content: "";
  84   display: table;
  85   clear: both;
  86 }
  87
  88 #menu_top ul li{
  89   list-style-type: none;
  90   float: left;
  91   position: relative;
  92   padding: 2px 1em 0 0;
  93 }
  94
  95 #menu_top ul li a{
  96   display: block;
  97   padding: 0.4em 1em;
  98   white-space : nowrap;
  99   border: solid 1px #d5d5d5;
 100   background-color: #ffffff;
 101   border-radius: 2px;
 102 }
 103 #menu_top ul li a:hover{
 104   color: #000066;
 105   background-color: #f5f5f5;
 106 }
 107
 108 #menu_top ul li .menu{
 109   padding: 11px 0 0 0;
 110   position: absolute;
 111   top: 100%;
 112   left: 0;
 113   display: none;
 114   background-image: url(../images/sub_menu.png);
 115   background-position: 1em 6px;
 116   background-repeat: no-repeat;
 117 }
 118
 119 #menu_top ul li ul{
 120   border: solid 1px #e9e9e9;
 121   border-radius: 2px;
 122   background-color: #ffffff;
 123 }
 124
 125 #menu_top ul li ul li{
 126   float: none;
 127   padding: 0;
 128 }
 129
 130 #menu_top ul li ul li a{
 131   border: none;
 132 }
 133
 134 #menu_top ul li ul li .menu{
 135   padding: 0 0 0 6px;
 136   top: 0;
 137   left: 100%;
 138   background-image: url(../images/sub_sub_menu.png);
 139   background-position: 1px 0.8em;
 140   background-repeat: no-repeat;
 141 }
 142
 143 #main_header ul.menu_user{
 144   float: left;
 145   border: solid 1px #d5d5d5;
 146   border-radius: 3px;
 147   padding: 0;
 148   margin-bottom: 5px;
 149 }
 150 #main_header ul.menu_user li{
 151   position: relative;
 152 }
 153 #main_header ul.menu_user li .welcome,
 154 #main_header ul.menu_user li a{
 155   display: block;
 156   padding: 0.4em 1em;
 157   background-color: #ffffff;
 158 }
 159 #main_header ul.menu_user li .welcome{
 160   padding: 0.4em 1.5em 0.4em 2.8em;
 161   background-image: url(../icons/desc.gif);
 162   background-position: 1em 0.8em;
 163   background-repeat: no-repeat;
 164 }
 165 #main_header ul.menu_user li .welcome:hover,
 166 #main_header ul.menu_user li a:hover{
 167   background-color: #f5f5f5;
 168 }
 169 #main_header ul.menu_user li a:hover{
 170   color: #000066;
 171 }
 172 #main_header ul.menu_user ul{
 173   position: absolute;
 174   top: 100%;
 175   left: -1px;
 176   border: solid 1px #d5d5d5;
 177   background-color: #ffffff;
 178   box-shadow: 4px 4px 10px #d5d5d5;
 179   display: none;
 180 }
 181 #main_header ul.menu_user ul li a{
 182   padding: 0.3em 7em 0.3em 3em;
 183 }
 184
 185 /* --------------------------------------------- CONTENUS */
 186
 187 body{
 188   color: #333333;
 189   font: normal 0.9em Verdana, Helvetica, Arial, sans-serif;
 190 }
 191
 192 a{
 193   text-decoration: none;
 194   color: #000066;
 195 }
 196
 197 a img{
 198   border: none;
 199 }
 200
 201 a:hover{
 202   color: #777777;
 203 }
 204
 205 h1{
 206   font-size: 2em;
 207 }
 208
 209 h2{
 210   font-size: 1.4em;
 211   padding-top: 1em;
 212   border-bottom: solid 1px #d5d5d5;
 213 }
 214
 215 h3{
 216   font-size: 1.4em;
 217   margin-top: 1em;
 218 }
 219
 220 h4{
 221   font-size: 1.4em;
 222 }
 223
 224 h5{
 225   font-size: 1.2em;
 226 }
 227
 228 h6{
 229   font-size: 1em;
 230 }
 231
 232 h1, h2, h3, h4, h5, h6, p, ul{
 233   margin: 0 0 0.5em 0;
 234 }
 235
 236 strong{
 237   font-weight: bold;
 238 }
 239
 240 /* ------------------------------------------------- MENU COLONNE ET NAV */
 241
 242 #colonne .menu,
 243 nav.sous_pages{
 244   margin-bottom: 1em;
 245 }
 246
 247 #colonne .menu ul,
 248 nav.sous_pages ul{
 249   list-style-type: none;
 250   margin: 5px 20px 5px 10px;
 251   padding: 0;
 252 }
 253
 254 #colonne .menu ul ul,
 255 nav.sous_pages ul ul{
 256   list-style-type: none;
 257   margin: 0 0 0 20px;
 258   padding: 0;
 259 }
 260
 261 #colonne .menu ul li,
 262 nav.sous_pages ul li{
 263   margin: 1px 0;
 264   padding: 0;
 265   border-bottom: solid 1px #d5d5d5;
 266 }
 267
 268 #colonne .menu ul li a,
 269 nav.sous_pages ul li a{
 270   display: block;
 271   line-height: 2em;
 272   padding: 0 1em;
 273   background-color: #f1f1f1;
 274 }
 275
 276 #colonne .menu ul li a:hover,
 277 nav.sous_pages ul li a:hover{
 278   color: #000066;
 279   background-color: #e9e9e9;
 280 }
 281
 282 /* --------------------------------------------- FORMULAIRES */
 283
 284 fieldset{
 285   padding: 10px 0;
 286 }
 287
 288 fieldset legend{
 289   font-size: 1.2em;
 290   display: block;
 291   width: 100%;
 292   border-bottom: solid 1px #d5d5d5;
 293 }
 294
 295 form ul li{
 296   padding: 5px 0;
 297 }
 298
 299 form ul li:after{
 300   content: "";
 301   display: table;
 302   clear: both;
 303 }
 304
 305 form ul li label{
 306   display: block;
 307   float: left;
 308   width: 140px;
 309   text-align: right;
 310   padding-right: 10px;
 311 }
 312
 313 form ul li .form_input{
 314   float: left;
 315   width: 390px;
 316 }
 317
 318 form ul li .form_input span.info{
 319   display: block;
 320   font-size: 0.9em;
 321   color: #666666;
 322 }
 323
 324 textarea, input[type=text], input[type=password], input[type=file]{
 325   border: solid 1px #c0c0c0;
 326   padding: 3px;
 327   background-color: #ffffff;
 328   color: #333333;
 329 }
 330
 331 textarea.tinymce{
 332   width: 100%;
 333   height: 300px;
 334 }
 335
 336 select{
 337   border: solid 1px #c0c0c0;
 338   background-color: #ffffff;
 339   color: #333333;
 340   padding: 3px 10px;;
 341 }
 342
 343 form ul li .form_buttons{
 344   text-align: right;
 345 }
 346
 347 form ul li .form_single_button{
 348   text-align: left;
 349   padding-left: 150px;
 350 }
 351 input[type=submit]{
 352   background-color: #e9e9e9;
 353   cursor: pointer;
 354   border: solid 1px #c0c0c0;
 355 }
 356
 357 input[type=submit]:hover{
 358   background-color: #f5f5f5;
 359 }
 360
 361 form ul li .form_buttons input[type=submit],
 362 form ul li .form_single_button input[type=submit]{
 363   padding: 3px 10px;
 364 }
 365
 366 /* --------------------------------------------- ADMIN */
 367
 368 ul.buttons{
 369   margin: 10px 0 20px 0;
 370   text-align: right;
 371   padding-bottom: 10px;
 372 }
 373
 374 ul.buttons li{
 375   display: inline;
 376 }
 377
 378 ul.buttons li a{
 379   padding: 3px 7px 3px 7px;
 380   border: solid 1px #d5d5d5;
 381 }
 382 ul.buttons li a:hover{
 383   color: #000066;
 384   background-color: #f5f5f5;
 385 }
 386
 387 ul.buttons li a.add{
 388   background-image: url("../icons/add.gif");
 389   background-repeat: no-repeat;
 390   background-position: 3px 8px;
 391   padding: 3px 7px 3px 18px;
 392 }
 393
 394 ul.filters{
 395   margin: 10px 0 20px 0;
 396   text-align: right;
 397   padding-bottom: 10px;
 398 }
 399
 400 ul.filters li{
 401   display: inline;
 402 }
 403
 404 ul.filters li a{
 405   padding: 3px 7px 3px 7px;
 406   border: solid 1px #d1d1d1;
 407 }
 408
 409 table.admin{
 410   width: 100%;
 411   margin-bottom: 1em;
 412 }
 413
 414 table.admin tr.hl:hover{
 415   background-color: #f5f5f5;
 416 }
 417
 418 table.admin tr th{
 419   text-align: center;
 420   padding: 3px;
 421   font-weight: bold;
 422 }
 423
 424 table.admin tr td{
 425   border: solid 1px #d1d1d1;
 426   padding: 3px;
 427 }
 428
 429 table.admin td.action{
 430   text-align: center;
 431   width: 50px;
 432 }
 433
 434 ul.actions li{
 435   margin-left: 15px;
 436 }
 437
 438 ul.actions li.public{
 439   background-color: #f5fff2;
 440 }
 441
 442 form ul.actions li{
 443   padding: 0;
 444 }
 445
 446 form ul.actions li label{
 447   display: inline;
 448   float: none;
 449   width: auto;
 450   text-align: left;
 451   padding-right: 0px;
 452 }
 453
 454 .navig{
 455   text-align: right;
 456   border: solid 1px #d5d5d5;
 457   margin: 10px 0;
 458   padding: 3px;
 459 }
 460
 461 /* --------------------------------------------- MESSAGES */
 462
 463 .messages{
 464   margin: 10px;
 465   padding: 10px;
 466   border: solid 1px #c0c0c0;
 467 }
 468
 469 .erreur{
 470   margin: 50px 100px 50px 100px;
 471   padding: 20px;
 472   border: solid 1px #c0c0c0;
 473 }
 474
 475 .redirect_message{
 476   padding: 50px 100px 50px 100px;
 477 }
 478 .redirect_message div{
 479   padding: 20px;
 480   border: solid 1px #c0c0c0;
 481 }
 482
 483 .debug{
 484   text-align: left;
 485   margin: 10px;
 486   padding: 10px;
 487   border: solid 1px #e5e5e5;
 488   box-shadow: 0 0 5px #e5e5e5;
 489   background-color: #f5f5f5;
 490 }
 491
 492 /* --------------------------------------------- FOOTER */
 493
 494 #main_footer{
 495   border-top: solid 1px #d5d5d5;
 496   padding-bottom: 60px;
 497 }
 498
 499 #main_footer .content ul{
 500   float: right;
 501 }
 502
 503 #main_footer .content ul:after{
 504   content: "";
 505   display: table;
 506   clear: both;
 507 }
 508
 509 #main_footer .content ul li{
 510   float: left;
 511   padding: 0 1em;
 512   border-left: solid 1px #666666;
 513   margin-top: 5px;
 514 }
 515
 516 #main_footer .content ul li:first-child{
 517   border-left: none;
 518 }