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