Stylistic changes in subsection Format.
[clqr.git] / html / new-pure.css
blob174785a9f74d47fbc904366851fc073d80e7ba92
1 /*
2 * new-pure style sheet
4 * Copyright (c) 2008 Bert Burgemeister
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
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;
26 h1 {
27 letter-spacing: .1em;
28 margin: .2ex;
29 font-size: 2em;
30 font-weight: normal;
33 h2 {
34 letter-spacing: .1em;
35 font-size: 1.5em;
36 font-weight: normal;
37 margin-left: .5ex;
38 margin-right: .5ex;
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;
50 h4 {
51 letter-spacing: .3em;
52 font-size: 1em;
53 text-align: left;
54 font-weight: normal;
55 margin-bottom: 3px;
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;
67 a {
68 color: black;
69 text-decoration: none;
72 a:hover {
73 color: #0080C0;
74 text-decoration: none;
77 p {
78 margin: 5px 0;
81 pre {
82 font-size: 100%;
83 margin-top: .7ex;
84 margin-bottom: .7ex;
85 margin-left: 0;
86 padding: 0;
89 img {
90 border: 0px;
93 .left {
94 float: left;
95 clear: left;
96 margin-right: 2ex;
97 margin-bottom: 2ex;
100 .right {
101 float: right;
102 clear: both;
103 margin-left: 2ex;
104 margin-bottom: 2ex;
107 .here {
108 float: none;
109 clear: both;
110 margin-left: 2ex;
111 margin-bottom: 2ex;
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;
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;
133 .toolbar {
134 border: 1px solid gray;
135 text-align: center;
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;
151 .main-table {
152 border-spacing: 8px;
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;
165 .content a {
166 color: #404040;
167 text-decoration: none;
168 letter-spacing: .1em;
171 .content a:hover {
172 color: #0080C0;
173 text-decoration: none;
176 .content ul {
177 list-style: none;
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;
191 .side-content a {
192 color: #404040;
193 text-decoration: none;
194 letter-spacing: .1em;
197 .side-content a:hover {
198 color: #0080C0;
199 text-decoration: none;
202 .side-content ul {
203 padding: 0;
204 margin: 0;
205 list-style: none;
208 .side-content li {
209 margin: 1.2ex 0;
212 .side-content img {
213 width: 8em;
214 max-width: 124px;
215 border: 0px;
216 margin-top: 10ex;
219 .quote {
220 text-align: justify;
221 font-style: italic;
224 .quicklinks {
225 border: 1px solid gray;
226 vertical-align: bottom;
227 text-align: center;
230 .footer {
231 font-size: .8em;
232 text-align: center;
233 padding: 0em;
236 .footer a {
237 color: #404040;
238 text-decoration: none;
239 letter-spacing: .1em;
242 .footer a:hover {
243 color: #0080C0;
244 text-decoration: none;