[Sommaire] [Imprimer]

   1  /**********************************************************************/
   2  /* Template: bulletproof for Serendipity (http://www.s9y.org)         */
   3  /* Authors: Matthias Mees, David Cummins and Don Chambers             */
   4  /*                                                                    */
   5  /* Base stylesheet                                                    */
   6  /*                                                                    */
   7  /* http://s9y-bulletproof.com                                         */
   8  /**********************************************************************/
   9  
  10  
  11  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  12  /* WARNING: Don't edit this stylesheet unless you know what you're    */
  13  /*          doing! These styles are crucial to the layout, they're    */
  14  /*          actually the reason this template is called 'bulletproof' */
  15  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  16  
  17  body, html {
  18      margin: 0;
  19      padding: 0;
  20  }
  21  
  22  body {
  23      text-align: center;
  24  }
  25  
  26  #wrapper {
  27      overflow: hidden;
  28      width: 95%;
  29      margin: 1em auto;
  30      text-align: left;
  31  }
  32  
  33  #sitenav {
  34      float: left;
  35      width: 100%;
  36  }
  37  
  38  #sitenav ul {
  39      list-style-type: none;
  40      display: inline;
  41      margin-left: 0;
  42      padding-left: 0;
  43  }
  44  
  45  #sitenav ul li {
  46      display: inline;
  47  }
  48  
  49  #navbarsearchform {
  50      float: right;
  51      display: inline;
  52  }
  53  
  54  #sbsitenav ul {
  55      list-style-type: none;
  56  }
  57  
  58  #serendipityLeftSideBar,
  59  #serendipityLeftSideBarLeft,
  60  #serendipityLeftSideBarRight,
  61  #content {
  62      float: left;
  63  }
  64  
  65  #serendipityLeftSideBar,
  66  #serendipityRightSideBar,
  67  #serendipityLeftSideBarLeft,
  68  #serendipityLeftSideBarRight {
  69      display: inline;
  70  }
  71  
  72  #serendipityRightSideBar {
  73       float: right;
  74       clear: right;
  75  }
  76  
  77  /* 3-column widths */
  78  .threemain {
  79      width: 60%;
  80  }
  81  .threeside {
  82      width: 20%;
  83  }
  84  
  85  /* 2-column widths */
  86  .twomain {
  87      width: 75%;
  88  }
  89  .twoside {
  90      width: 25%;
  91  }
  92  
  93  /* 1-column widths */
  94  .onemain {
  95      width: 100%;
  96  }
  97  .oneside {
  98      width: 50%;
  99      max-width: 300px;
 100  }
 101  .onefull {
 102      width: 100%;
 103      max-width: 300px;
 104  }
 105  
 106  #footer {
 107      position: relative;
 108      clear: both;
 109      margin: 0;
 110      padding: 0!important;
 111      width: auto;
 112      height: 100%;
 113  }
 114  
 115  /*** Accessibility styles ***/
 116  #skiplinks {
 117      display: none;
 118  }
 119  
 120  #skiplinks ul {
 121      list-style-type: none;
 122      display: inline;
 123      margin-left: 0;
 124      padding-left: 0;
 125  }
 126  
 127  #skiplinks ul li {
 128      display: inline;
 129      padding: 0 10px;
 130  }
 131  
 132  /* without this, the navbar wipes out part of the banner */
 133  /* if the navbar is located above the banner             */
 134  #serendipity_banner {
 135      clear: both;
 136  }
 137  
 138  /* Fahrner Image Replacement for the header */
 139  .invisible {
 140      margin-left: -5000px;
 141  }
 142  .visible { /* just a placeholder - don't use this class */
 143             /* unless you know what you're doing         */ }
 144  
 145  /* this is needed to clear floats from floated images */
 146  .belowentry,
 147  .infofooter {
 148      clear: both;
 149  }
 150  
 151  /*** Some s9y-specific stuff ***/
 152  /* centering something     */
 153  .serendipity_center {
 154      margin-left: auto;
 155      margin-right: auto;
 156      text-align: center;
 157  }
 158  
 159  /* messages from s9y */
 160  .serendipity_msg_important {
 161      color: red;
 162      margin-bottom: 1em;
 163  }
 164  .serendipity_msg_notice {
 165      color: green;
 166      margin-bottom: 1em;
 167  }
 168  
 169  .serendipity_entry_extended {
 170      clear: both;
 171  }
 172  
 173  /* prevent styling of the extended placeholder, */
 174  /* otherwise the background image is visible    */
 175  #extended {
 176      background: none;
 177      display: none;
 178  }
 179  
 180  /* styling the continue reading byline, needed   */
 181  /* to stop firefox making the link 100% wide     */
 182  .continue_reading {
 183      display: block;
 184      padding-top: 10px;
 185  }
 186  
 187  /* styling the bulletproof button link in footer */
 188  #serendipity_bulletproof_button img {
 189      border: none;
 190  }
 191  
 192  .serendipity_Entry_Date,
 193  .serendipity_commentBody {
 194      overflow: auto;
 195  }
 196  
 197  .serendipitySideBarContent input,
 198  .serendipitySideBarContent select {
 199      width: 95%;
 200  }
 201  
 202  ul.archives_row {
 203      list-style-type: none;
 204  }
 205  
 206  ul.archives_row li.archives_graph,
 207  ul.archives_row li.archives_date,
 208  ul.archives_row li.archives_count,
 209  ul.archives_row li.archives_count_link {
 210      float: left;
 211  }
 212  
 213  ul.archives_row li.archives_graph,
 214  ul.archives_row li.archives_date,
 215  ul.archives_row li.archives_count,
 216  ul.archives_row li.archives_count_link,
 217  ul.archives_rowli.archives_link {
 218      width: 19.9%;
 219  }
 220  
 221  ul.staticpage_navigation {
 222      list-style-type: none;
 223      display: inline;
 224  }
 225  
 226  ul.staticpage_navigation li {
 227      display: inline;
 228  }
 229  
 230  #theme_chooser select{
 231      width: 90%;
 232  }