html/new-pure.css

   1 /*
   2  * new-pure style sheet
   3  *
   4  * Copyright (c) 2008 Bert Burgemeister
   5  *
   6  * Permission is granted to copy, distribute and/or modify this
   7  * document under the terms of the GNU Free Documentation License,
   8  * Version 1.2 or any later version published by the Free Software
   9  * Foundation; with no Invariant Sections, no Front-Cover Texts and
  10  * no Back-Cover Texts.
  11  * http://www.gnu.org/licenses/fdl.html
  12  *
  13  */
  14
  15 body {
  16     font-family:                sans-serif;
  17     font-size: small;
  18     background-color:   #FFFFFF;
  19     color:                      black;
  20 }
  21
  22 h1 {
  23     letter-spacing: .1em;
  24     margin:             .2ex;
  25     font-size:          2em;
  26     font-weight:                normal;
  27 }
  28
  29 h2 {
  30     letter-spacing: .1em;
  31     font-size:          1.5em;
  32     font-weight: normal;
  33     margin-left:                .5ex;
  34     margin-right:               .5ex;
  35 }
  36
  37 h3 {
  38     letter-spacing: .3em;
  39     font-size:          1.1em;
  40     margin-bottom: 1ex;
  41     font-weight: normal;
  42     width:                      auto;
  43 }
  44
  45 h4 {
  46     letter-spacing: .3em;
  47     font-size:          1em;
  48     text-align:         left;
  49     font-weight:                normal;
  50     margin-bottom: 3px;
  51 }
  52
  53 img {
  54     border: 0px;
  55 }
  56
  57 .left {
  58     float: left;
  59     clear: left;
  60     margin-right: 2ex;
  61 }
  62
  63 .right {
  64     float: right;
  65     clear: both;
  66     margin-left: 2ex;
  67 }
  68
  69 .here {
  70     float: none;
  71     clear: both;
  72     margin-left: 2ex;
  73 }
  74
  75 a {
  76     background-color:   #FFFFFF;
  77     color:                      black;
  78     text-decoration:    none;
  79 }
  80
  81 a:hover {
  82     background-color:   #FFFFFF;
  83     color:                      #0080C0;
  84     text-decoration:    none;
  85 }
  86
  87 p {
  88     margin:     5px 0;
  89 }
  90
  91 .title {
  92     letter-spacing: 1em;
  93     font-size:          1.3em;
  94     font-weight:                normal;
  95     border:     1px solid gray;
  96     text-align: center;
  97     padding: .5em;
  98 }
  99
 100 .subtitle {
 101     letter-spacing: .5em;
 102     font-size:          1em;
 103     font-weight: normal;
 104     padding: .2%;
 105     border:       1px solid gray;
 106     text-align:   center;
 107 }
 108
 109 .toolbar {
 110     border:                     1px solid gray;
 111     text-align:         center;
 112 }
 113
 114 .logo {
 115     padding-top: .5%;
 116     padding-bottom: .5%;
 117     float:                      left;
 118     clear:                      left;
 119     width:                      22%;
 120     border:                     1px solid gray;
 121     text-align:         center;
 122     letter-spacing: .1em;
 123     font-size:          3em;
 124     font-weight:                normal;
 125 }
 126
 127 .main-table {
 128     width: 100%;
 129     border-spacing:     8px;
 130 }
 131
 132 .content {
 133     vertical-align:     top;
 134     padding-left:               1.5em;
 135     padding-right:              1.5em;
 136     padding-top:                1em;
 137     padding-bottom:             2.5em;
 138     border:                     1px solid gray;
 139     text-align:         justify;
 140 }
 141
 142 .content a {
 143     background-color:   #FFFFFF;
 144     color:                      black;
 145     text-decoration:    none;
 146     letter-spacing: .1em;
 147 }
 148
 149 .content a:hover {
 150     background-color:   #FFFFFF;
 151     color:              #0080C0;
 152     text-decoration:    none;
 153 }
 154
 155 .content ul {
 156     list-style:         none;
 157 }
 158
 159 .side-content {
 160     vertical-align:     top;
 161     width:                      8em;
 162     border:                     1px solid gray;
 163     padding-left:               1.5em;
 164     padding-right:              1.5em;
 165     padding-top:                1.5em;
 166     padding-bottom:             2.5em;
 167     text-align:         left;
 168 }
 169
 170 .side-content a {
 171     background-color:   #FFFFFF;
 172     color:                      black;
 173     text-decoration:    none;
 174     letter-spacing: .1em;
 175 }
 176
 177 .side-content a:hover {
 178     background-color:   #FFFFFF;
 179     color:              #0080C0;
 180     text-decoration:    none;
 181 }
 182
 183 .side-content ul {
 184     padding: 0;
 185     margin: 0;
 186     list-style:         none;
 187 }
 188
 189 .side-content li {
 190     margin: 1.2ex 0;
 191 }
 192
 193 .side-content img {
 194     width: 8em;
 195     max-width: 124px;
 196     border: 0px;
 197     margin-top: 10ex;
 198 }
 199
 200 .quote {
 201     text-align:         justify;
 202     font-style:         italic;
 203 }
 204
 205 pre {
 206     font-size: 100%;
 207     margin-top: .7ex;
 208     margin-bottom: .7ex;
 209     margin-left: 0;
 210     padding: 0;
 211 }
 212
 213 .quicklinks {
 214     border:         1px solid gray;
 215     clear:          both;
 216     vertical-align:     bottom;
 217     text-align: center;
 218 }
 219
 220 .footer {
 221     font-size:  .8em;
 222     text-align: center;
 223
 224 }