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