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