themes/Sidebar/sidebar.css

   1 /**
   2  * $Id: sidebar.css,v 1.19 2004-03-26 03:13:23 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.5ex;
  48 }
  49
  50 div#clock {
  51   position: fixed;
  52   left: 0.7ex;
  53   top:  31ex;
  54 }
  55 div#calendar {
  56   position: fixed;
  57   left:  0.7ex;
  58   top:  31ex;
  59 }
  60
  61 h1 {
  62   position: fixed;
  63   top: 0;
  64   background: ivory;
  65   padding-top:    0.5ex;
  66   padding-bottom: 0.5ex;
  67   padding-left:   0.25em;
  68   width: 100%;
  69   border-bottom: 2px solid black;
  70 }
  71
  72 h1 a.backlinks { text-decoration: none; }
  73
  74 /**
  75  * Common toolbar settings
  76  * Note that div.toolbar is used for other toolbars besides
  77  * #navbar and #actionbar, such as in editpage and removepage
  78  */
  79 #navbar hr, #actionbar hr { display: none; }
  80
  81 #navbuttons, #actionbuttons, #signin { line-height: 2.4ex; }
  82
  83 /* Make the buttons as wide as the containing box */
  84 #navbuttons a.wikiaction, #actionbuttons a.wikiaction, #signin a.wikiaction,
  85 #navbuttons a.wikiadmin, #actionbuttons a.wikiadmin, #signin a.wikiadmin
  86 {
  87   display: block;
  88   margin-bottom: 0.5ex;
  89   line-height: 100%;
  90   text-align: center;
  91   /* ie5.1mac ignores this! */
  92   width: 12em;
  93   max-width: 12em;
  94
  95   border-top:  1px solid #eee;
  96   border-left: 1px solid #eee;
  97   border-bottom: 1px solid #999;
  98   border-right:  1px solid #999;
  99
 100 }
 101
 102 #navbuttons, #actionbuttons, #signin {
 103   color: black;
 104   background: white;
 105   text-align: left;
 106   position: fixed;
 107   left:   0.5em;
 108   /* ie5.1 ignores max-width and sets the box
 109      width to the width of the whole page.
 110      ARGH! The buttons look so much better
 111      with max-width instead of width... */
 112   width: 12.5em;
 113   max-width: 12.5em;
 114
 115   padding-left:  0.5em;
 116   padding-right: 0.5em;
 117   padding-top:    0.6ex;
 118   padding-bottom: 0.25ex;
 119
 120   border-top:  1px solid #e8e6df;
 121   border-left: 1px solid #e8e6df;
 122   border-bottom: 1px solid #d3d2c8;
 123   border-right:  1px solid #e8e6df;
 124 }
 125 #navbuttons input { margin-bottom: 0.5ex; }
 126
 127
 128 /**
 129  * Navigation links
 130  */
 131 div#navbuttons:before {
 132   /* bonus for css2 browsers */
 133   display: block;
 134   content: "PhpWiki Navigation"; /* localise with dynamic css? */
 135   border-bottom: 2px solid black;
 136 }
 137 #navbuttons { top: 9ex; }
 138
 139 /**
 140  * Action links
 141  */
 142 div#actionbuttons:before {
 143   /* bonus for css2 browsers */
 144   display: block;
 145   content: "Actions"; /* localise with dynamic css? */
 146 }
 147 div#actionbuttons { bottom: 10ex; }
 148
 149 /**
 150  * Sign In
 151  */
 152 div#signin { position: fixed; bottom: 0; }
 153 div#signin
 154 {
 155  margin-bottom: 1ex;
 156 }
 157
 158 /**
 159  * Last edited
 160  *
 161  * Really the only thing left in in #actionbar
 162    at this point is the date, everything else
 163    has been plucked out. */
 164 p.editdate {
 165   background: white;
 166   padding: 0.25ex 0.5em;
 167   border-top:  1px solid #e8e6df;
 168   border-left: 1px solid #e8e6df;
 169   border-bottom: 1px solid #d3d2c8;
 170   border-right:  1px solid #e8e6df;
 171
 172   margin-left:  0.5em;
 173   margin-right: 1em;
 174   margin-top:   0.5ex;
 175   margin-bottom: 0.5ex;
 176 }
 177
 178 div#actionbar {
 179   color: black;
 180   background: ivory;
 181   border-top: 1px solid #b2b2b2;
 182   width: auto;
 183   position: fixed;
 184   left:  13em;
 185   bottom: 0;
 186   margin: 0;
 187 }
 188
 189
 190 /**
 191  * Other
 192  */
 193 .debug {
 194   position: fixed;
 195   left: 0.5em;
 196   top: 42ex;
 197   width: 13em;
 198   max-width: 13em; /* ie ignores this */
 199 }
 200
 201 /*
 202 div#xhtml-validator { display: none; }
 203  */
 204
 205 div#xhtml-validator {
 206   position: fixed;
 207   right: 0.75em;
 208   top: 1ex;
 209 }
 210
 211 .clear-floats {
 212   clear: both;
 213 }
 214
 215 /* For emacs users
 216  *
 217  * Local Variables:
 218  * mode: c
 219  * c-file-style: cc-mode
 220  * End:
 221  */