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