[Sommaire] [Imprimer]

   1  /* ***** BEGIN LICENSE BLOCK *****
   2   * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3   *
   4   * The contents of this file are subject to the Mozilla Public License Version
   5   * 1.1 (the "License"); you may not use this file except in compliance with
   6   * the License. You may obtain a copy of the License at
   7   * http://www.mozilla.org/MPL/
   8   *
   9   * Software distributed under the License is distributed on an "AS IS" basis,
  10   * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11   * for the specific language governing rights and limitations under the
  12   * License.
  13   *
  14   * The Original Code is DotClear Weblog.
  15   *
  16   * The Initial Developer of the Original Code is
  17   * Olivier Meunier.
  18   * Portions created by the Initial Developer are Copyright (C) 2003
  19   * the Initial Developer. All Rights Reserved.
  20   *
  21   * Contributor(s):
  22   *
  23   * Alternatively, the contents of this file may be used under the terms of
  24   * either the GNU General Public License Version 2 or later (the "GPL"), or
  25   * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  26   * in which case the provisions of the GPL or the LGPL are applicable instead
  27   * of those above. If you wish to allow use of your version of this file only
  28   * under the terms of either the GPL or the LGPL, and not to allow others to
  29   * use your version of this file under the terms of the MPL, indicate your
  30   * decision by deleting the provisions above and replace them with the notice
  31   * and other provisions required by the GPL or the LGPL. If you do not delete
  32   * the provisions above, a recipient may use your version of this file under
  33   * the terms of any one of the MPL, the GPL or the LGPL.
  34   *
  35   * ***** END LICENSE BLOCK ***** */
  36  
  37  body {
  38      font-family: Verdana,Arial,Helevetica,sans-serif;
  39      color: #000;
  40      font-size: 0.8em;
  41      margin: 2em 2em 2em 2em;
  42  /*    background: #fcfcfc url("images/fond.jpg"); */
  43      background-color: #ddd;
  44  }
  45  
  46  a {
  47      /* color: #039; */
  48      color: #05b;
  49  }
  50  
  51  /* html*a:hover, html*a:focus {
  52      text-decoration: none;
  53  } */
  54  
  55  h1,h2, h3, h4 {
  56      font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
  57  }
  58  
  59  h1 {
  60  /*    color: #069; */
  61      color: #55728B; /*17d*/
  62      position: relative;
  63  }
  64  div>h2 {
  65      position: static;
  66  }
  67  
  68  h2, h3 {
  69  /*    color: #f60; */
  70      color: #6F96B7; /*05b*/
  71  }
  72  
  73  h4 {
  74      color: #090;
  75  }
  76  
  77  p { margin: 1em 0; }
  78  img { border: 0; }
  79  
  80  dt {
  81      margin-top: 1em;
  82      margin-bottom: 0.5em;
  83      font-weight: bold;
  84  }
  85  
  86  dd {
  87      margin-left: 0.5em;
  88  }
  89  
  90  pre, code, kbd, samp {
  91      font-family:"Courier New",Courier,monospace;
  92      font-size: 1.1em;
  93  }
  94  
  95  code {
  96      color: #666;
  97      font-weight: bold;
  98  }
  99  
 100  hr.invisible {
 101      clear: both;
 102      visibility: hidden;
 103  }
 104  
 105  hr.soft {
 106      width: 80%;
 107      color: #ccc;
 108      border-style: solid;
 109  }
 110  
 111  
 112  img.minihelp {
 113      padding: 0; 
 114      margin-bottom: -3px;
 115  }
 116  
 117  span.accesskey {
 118      color: #999;
 119  }
 120  
 121  /* LAYOUT
 122  -------------------------------------------------------- */
 123  /* Main */
 124  #main {
 125      position: static;
 126      margin: 0 0 1px 0;
 127      padding: 0 0 1px 0;
 128      background: #fff;
 129      color: #000;
 130      clear: left;
 131      border-width: 0 1px 1px 1px;
 132      border-style: solid;
 133      border-color: #999;
 134  }
 135  
 136  #main-pop {
 137      position: relative;
 138      margin: 0 0 1px 0;
 139      padding: 0 0 1px 0;
 140      background: #fff;
 141      color: #000;
 142      clear: left;
 143      border-width: 1px;
 144      border-style: solid;
 145      border-color: #999;
 146      -moz-border-radius: 8px 8px 0 0;
 147  }
 148  
 149  /* Contenu */
 150  #content {
 151      padding: 1em;
 152  }
 153  
 154  /* footer */
 155  #footer {
 156      text-align: right;
 157      margin: 10px 0 5px 0;
 158  }
 159  
 160  #footer span.small{
 161      float: left;
 162      margin: 0 0 5px 0;
 163  }
 164  
 165  
 166  
 167  /* ONGLETS
 168  -------------------------------------------------------- */
 169  #menu {
 170      display: block;
 171      margin: 0;
 172      padding: 0;
 173      height: 41px;
 174      background-image: url("images/bg-header.png");
 175      border-width: 1px 1px 1px 0px;
 176      border-style: solid;
 177      border-color: #999;
 178      border-bottom-color: #999;
 179  }
 180  
 181  #menu li {
 182      display: block;
 183      float: left;
 184      padding: 5px 5px 0 5px;
 185      margin: 0 5px 0 0;
 186      border-width: 0px 1px 1px 1px;
 187      border-style: solid;
 188      border-color: transparent;
 189  }
 190  
 191  /* IE hack */
 192  * html #menu li {
 193      border-width: 0px 0px 0px 0px;
 194      height: 42px;
 195  }
 196  
 197  #menu li:hover {
 198      background: #d2e0e6 url("images/degrade_bleu.png") repeat-x 0 100%;
 199      border-width: 0px 1px 1px 1px; 
 200      border-color: #999;
 201  }
 202  
 203  #menu li:hover a {
 204      color: #000;
 205  }
 206  
 207  #menu li.active {
 208      border-color: #999;
 209      border-width: 0px 1px 1px 1px;
 210      border-bottom-color: #e7e7e7;
 211      background: #e7e7e7 url("images/bg-header-light.png");
 212  }
 213  
 214  #menu li.active a {
 215      color: #000;
 216  }
 217  
 218  
 219  #menu li.first {
 220      border-left-width: 1px;
 221      border-left-color: #999;
 222  }
 223  
 224  #menu li a {
 225      font-family: Arial,Helvetica,sans-serif;
 226      font-weight: bold;
 227      text-decoration: none;
 228      color: #777;
 229      line-height: 33px;
 230  }
 231  
 232  /* IE hack */
 233  * html #menu li a {
 234      height: 28px;
 235  }
 236  
 237  #menu li img {
 238      margin-right: 2px;
 239  }
 240  
 241  #submenu {
 242      display: block;
 243      position: relative;
 244      border-bottom: 1px solid #ccc;
 245      padding: 0.5em 1em;
 246      margin: 0;
 247      background: #e7e7e7 url("images/bg-header-light-gradient.png") repeat-x 0 100%;
 248      color: #666;
 249  }
 250  
 251  #submenu li {
 252      display: inline;
 253      list-style: none;
 254  }
 255  
 256  /*#submenu a {
 257      text-decoration: none;
 258  }*/
 259  
 260  /* CLASSES
 261  -------------------------------------------------------- */
 262  ul.checklist li 
 263  {
 264      list-style-type: none;
 265  }
 266  
 267  hr.hidden {
 268      height: 1px;
 269      border-width: 1px 0 0 0;
 270      border-style: solid;
 271      border-color: #fff;
 272  }
 273  
 274  hr.thin {
 275      height: 1px;
 276      border-width: 1px 0 0 0;
 277      border-style: solid;
 278      border-color: #ddd;
 279  }
 280  
 281  .small {
 282      font-size: 0.8em;
 283  }
 284  
 285  .center {
 286      text-align: center;
 287  }
 288  
 289  p.sans-marge {
 290      margin: 0;
 291  }
 292  
 293  .message {
 294      color: #f60;
 295      font-weight: bold;
 296  }
 297  
 298  .line {
 299      border: 1px solid #ccc;
 300      /* border-top-width: 3px; */
 301      padding: 0 0.5em;
 302      margin: 0 0 0.5em 0;
 303  }
 304  
 305  .line img.status {
 306      float: right;
 307      margin: 0 0 0 0;
 308  }
 309  
 310  .line p.action {
 311      float: right;
 312  }
 313  
 314  /* list of files
 315  -----------------------*/
 316  .thumbnail {
 317      border: 1px solid #000;
 318  }
 319  
 320  .thumbnailicon {
 321      border: 0px;
 322  }
 323  
 324  div.spacer {
 325      clear: both;
 326  }
 327  
 328  div.icon {
 329      position:relative;
 330      float: left;
 331      margin: 0.5em;
 332      padding: 0;
 333      height: 150px;
 334      width: 250px;
 335      overflow: auto;
 336      font-size: 80%;
 337      border: 1px solid #ccc;
 338  }
 339  
 340  div.icon p.action {
 341      position: absolute;
 342      margin: 0;
 343      padding: 0;
 344      bottom: 2px;
 345      right: 2px;
 346  }
 347  
 348  div.icon p.icon {
 349      text-align: center;
 350      padding: 5px 0 0 0;
 351      margin: 5px 0 0 0;
 352  }
 353  div.icon p.legend {
 354      margin: 0;
 355      padding: 0;
 356      text-align: center;
 357  }
 358  
 359  
 360  /* -----------------------*/
 361  
 362  .erreur {
 363      border-left: 6px solid #f93;
 364      padding: 0 0 0 0.5em;
 365  }
 366  .erreur strong {
 367      color: #f60;
 368  }
 369  
 370  .errno {
 371      color: #666;
 372  }
 373  
 374  .errmsg {
 375      color: #c00;
 376      font-weight: bold;
 377  }
 378  
 379  .post-info {
 380      color: #f60;
 381  }
 382  
 383  .cancel, .cancel .post-info {
 384      color: #666;
 385  }
 386  
 387  .user-info {
 388      float: right;
 389      position: relative;
 390      border: 1px solid #ccc;
 391      /* -moz-border-radius: 8px; */
 392      margin: 0;
 393      padding: 8px 8px 8px 25px;
 394      white-space: nowrap;
 395      background: #e7e7e7 url("images/ico_author.png") no-repeat 3px 0.5em;
 396      /* background: #e7e7e7 url("images/bg-header-light.png"); */
 397      z-index: 2;
 398  }
 399  
 400  .nowrap {
 401      white-space: nowrap;
 402  }
 403  
 404  .bloc-droite {
 405      display: block;
 406      text-align: right;
 407      position: relative;
 408      float: right;
 409      z-index: 2;
 410  /*    top: 1em; */
 411  }
 412  
 413  dl.plugin-list dt {
 414      margin: 0;
 415      padding: 0 0 0 35px;
 416  }
 417  
 418  dl.plugin-list dt img {
 419      float: left;
 420      margin-left: -35px;
 421      position: relative;
 422  }
 423  
 424  dl.plugin-list dd {
 425      margin: 0.5em 0 1.5em 35px;
 426  }
 427  
 428  dl.credits-list dt {
 429      margin: 0;
 430      padding: 0 0 0 110px;
 431  }
 432  
 433  dl.credits-list dt img {
 434      float: left;
 435      margin-left: -110px;
 436      position: relative;
 437  }
 438  
 439  dl.credits-list dd {
 440      margin: 0.5em 0 1.5em 110px;
 441  }
 442  
 443  dl.themes-list dt {
 444      margin: 0;
 445      padding: 0 0 0 420px;
 446  }
 447  
 448  dl.themes-list dt img {
 449      float: left;
 450      margin-left: -420px;
 451      position: relative;
 452      border-width: 1px;
 453      border-color: #ccc;
 454      border-style: solid;
 455      padding: 5px;
 456  }
 457  
 458  dl.themes-list dd {
 459      margin: 0.5em 0 1.5em 425px;
 460      height: 160px;
 461  }
 462  
 463  table.clean-table {
 464      border-collapse: collapse;
 465  }
 466  
 467  table.clean-table tr {
 468  }
 469  
 470  table.clean-table th {
 471      border: 1px solid #000;
 472      padding: 0.5em;
 473  }
 474  
 475  table.clean-table td {
 476      border: 1px solid #666;
 477      padding: 0.5em;
 478  }
 479  
 480  ul.folders {
 481      margin-left: 0;
 482      padding-left: 0;
 483      list-style: none;
 484  }
 485  
 486  ul.folders li {
 487      padding-left: 20px;
 488      background-image: url('images/dossier.png');
 489      background-repeat: no-repeat;
 490      background-position: 0 50%;
 491  }
 492  
 493  
 494  /* FORMULAIRES
 495  -------------------------------------------------------- */
 496  input, textarea, option, select {
 497          background: #eef3f5;
 498      color: #000;
 499      font-family: Verdana,Arial,Helvetica,sans-serif;
 500      font-size: 1em;
 501      margin-top: 2px;
 502  }
 503  input, textarea {
 504      border: 1px solid #999;
 505  }
 506  
 507  fieldset {
 508      border: 1px solid #ccc;
 509      padding:0.5em;
 510  }
 511  
 512  
 513  legend {
 514      font-weight: bold;
 515  }
 516  
 517  * html form {
 518      position: relative;
 519  }
 520  
 521  label, span.label {
 522      display: block;
 523      position: static;  /* IE n'aime pas relative */
 524  }
 525  
 526  input.submit {
 527      border-style: solid;
 528      border-color: #999;
 529      background: #d2e0e6 url("images/degrade_bleu.png") repeat-x 0 100%;
 530      font-weight: bold;
 531  }
 532  /*
 533  input.submit:hover, input.submit:focus {
 534      background: #fc3 url("images/degrade_orange.png") repeat-x 0 100%;
 535      color: #fff;
 536  }*/
 537  
 538  input.submit:active {
 539      border-style: solid;
 540  }
 541  
 542  input.size-control {
 543      border: none;
 544      background: none;
 545  
 546  }
 547  span.size-control {
 548      display: block;
 549      float: right;
 550  }
 551  
 552  p.field {
 553      clear: left;
 554      margin: 0;
 555      padding: 1em 0 0 0;
 556  }
 557  
 558  label.float, span.label {
 559      position: relative;
 560      float: left;
 561      width: 25%;
 562      padding-right: 0.5em;
 563  }
 564  
 565  div.login {
 566      width: 14em;
 567      margin: auto;
 568      text-align: left;
 569      padding: 1em 1em 2em 1em;
 570      background: #fff;
 571      color: #000;
 572      border: 1px solid #999;
 573  }
 574  
 575  div.login h2 { 
 576      padding-bottom: 1em ;
 577      background: #fff;
 578      color: #3393b8;
 579  }
 580  
 581  #switch p {
 582      text-align: right; 
 583      /*
 584      right: 0;
 585      left: auto; */   
 586  }
 587  
 588  
 589  /* Zone de prévisualisation
 590  -------------------------------------------------------- */
 591  .preview {
 592      padding: 0.5em;
 593      border: 1px outset #999;
 594      margin-bottom: 1em;
 595  }
 596  
 597  .preview h1 {
 598      color: #f60;
 599      font-size: 1.6em;
 600  }    
 601  
 602  .preview h3 {
 603      color: #069;
 604  }
 605  
 606  .preview h2 {
 607      color: #069;
 608  }
 609  
 610  div.gallery-img {
 611      float: left;
 612      padding: 0 1em;
 613  }
 614  
 615  p.gallery-legend {
 616      text-align: center;
 617  }
 618  
 619  img.px-center {
 620      text-align: center;
 621      display: block;
 622      margin-left: auto;
 623      margin-right: auto;
 624  }
 625  
 626  img.px-right {
 627      float: right;
 628  }
 629  
 630  img.px-left {
 631      float: left;
 632  }