www/prive/themes/spip/layout.css

   1 /* Layout */
   2 body {min-width: 780px;}
   3 body.large {min-width: 974px;}
   4 /* ecran etroit*/
   5 #haut {text-align:center;margin-top:10px;}
   6 .largeur { width: 780px; margin: auto; text-align:left;padding:0; }
   7 #conteneur,.table_page { clear: both; margin-right: auto; margin-left: auto; text-align: left; width: 780px; margin-top:0.5em;}
   8 #navigation { float: left; width: 200px; min-height: 100px; }
   9 #extra { float: left; clear:left; width: 200px; }
  10 #contenu { float: right ; margin-left: 30px; width: 550px; min-height:400px}
  11 #pied {}
  12 div.messages-alertes {text-align: right;background: #fff;padding: 5px;width: 770px;clear: both; margin-right: auto; margin-left: auto;}
  13
  14 /* ecran large*/
  15 .large .largeur {width:974px;}
  16 .large #conteneur,.large .table_page { width: 974px; }
  17 .large div.messages-alertes {width: 964px;}
  18 .large #navigation {  }
  19 .large #extra { float: right; clear:none; width: 200px; }
  20 .large #contenu { float: left; margin-left: 17px; width: 540px; }
  21
  22 /* les formulaires sont en 600px en config large */
  23 body.large.edition #contenu,
  24 .articles_edit.large #contenu,
  25 .mots_edit.large #contenu,
  26 .breves_edit.large #contenu,
  27 .rubriques_edit.large #contenu {width:600px;}
  28 body.large.edition #extra,
  29 .articles_edit.large #extra,
  30 .mots_edit.large #extra,
  31 .breves_edit.large #extra,
  32 .rubriques_edit.large #extra {width:140px;}
  33
  34 /* une seule colonne centrale */
  35 .pleine_largeur #navigation,.pleine_largeur #extra,
  36 body.large .pleine_largeur #navigation,body.large .pleine_largeur #extra {display:none;}
  37 .pleine_largeur #contenu,
  38 body.large .pleine_largeur #contenu {margin-left:0;width:100%;}
  39
  40 /*fix all layout problems of IE6 and IE7*/
  41 .lte7 .cadre,
  42 .lte7 .fiche_objet, /*title not visible*/
  43 .lte7 .ajax-action, /*containers of expandible boxes go mad*/
  44 .lte7 .tabs-container, /*containers of expandible boxes go mad*/
  45 .lte7 #portfolio,
  46 .lte7 #documents {zoom:1}
  47
  48 div.table_page { margin-top: 1em; }
  49 .centered { margin: 0 auto; text-align: center; }
  50 #page { margin: auto; text-align: center; }
  51 .table_page{ margin: auto; text-align: left; }