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