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: 5px;
  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 .menu_user{
 144   position: absolute;
 145   top: 4em;
 146   left: 30px;
 147 }
 148
 149 /* --------------------------------------------- CONTENUS */
 150
 151 body{
 152   color: #333333;
 153   font: normal 0.9em Verdana, Helvetica, Arial, sans-serif;
 154 }
 155
 156 a{
 157   text-decoration: none;
 158   color: #000066;
 159 }
 160
 161 a img{
 162   border: none;
 163 }
 164
 165 a:hover{
 166   color: #777777;
 167 }
 168
 169 h1{
 170   font-size: 2em;
 171 }
 172
 173 h2{
 174   font-size: 1.4em;
 175   padding-top: 1em;
 176   border-bottom: solid 1px #d5d5d5;
 177 }
 178
 179 h3{
 180   font-size: 1.4em;
 181   margin-top: 1em;
 182 }
 183
 184 h4{
 185   font-size: 1.4em;
 186 }
 187
 188 h5{
 189   font-size: 1.2em;
 190 }
 191
 192 h6{
 193   font-size: 1em;
 194 }
 195
 196 h1, h2, h3, h4, h5, h6, p, ul{
 197   margin: 0 0 0.5em 0;
 198 }
 199
 200 strong{
 201   font-weight: bold;
 202 }
 203
 204 /* ------------------------------------------------- MENU COLONNE ET NAV */
 205
 206 #colonne .menu,
 207 nav.sous_pages{
 208   margin-bottom: 1em;
 209 }
 210
 211 #colonne .menu ul,
 212 nav.sous_pages ul{
 213   list-style-type: none;
 214   margin: 5px 20px 5px 10px;
 215   padding: 0;
 216 }
 217
 218 #colonne .menu ul ul,
 219 nav.sous_pages ul ul{
 220   list-style-type: none;
 221   margin: 0 0 0 20px;
 222   padding: 0;
 223 }
 224
 225 #colonne .menu ul li,
 226 nav.sous_pages ul li{
 227   margin: 1px 0;
 228   padding: 0;
 229   border-bottom: solid 1px #d5d5d5;
 230 }
 231
 232 #colonne .menu ul li a,
 233 nav.sous_pages ul li a{
 234   display: block;
 235   line-height: 2em;
 236   padding: 0 1em;
 237   background-color: #f1f1f1;
 238 }
 239
 240 #colonne .menu ul li a:hover,
 241 nav.sous_pages ul li a:hover{
 242   color: #000066;
 243   background-color: #e9e9e9;
 244 }
 245
 246 /* --------------------------------------------- FORMULAIRES */
 247
 248 fieldset{
 249   padding: 10px 0;
 250 }
 251
 252 fieldset legend{
 253   font-size: 1.2em;
 254   display: block;
 255   width: 100%;
 256   border-bottom: solid 1px #d5d5d5;
 257 }
 258
 259 form ul li{
 260   padding: 5px 0;
 261 }
 262
 263 form ul li:after{
 264   content: "";
 265   display: table;
 266   clear: both;
 267 }
 268
 269 form ul li label{
 270   display: block;
 271   float: left;
 272   width: 140px;
 273   text-align: right;
 274   padding-right: 10px;
 275 }
 276
 277 form ul li .form_input{
 278   float: left;
 279   width: 390px;
 280 }
 281
 282 form ul li .form_input span.info{
 283   display: block;
 284   font-size: 0.9em;
 285   color: #666666;
 286 }
 287
 288 textarea, input[type=text], input[type=password], input[type=file]{
 289   border: solid 1px #c0c0c0;
 290   padding: 3px;
 291   background-color: #ffffff;
 292   color: #333333;
 293 }
 294
 295 textarea.tinymce{
 296   width: 100%;
 297   height: 300px;
 298 }
 299
 300 select{
 301   border: solid 1px #c0c0c0;
 302   background-color: #ffffff;
 303   color: #333333;
 304   padding: 3px 10px;;
 305 }
 306
 307 form ul li .form_buttons{
 308   text-align: right;
 309 }
 310
 311 form ul li .form_single_button{
 312   text-align: left;
 313   padding-left: 150px;
 314 }
 315 input[type=submit]{
 316   background-color: #e9e9e9;
 317   cursor: pointer;
 318   border: solid 1px #c0c0c0;
 319 }
 320
 321 input[type=submit]:hover{
 322   background-color: #f5f5f5;
 323 }
 324
 325 form ul li .form_buttons input[type=submit],
 326 form ul li .form_single_button input[type=submit]{
 327   padding: 3px 10px;
 328 }
 329
 330 /* --------------------------------------------- ADMIN */
 331
 332 ul.buttons{
 333   margin: 10px 0 20px 0;
 334   text-align: right;
 335   padding-bottom: 10px;
 336 }
 337
 338 ul.buttons li{
 339   display: inline;
 340 }
 341
 342 ul.buttons li a{
 343   padding: 3px 7px 3px 7px;
 344   border: solid 1px #d5d5d5;
 345 }
 346 ul.buttons li a:hover{
 347   color: #000066;
 348   background-color: #f5f5f5;
 349 }
 350
 351 ul.buttons li a.add{
 352   background-image: url("../icons/add.gif");
 353   background-repeat: no-repeat;
 354   background-position: 3px 8px;
 355   padding: 3px 7px 3px 18px;
 356 }
 357
 358 ul.filters{
 359   margin: 10px 0 20px 0;
 360   text-align: right;
 361   padding-bottom: 10px;
 362 }
 363
 364 ul.filters li{
 365   display: inline;
 366 }
 367
 368 ul.filters li a{
 369   padding: 3px 7px 3px 7px;
 370   border: solid 1px #d1d1d1;
 371 }
 372
 373 table.admin{
 374   width: 100%;
 375   margin-bottom: 1em;
 376 }
 377
 378 table.admin tr.hl:hover{
 379   background-color: #f5f5f5;
 380 }
 381
 382 table.admin tr th{
 383   text-align: center;
 384   padding: 3px;
 385   font-weight: bold;
 386 }
 387
 388 table.admin tr td{
 389   border: solid 1px #d1d1d1;
 390   padding: 3px;
 391 }
 392
 393 table.admin td.action{
 394   text-align: center;
 395   width: 50px;
 396 }
 397
 398 ul.actions li{
 399   margin-left: 15px;
 400 }
 401
 402 ul.actions li.public{
 403   background-color: #f5fff2;
 404 }
 405
 406 form ul.actions li{
 407   padding: 0;
 408 }
 409
 410 form ul.actions li label{
 411   display: inline;
 412   float: none;
 413   width: auto;
 414   text-align: left;
 415   padding-right: 0px;
 416 }
 417
 418 .navig{
 419   text-align: right;
 420   border: solid 1px #d5d5d5;
 421   margin: 10px 0;
 422   padding: 3px;
 423 }
 424
 425 /* --------------------------------------------- MESSAGES */
 426
 427 .messages{
 428   margin: 10px;
 429   padding: 10px;
 430   border: solid 1px #c0c0c0;
 431 }
 432
 433 .erreur{
 434   margin: 50px 100px 50px 100px;
 435   padding: 20px;
 436   border: solid 1px #c0c0c0;
 437 }
 438
 439 .redirect_message{
 440   padding: 50px 100px 50px 100px;
 441 }
 442 .redirect_message div{
 443   padding: 20px;
 444   border: solid 1px #c0c0c0;
 445 }
 446
 447 .debug{
 448   text-align: left;
 449   margin: 10px;
 450   padding: 10px;
 451   border: solid 1px #e5e5e5;
 452   box-shadow: 0 0 5px #e5e5e5;
 453   background-color: #f5f5f5;
 454 }
 455
 456 /* --------------------------------------------- FOOTER */
 457
 458 #main_footer{
 459   border-top: solid 1px #d5d5d5;
 460   padding-bottom: 60px;
 461 }
 462
 463 #main_footer .content ul{
 464   float: right;
 465 }
 466
 467 #main_footer .content ul:after{
 468   content: "";
 469   display: table;
 470   clear: both;
 471 }
 472
 473 #main_footer .content ul li{
 474   float: left;
 475   padding: 0 1em;
 476   border-left: solid 1px #666666;
 477   margin-top: 5px;
 478 }
 479
 480 #main_footer .content ul li:first-child{
 481   border-left: none;
 482 }