themes/Sidebar/sidebar.css

   1 /**
   2  * $Id: sidebar.css,v 1.20 2004-03-26 03:45:43 rurban Exp $
   3  *
   4  * This incarnation of this stylesheet is a complete rewrite from the
   5  * ground up.
   6  *
   7  * It renders excellent with Mozilla and very good with IE5.1Mac.
   8  *
   9  * No floats are used, for older versions of ie (which apparently hang).
  10  *
  11  * OmniWeb is totally useless with this stylesheet.
  12  * This also has not yet been tested against NS4.
  13  *
  14  */
  15 @import url("../default/phpwiki.css");
  16
  17
  18 /**
  19  * General settings
  20  */
  21 body {
  22   margin-top: 6ex; /* area under fixed h1 */
  23   margin-left: 14em;
  24   padding-bottom: 4ex; /* area under fixed #actionbar (editdate) */
  25 }
  26
  27 div.wikitext {
  28   margin-left: 0.5em;
  29   /* "paper" borders */
  30   border-top:    1px solid #e8e6df;
  31   border-left:   1px solid #e8e6df;
  32   border-bottom: 1px solid #b2b2b2;
  33   border-right:  1px solid #b2b2b2;
  34 }
  35
  36 /** some border colors
  37  ** to play with
  38   #d3d2c8;
  39   #e8e6df;
  40   #6d6a5c;
  41   #b3ae97;
  42  **/
  43
  44 div#logo img {
  45   position: fixed;
  46   left: 1ex;
  47   top:  1.2ex;
  48 }
  49 div#clock {
  50   position: fixed;
  51   left: 0.7ex;
  52   top:  31ex;
  53 }
  54 div#calendar {
  55   position: fixed;
  56   left:  0.7ex;
  57   top:  31ex;
  58 }
  59
  60 h1 {
  61   position: fixed;
  62   top: 0;
  63   background: ivory;
  64   padding-top:    0.5ex;
  65   padding-bottom: 0.5ex;
  66   padding-left:   0.25em;
  67   width: 100%;
  68   border-bottom: 2px solid black;
  69 }
  70
  71 h1 a.backlinks { text-decoration: none; }
  72
  73 /**
  74  * Common toolbar settings
  75  * Note that div.toolbar is used for other toolbars besides
  76  * #navbar and #actionbar, such as in editpage and removepage
  77  */
  78 #navbar hr, #actionbar hr { display: none; }
  79
  80 #navbuttons, #actionbuttons, #signin { line-height: 2.4ex; }
  81
  82 /* Make the buttons as wide as the containing box */
  83 #navbuttons a.wikiaction, #actionbuttons a.wikiaction, #signin a.wikiaction,
  84 #navbuttons a.wikiadmin, #actionbuttons a.wikiadmin, #signin a.wikiadmin
  85 {
  86   display: block;
  87   margin-bottom: 0.5ex;
  88   line-height: 100%;
  89   text-align: center;
  90   /* ie5.1mac ignores this! */
  91   width: 12em;
  92   max-width: 12em;
  93
  94   border-top:  1px solid #eee;
  95   border-left: 1px solid #eee;
  96   border-bottom: 1px solid #999;
  97   border-right:  1px solid #999;
  98
  99 }
 100
 101 #navbuttons, #actionbuttons, #signin {
 102   color: black;
 103   background: white;
 104   text-align: left;
 105   position: fixed;
 106   left:   0.5em;
 107   /* ie5.1 ignores max-width and sets the box
 108      width to the width of the whole page.
 109      ARGH! The buttons look so much better
 110      with max-width instead of width... */
 111   width: 12.5em;
 112   max-width: 12.5em;
 113
 114   padding-left:  0.5em;
 115   padding-right: 0.5em;
 116   padding-top:    0.6ex;
 117   padding-bottom: 0.25ex;
 118
 119   border-top:  1px solid #e8e6df;
 120   border-left: 1px solid #e8e6df;
 121   border-bottom: 1px solid #d3d2c8;
 122   border-right:  1px solid #e8e6df;
 123 }
 124 #navbuttons input { margin-bottom: 0.5ex; }
 125
 126
 127 /**
 128  * Navigation links
 129  */
 130 div#navbuttons:before {
 131   /* bonus for css2 browsers */
 132   display: block;
 133   content: "PhpWiki Navigation"; /* localise with dynamic css? */
 134   border-bottom: 2px solid black;
 135 }
 136 #navbuttons { top: 5.5ex; }
 137
 138 /**
 139  * Action links
 140  */
 141 div#actionbuttons:before {
 142   /* bonus for css2 browsers */
 143   display: block;
 144   content: "Actions"; /* localise with dynamic css? */
 145 }
 146 div#actionbuttons { bottom: 10ex; }
 147
 148 /**
 149  * Sign In
 150  */
 151 div#signin { position: fixed; bottom: 0; }
 152 div#signin
 153 {
 154  margin-bottom: 1ex;
 155 }
 156
 157 /**
 158  * Last edited
 159  *
 160  * Really the only thing left in in #actionbar
 161    at this point is the date, everything else
 162    has been plucked out. */
 163 p.editdate {
 164   background: white;
 165   padding: 0.25ex 0.5em;
 166   border-top:  1px solid #e8e6df;
 167   border-left: 1px solid #e8e6df;
 168   border-bottom: 1px solid #d3d2c8;
 169   border-right:  1px solid #e8e6df;
 170
 171   margin-left:  0.5em;
 172   margin-right: 1em;
 173   margin-top:   0.5ex;
 174   margin-bottom: 0.5ex;
 175 }
 176
 177 div#actionbar {
 178   color: black;
 179   background: ivory;
 180   border-top: 1px solid #b2b2b2;
 181   width: auto;
 182   position: fixed;
 183   left:  13em;
 184   bottom: 0;
 185   margin: 0;
 186 }
 187
 188
 189 /**
 190  * Other
 191  */
 192 .debug {
 193   position: fixed;
 194   left: 0.5em;
 195   top: 42ex;
 196   width: 13em;
 197   max-width: 13em; /* ie ignores this */
 198 }
 199
 200 /*
 201 div#xhtml-validator { display: none; }
 202  */
 203
 204 div#xhtml-validator {
 205   position: fixed;
 206   right: 0.75em;
 207   top: 1ex;
 208 }
 209
 210 .clear-floats {
 211   clear: both;
 212 }
 213
 214 /* For emacs users
 215  *
 216  * Local Variables:
 217  * mode: c
 218  * c-file-style: cc-mode
 219  * End:
 220  */