[Sommaire] [Imprimer]

   1  /* ***** BEGIN LICENSE BLOCK *****
   2   * This file is part of DotClear.
   3   * Copyright (c) 2004 Olivier Meunier and contributors. All rights
   4   * reserved.
   5   *
   6   * DotClear is free software; you can redistribute it and/or modify
   7   * it under the terms of the GNU General Public License as published by
   8   * the Free Software Foundation; either version 2 of the License, or
   9   * (at your option) any later version.
  10   * 
  11   * DotClear is distributed in the hope that it will be useful,
  12   * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14   * GNU General Public License for more details.
  15   * 
  16   * You should have received a copy of the GNU General Public License
  17   * along with DotClear; if not, write to the Free Software
  18   * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  19   *
  20   * ***** END LICENSE BLOCK ***** */
  21  
  22  body {
  23      font-family : Verdana,Arial,Helevetica,sans-serif;
  24      color : #000;
  25      font-size : 0.8em;
  26      margin : 2em 5%;
  27      padding : 0;
  28      background : #fcfcfc url(fond.jpg);
  29  }
  30  
  31  body.popup {
  32      margin : 2em 3% 2em 3%;
  33  }
  34  
  35  a {
  36      color : #039;
  37  }
  38  
  39  html*a:hover, html*a:focus {
  40      text-decoration : none;
  41  }
  42  
  43  h1, h2, h3, h4 {
  44      font-family : "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
  45  }
  46  
  47  h1 { font-size: 1.7em; margin: .67em 0; }
  48  h2 { font-size: 1.5em; margin: .83em 0; color : #069;}
  49  h3 { font-size: 1.17em; margin: 1em 0; color : #f60; }
  50  h4 { margin: 1.33em 0; color : #090; }
  51  h5 { font-size: 0.83em; margin: 1.67em 0; }
  52  h6 { font-size: 0.67em; margin: 2.33em 0; }
  53  
  54  h2 { position : relative; }
  55  div>h2 { position : static; }
  56  
  57  p { margin : 1em 0; }
  58  img { border : 0; }
  59  
  60  dt {
  61      margin-top : 1em;
  62      margin-bottom : 0.5em;
  63      font-weight : bold;
  64  }
  65  
  66  dd {
  67      margin-left : 0.5em;
  68  }
  69  
  70  pre, code, kbd, samp {
  71      font-family:"Courier New",Courier,monospace;
  72      font-size : 1.1em;
  73  }
  74  
  75  code {
  76      color : #666;
  77      font-weight : bold;
  78  }
  79  
  80  table {
  81      font-size : 1em;
  82  }
  83  
  84  /* LAYOUT
  85  -------------------------------------------------------- */
  86  /* Main */
  87  #main {
  88      margin : 0 0 1px 0;
  89      padding : 0 0 1px 0;
  90      background : #fff;
  91      color : #000;
  92      clear : left;
  93      border-width : 0 1px 1px 1px;
  94      border-style : solid;
  95      border-color : #999;
  96  }
  97  
  98  body.popup #main {
  99      border-width : 1px;
 100      -moz-border-radius : 8px 8px 0 0;
 101  }
 102  
 103  /* Contenu */
 104  #content {
 105      padding : 1em;
 106  }
 107  #content img {
 108  }
 109  
 110  /* footer */
 111  #footer {
 112      text-align : right;
 113      margin : 10px 0 5px 0;
 114  }
 115  
 116  /* ONGLETS
 117  -------------------------------------------------------- */
 118  #header {
 119      float : left;
 120      width : 100%;
 121      line-height : normal;
 122      background-image : url(dot999.png);
 123      background-repeat : repeat-x;
 124      background-position : 0 100%;
 125  }
 126  #header ul {
 127      margin : 0;
 128      padding : 0;
 129      list-style : none;
 130  }
 131  #header li {
 132      float : left;
 133      margin : 0 -1px 0 0;
 134      padding : 0 0 0 25px;
 135      background-repeat : no-repeat;
 136      background-position : 0 -110px;
 137  }
 138  #header a {
 139      float : left;
 140      display : block;
 141      background-image : url(onglet_right.png);
 142      background-repeat : no-repeat;
 143      background-position : 100% -110px;
 144      padding : 10px 10px 5px 3px;
 145      font-family : Arial,Helvetica,sans-serif;
 146      font-weight : bold;
 147      text-decoration : none;
 148      color : #000;
 149  }
 150  
 151  /* Commented Backslash Hack
 152  Cache des règles à IE5-Mac \*/
 153  #header a {float:none;}
 154  /* Fin du hack IE5-Mac */
 155  
 156  #header li.actif, #header li.actif:hover {
 157      background-position : 0 0;
 158  }
 159  #header li.actif a, #header li.actif:hover a {
 160      padding-bottom : 6px;
 161      background-position : 100% 0;
 162  }
 163  #header li:hover {
 164      background-position : 0 -220px;
 165  }
 166  #header li:hover a {
 167      background-position : 100% -220px;
 168  }
 169      
 170  
 171  #menuBillets {
 172      background-image : url(onglet_billet.png);
 173  }
 174  #menuComments {
 175      background-image : url(onglet_comment.png);
 176  }
 177  #menuCategories  {
 178      background-image : url(onglet_cat.png);
 179  }
 180  #menuUsers  {
 181      background-image : url(onglet_user.png);
 182  }
 183  #menuPref  {
 184      background-image : url(onglet_pref.png);
 185  }
 186  #menuTools {
 187      background-image : url(onglet_tools.png);
 188  }
 189  
 190  #submenu {
 191      display : block;
 192      position : relative;
 193      clear : left;
 194      border-bottom : 1px solid #ccc;
 195      padding : 0.5em 1em;
 196      margin : 0;
 197      background : #eceade url("degrade_beige.png") repeat-x bottom left;
 198      color : #666;
 199      
 200  }
 201  
 202  #submenu li {
 203      display : inline;
 204      list-style : none;
 205  }
 206  
 207  /* CLASSES
 208  -------------------------------------------------------- */
 209  hr.hidden {
 210      height : 1px;
 211      border-width : 1px 0 0 0;
 212      border-style : solid;
 213      border-color : #fff;
 214  }
 215  
 216  hr.thin {
 217      height : 1px;
 218      border-width : 1px 0 0 0;
 219      border-style : solid;
 220      border-color : #ddd;
 221  }
 222  
 223  .small {
 224      font-size : 0.8em;
 225  }
 226  
 227  .center {
 228      text-align : center;
 229  }
 230  
 231  .right {
 232      text-align : right;
 233  }
 234  
 235  .inline {
 236      display : inline;
 237  }
 238  
 239  .semi {
 240      margin : 0.5em 0;
 241  }
 242  
 243  .message {
 244      color : #f60;
 245      font-weight : bold;
 246  }
 247  
 248  
 249  .ligne {
 250      border : 1px solid #ccc;
 251      border-top-width : 2px;
 252      padding : 0 0.5em;
 253      margin : 0 0 1.5em 0;
 254  }
 255  .ligne img.status {
 256      float : right;
 257      margin : 2px 0 0 4px;
 258      position : relative;
 259  }
 260  
 261  .ligneTitre {
 262      background : #eceade;
 263      margin : 0 -0.5em;
 264      padding : 0.2em 0.5em;
 265      font-size : 1em;
 266      font-family : Verdana,Arial,Helevetica,sans-serif;
 267  }
 268  
 269  .ligneInfo {
 270      margin : 0;
 271  }
 272  
 273  .ligne p.action {
 274      float : right;
 275  }
 276  
 277  .sort {
 278      border : 1px solid #ccc;
 279      padding : 0.3em;
 280      margin : 5px 0 0 0;
 281      background : #f7f5f0;
 282      clear : both;
 283  }
 284  .sort p {
 285      margin : 0.5em 0 0 0;
 286  }
 287  .sortJS {
 288      padding : 0 0.3em 0.5em 35px;
 289      cursor : move;
 290      background : #f7f5f0 url(updown.png) no-repeat 5px 5px;
 291  }
 292  
 293  .imgBrowse, .imgBrowsedir {
 294      float : left;
 295      margin : 0 10px 10px 0;
 296      text-align : center;
 297      border : 1px dashed #ccc;
 298  }
 299  .thumbnail {
 300      width : 190px;
 301      height : 180px;
 302      margin : 0;
 303      padding : 1px;
 304  }
 305  .imgBrowse .action, .imgBrowsedir .action {
 306      height : 20px;
 307      margin : 4px 4px 0 0;
 308      text-align : right;
 309  }
 310  .imgBrowse .thumbnail img {
 311      display : block;
 312      margin : 10px auto;
 313  }
 314  .imgBrowsedir .thumbnail img {
 315      display : block;
 316      margin-left : 60px;
 317      margin-top : 70px;
 318  }
 319  
 320  
 321  .erreur {
 322      border-left : 6px solid #f93;
 323      padding : 0 0 0 0.5em;
 324  }
 325  .erreur strong {
 326      color : #f60;
 327  }
 328  
 329  .errno {
 330      color : #666;
 331  }
 332  
 333  .errmsg {
 334      color : #c00;
 335      font-weight : bold;
 336  }
 337  
 338  .post-info {
 339      color : #f60;
 340  }
 341  
 342  .cancel, .cancel .post-info {
 343      color : #666;
 344  }
 345  
 346  .post-attr {
 347      margin : 0;
 348      padding : 0 0.5em;
 349      border : 1px solid #ccc;
 350  }
 351  
 352  ul.user-info {
 353      float : right;
 354      width : 102px;
 355      position : relative;
 356      margin : 0 0 1em 1em;
 357      padding : 5px 0 0 30px;
 358      background : transparent url(user_info_top.png) no-repeat top left;
 359      list-style : none;
 360  }
 361  li.ui-name {
 362  }
 363  li.ui-logout {
 364      display : block;
 365      background : transparent url(user_info_bottom.png) no-repeat bottom left;
 366      padding : 8px 0 10px 10px;
 367      margin : 0 0 0 -30px;
 368  }
 369  
 370  .nowrap {
 371      white-space : nowrap;
 372  }
 373  
 374  .max {
 375      width : 97%;
 376  }
 377  *>.max {
 378      width : 100%;
 379  }
 380  
 381  .clear {
 382      clear : both;
 383  }
 384  
 385  .bloc-droite {
 386      display : block;
 387      text-align : right;
 388      position : relative;
 389      top : 1em;
 390  }
 391  
 392  #dctoolbar {
 393      font-size:1px;
 394  }
 395  
 396  dl.plugin-list dt {
 397      margin : 0;
 398      padding : 0 0 0 35px;
 399  }
 400  
 401  dl.plugin-list dt img {
 402      float : left;
 403      margin-left : -35px;
 404      position : relative;
 405  }
 406  
 407  dl.plugin-list dd {
 408      margin : 0.5em 0 1.5em 35px;
 409  }
 410  
 411  table.clean-table {
 412      border-collapse : collapse;
 413  }
 414  
 415  table.clean-table tr {
 416  }
 417  
 418  table.clean-table th {
 419      border : 1px solid #000;
 420      padding : 0.5em;
 421  }
 422  
 423  table.clean-table td {
 424      border : 1px solid #666;
 425      padding : 0.5em;
 426  }
 427  
 428  table.post-entry-info {
 429      border: none;
 430      border-collapse: collapse;
 431  }
 432  table.post-entry-info td {
 433      padding : 0.3em 1.5em 0.3em 0em;
 434  }
 435  
 436  
 437  /* FORMULAIRES
 438  -------------------------------------------------------- */
 439  input, textarea, option, select {
 440      background : #eef3f5;
 441      color : #000;
 442      font-family : Verdana,Arial,Helvetica,sans-serif;
 443      font-size : 1em;
 444  }
 445  input, textarea {
 446      border-width : 1px;
 447  }
 448  *>input, *>textarea {
 449      border-color : #333;
 450  }
 451  
 452  label, span.label {
 453      display : block;
 454  }
 455  
 456  input.submit {
 457      border-style : outset;
 458      background : #d2e0e6 url(degrade_bleu.png) repeat-x 0 100%;
 459      font-weight : bold;
 460  }
 461  
 462  input.submit:hover, input.submit:focus {
 463      background : #fc3 url(degrade_orange.png) repeat-x 0 100%;
 464  }
 465  
 466  input.submit:active {
 467      border-style : inset;
 468  }
 469  
 470  fieldset {
 471   border: 1px solid #ccc;
 472   padding: 1em;
 473   margin: 1em 0;
 474   width : 95%;
 475  }
 476  legend {
 477   color: #999;
 478   background: #fff;
 479   padding: 0 .25em;
 480   font-weight: bold;
 481  }
 482  
 483  p.field {
 484      clear : left;
 485      margin : 0;
 486      padding : 1em 0 0 0;
 487  }
 488  
 489  label.float, span.label {
 490      position : relative;
 491      float : left;
 492      width : 25%;
 493      padding-right : 0.5em;
 494  }
 495  
 496  div.login {
 497      width : 14em;
 498      margin : auto;
 499      text-align : left;
 500      padding : 2em 1em;
 501      background : #fff;
 502      color : #000;
 503      border : 1px solid #ccc; 
 504  }
 505  
 506  h3.moreOptions {
 507      background : #eceade;
 508      margin : 0;
 509      padding : 0.5em;
 510      font-size : 1em;
 511      font-family : Verdana,Arial,Helevetica,sans-serif; 
 512  }
 513  div.moreOptions {
 514      background : #f7f5e9;
 515      padding : 0.5em;
 516      margin : 0;
 517  }
 518  
 519  
 520  /* Zone de prévisualisation
 521  -------------------------------------------------------- */
 522  .cadre {
 523      padding : 0.5em;
 524      border : 1px outset #999;
 525  }
 526  
 527  .preview {
 528  }
 529  
 530  .preview h3, .preview h4 {
 531      color : #000;
 532  }