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 */
 170
 171 #colonne ul.menu{
 172   list-style-type: none;
 173   margin: 5px 20px 5px 10px;
 174   padding: 0;
 175 }
 176
 177 #colonne ul.menu ul{
 178   list-style-type: none;
 179   margin: 0 0 0 20px;
 180   padding: 0;
 181 }
 182
 183 #colonne ul.menu li{
 184   margin: 1px 0;
 185   padding: 0;
 186   border-bottom: solid 1px #e5e5e5;
 187 }
 188
 189 #colonne ul.menu li a{
 190   display: block;
 191   line-height: 2em;
 192   padding: 0 1em;
 193   background-color: #f5f5f5;
 194 }
 195
 196 #colonne ul.menu li a:hover{
 197   color: #000066;
 198   background-color: #f1f1f1;
 199 }
 200
 201 /* --------------------------------------------- FORMULAIRES */
 202
 203 fieldset{
 204   padding: 10px 0;
 205 }
 206
 207 fieldset legend{
 208   font-size: 1.4em;
 209   display: block;
 210   width: 100%;
 211   border-bottom: solid 1px #f3f3f3;
 212 }
 213
 214 form ul li{
 215   padding: 5px 0;
 216 }
 217
 218 form ul li:after{
 219   content: "";
 220   display: table;
 221   clear: both;
 222 }
 223
 224 form ul li label{
 225   display: block;
 226   float: left;
 227   width: 140px;
 228   text-align: right;
 229   padding-right: 10px;
 230 }
 231
 232 form ul li .form_input{
 233   float: left;
 234   width: 390px;
 235 }
 236
 237 form ul li .form_input span.info{
 238   display: block;
 239   font-size: 0.9em;
 240   color: #666666;
 241 }
 242
 243 textarea, input[type=text], input[type=password]{
 244   border: solid 1px #c0c0c0;
 245   padding: 3px;
 246 }
 247
 248 select{
 249   border: solid 1px #c0c0c0;
 250   background-color: #ffffff;
 251   padding: 3px 10px;;
 252 }
 253
 254 form ul li .form_buttons{
 255   text-align: right;
 256 }
 257
 258 form ul li .form_single_button{
 259   text-align: left;
 260   padding-left: 150px;
 261 }
 262
 263 form ul li .form_buttons input[type=submit],
 264 form ul li .form_single_button input[type=submit]{
 265   border: solid 1px #c0c0c0;
 266   background-color: #ffffff;
 267   padding: 3px 10px;
 268 }
 269
 270 form ul li .form_buttons input[type=submit]:hover{
 271   cursor: pointer;
 272   background-color: #f5f5f5;
 273 }
 274
 275 /* --------------------------------------------- ADMIN */
 276
 277 ul.buttons{
 278   margin: 10px 0 20px 0;
 279   text-align: right;
 280   padding-bottom: 10px;
 281   border-bottom: dashed 1px #e5e5e5;
 282 }
 283
 284 ul.buttons li{
 285   display: inline;
 286 }
 287
 288 ul.buttons li a{
 289   padding: 3px 7px 3px 7px;
 290   border: solid 1px #d1d1d1;
 291 }
 292
 293 ul.buttons li a.add{
 294   background-image: url("../icons/add.gif");
 295   background-repeat: no-repeat;
 296   background-position: 3px 6px;
 297   border: solid 1px #d1d1d1;
 298   padding: 3px 7px 3px 18px;
 299 }
 300
 301 ul.filters{
 302   margin: 10px 0 20px 0;
 303   text-align: right;
 304   padding-bottom: 10px;
 305   border-bottom: dashed 1px #e5e5e5;
 306 }
 307
 308 ul.filters li{
 309   display: inline;
 310 }
 311
 312 ul.filters li a{
 313   padding: 3px 7px 3px 7px;
 314   border: solid 1px #d1d1d1;
 315 }
 316
 317 table.admin{
 318   width: 100%;
 319   margin-bottom: 1em;
 320 }
 321
 322 table.admin tr.hl:hover{
 323   background-color: #f9f9f9;
 324 }
 325
 326 table.admin tr th{
 327   text-align: center;
 328   padding: 3px;
 329   font-weight: bold;
 330 }
 331
 332 table.admin tr td{
 333   border: solid 1px #d1d1d1;
 334   padding: 3px;
 335 }
 336
 337 table.admin td.action{
 338   text-align: center;
 339   width: 50px;
 340 }
 341
 342 .navig{
 343   text-align: right;
 344   border: solid 1px #d5d5d5;
 345   margin: 10px 0;
 346   padding: 3px;
 347 }
 348
 349 /* --------------------------------------------- MESSAGES */
 350
 351 .messages{
 352   margin: 10px;
 353   padding: 10px;
 354   border: solid 1px #c0c0c0;
 355 }
 356
 357 .erreur{
 358   margin: 50px 100px 50px 100px;
 359   padding: 20px;
 360   border: solid 1px #c0c0c0;
 361 }
 362
 363 .redirect_message div{
 364   margin: 50px 100px 50px 100px;
 365   padding: 20px;
 366   border: solid 1px #c0c0c0;
 367 }
 368
 369 /* --------------------------------------------- FOOTER */
 370
 371 #main_footer .content{
 372   border-top: solid 1px #e9e9e9;
 373   padding-bottom: 20px;
 374 }
 375
 376 #main_footer .content ul{
 377   float: right;
 378 }
 379
 380 #main_footer .content ul:after{
 381   content: "";
 382   display: table;
 383   clear: both;
 384 }
 385
 386 #main_footer .content ul li{
 387   float: left;
 388   padding: 0 5px;
 389   border-left: solid 1px #c0c0c0;
 390   margin-top: 5px;
 391 }
 392
 393 #main_footer .content ul li:first-child{
 394   border-left: none;
 395 }