doc/stylesheet.css

   1 /* This is copied from http://tor.eff.org/stylesheet.css
   2  * If you want to edit something, edit that one and then
   3  * copy it over to here. */
   4
   5 body {
   6     background-color: #FFFFFF;
   7     margin-top: 0px;
   8     font-family: Arial, Helvetica, sans-serif;
   9     font-size: 1em;
  10     font-style: normal;
  11     color: #000000;
  12     padding-top: 0px;
  13 }
  14
  15 /* images */
  16
  17 img {
  18     border: 0;
  19 }
  20
  21
  22 li {
  23    margin: .2em .2em .2em 1em;
  24
  25 }
  26
  27 /* this centers the page */
  28
  29 .center {
  30     text-align: center;
  31     background-color: white;
  32     margin: 0px auto 0 auto;
  33     width: 85%;
  34 }
  35
  36 .center table {
  37     margin-left: auto;
  38     margin-right: auto;
  39     text-align: left;
  40 }
  41
  42 /* for the shadow box */
  43
  44 table.shadowbox {
  45     width: 788px;
  46     border-collapse: collapse;
  47     padding: 0;
  48     margin-bottom: 2em;
  49 }
  50
  51 table.shadowbox td {
  52     margin: 0;
  53     padding: 0;
  54 }
  55
  56 /* spacer */
  57
  58 td.spacer {
  59     width: 110px;
  60 }
  61
  62
  63
  64 div.banner {
  65     text-align: center;
  66     height: 79px;
  67     margin-bottom: 10px;
  68     width:100%;
  69 }
  70
  71 table.table-banner {
  72     margin: 0 auto 0 auto;
  73     background-image: url("images/tor_mast.gif");
  74     background-repeat: no-repeat;
  75 }
  76
  77
  78
  79
  80 div.bottom {
  81     font-size: 0.8em;
  82     margin-top: 2cm;
  83     margin-left: 1em;
  84     margin-right: 1em;
  85     text-align: right;
  86 }
  87
  88 /* the sidebar */
  89
  90 div.sidebar {
  91     float: right;
  92     padding-top: 10px;
  93     padding-right: 10px;
  94     padding-bottom: 15px;
  95     padding-left: 10px;
  96     width: 260px;
  97     text-align: center;
  98 }
  99
 100
 101 /* The main column (left text) */
 102
 103 div.main-column {
 104     padding: 15px 0 10px 10px;
 105     text-indent: 0pt;
 106     font-size: 1em;
 107     text-align: left;
 108 }
 109
 110 /* formatting styles */
 111
 112 h1 {
 113     font-size: 1.5em;
 114     margin-bottom: 0.5em;
 115 }
 116
 117 h2 {
 118     font-size: 1.2em;
 119     margin-bottom: 0em;
 120     font-weight: bold;
 121     margin-top: 0;
 122 }
 123
 124 p {
 125     margin-top: 0;
 126     margin-bottom: 1em;
 127 }
 128
 129 a:link {
 130     color: blue;
 131     font-size: 1em;
 132 }
 133
 134 a:visited {
 135     color: purple;
 136     font-size: 1em;
 137 }
 138
 139
 140 a.anchor:link {
 141     font-size: 1em;
 142     color: black;
 143     font-weight: bold;
 144     text-decoration: none;
 145 }
 146
 147 a.anchor:visited {
 148     font-size: 12pt;
 149     color: black;
 150     font-weight: bold;
 151     text-decoration: none;
 152 }
 153
 154 a.anchor {
 155     font-size: 1em;
 156     color: black;
 157     font-weight: bold;
 158     text-decoration: none;
 159 }
 160
 161 td {
 162     vertical-align: top;
 163 }
 164
 165 a.smalllink {
 166     font-size: 0.8em;
 167 }
 168
 169 /* the banner */
 170
 171 table.banner {
 172     width: 100%;
 173     height: 79px;
 174     margin-left: auto;
 175     margin-right: auto;
 176 }
 177
 178 td.banner-left {
 179     background-image: url("images/top-left.png");
 180     background-repeat: no-repeat;
 181     width: 193px;
 182 }
 183
 184 td.banner-middle {
 185     background-image: url("images/top-middle.png");
 186     background-repeat: repeat-x;
 187     vertical-align: bottom;
 188     padding-bottom: 10px;
 189     color: white;
 190     font-weight: bold;
 191     font-size: 1em;
 192 }
 193
 194 td.banner-middle a, td.banner-middle a:visited {
 195     color: white;
 196     font-weight: bold;
 197     font-size: 1em;
 198 }
 199
 200 td.banner-middle a:hover {
 201     color: #FF7F00;
 202     font-weight: bold;
 203     font-size: 1em;
 204 }
 205
 206 td.banner-right {
 207     background-image: url("images/top-right.png");
 208     background-repeat: no-repeat;
 209     width: 40px;
 210     background-position: right;
 211     padding-top: 8px;
 212 }
 213
 214 .banner-middle a.current {
 215     text-decoration: none;
 216     color: #FF7F00;
 217     font-weight: bold;
 218     font-size: 1em;
 219     width: auto;
 220     text-align: auto;
 221     left: -50px;
 222 }
 223
 224 .donatebutton {
 225         width: auto;
 226         text-align: center;
 227 }
 228
 229 .donatebutton a {
 230         margin: 10px 0 0 0;
 231         font-weight: bold;
 232         display: block;
 233         padding: 6px;
 234         background-color: #00802B;
 235         border-top: 1px solid #00A838;
 236         border-left: 1px solid #00A838;
 237         border-bottom: 1px solid #00591E;
 238         border-right: 1px solid #00591E;
 239         color: #FFFFFF;
 240 }
 241
 242 .donatebutton a:hover {
 243         color: orange;
 244 }
 245
 246 .donatebutton a:active {
 247         color: orange;
 248 }
 249
 250 /* these styles are for the menu on the gui contest pages */
 251
 252 .guileft {
 253          width: 25%;
 254          float: left;
 255          padding: 0;
 256          margin: 0;
 257 }
 258
 259 .guimenu {
 260          border: 1px solid #AAA6AB;
 261          background-color: #E2DFE3;
 262          margin: 0 15px 15px 0;
 263          padding: 0;
 264 }
 265
 266 .guimenuinner a {
 267               display: block;
 268               text-decoration: none;
 269               padding: 2px 0px 0px 12px;
 270               margin: 0 0 0 0px;
 271               color: #333333;
 272 }
 273
 274 .guimenuinner a:visited {
 275               color: #333333;
 276 }
 277
 278 .guimenuinner a:hover {
 279               background-image: url(gui/img/arrow.png);
 280               background-repeat: no-repeat;
 281               background-position: left;
 282               color: #EF8012;
 283 }
 284
 285 .guimenuinner a.on {
 286               background-image: url(gui/img/arrow.png);
 287               background-repeat: no-repeat;
 288               background-position: left;
 289               color: #EF8012;
 290 }
 291
 292
 293 .guimenu h1 {
 294          width: 85%;
 295          font-size: 16px;
 296          margin: 0 0 8px 0;
 297          padding: 0;
 298          border-bottom: 1px solid #AAA6AB;
 299 }
 300
 301 .curveleft {
 302            background-image: url(gui/img/corner-topleft.png);
 303            background-repeat: no-repeat;
 304            background-position: top left;
 305            margin: -1px;
 306 }
 307
 308 .curveright {
 309             background-image: url(gui/img/corner-topright.png);
 310             background-repeat: no-repeat;
 311             background-position: top right;
 312 }
 313
 314 .guimenuinner {
 315
 316               padding: 0 10px 0 10px;
 317 }
 318
 319 //.wiki {
 320       padding: 5px 40px 0 0;
 321       display: block;
 322       text-align: right;
 323 }
 324
 325
 326 .curvebottomleft {
 327                  background-image: url(gui/img/corner-bottomleft.png);
 328                  background-repeat: no-repeat;
 329                  background-position: bottom left;
 330                  margin: -1px;
 331 }
 332
 333 .curvebottomright {
 334                   background-image: url(gui/img/corner-bottomright.png);
 335                   background-repeat: no-repeat;
 336                   background-position: bottom right;
 337 }
 338