Fix bugs reported by Fengjing Xiao
[clqr.git] / html-template / new-pure.css
blob3528f769b98f880dcdb9f59fcbc7af4da1a50784
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; with no Invariant Sections, no Front-Cover Texts and
9 * no Back-Cover Texts.
10 * http://www.gnu.org/licenses/fdl.html
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;
25 h1 {
26 letter-spacing: .1em;
27 margin: .2ex;
28 font-size: 2em;
29 font-weight: normal;
32 h2 {
33 letter-spacing: .1em;
34 font-size: 1.5em;
35 font-weight: normal;
36 margin-left: .5ex;
37 margin-right: .5ex;
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;
49 h4 {
50 letter-spacing: .3em;
51 font-size: 1em;
52 text-align: left;
53 font-weight: normal;
54 margin-bottom: 3px;
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;
66 a {
67 color: black;
68 text-decoration: none;
71 a:hover {
72 color: #0080C0;
73 text-decoration: none;
76 p {
77 margin: 5px 0;
80 pre {
81 font-size: 100%;
82 margin-top: .7ex;
83 margin-bottom: .7ex;
84 margin-left: 0;
85 padding: 0;
88 img {
89 border: 0px;
92 .left {
93 float: left;
94 clear: left;
95 margin-right: 2ex;
96 margin-bottom: 2ex;
99 .right {
100 float: right;
101 clear: both;
102 margin-left: 2ex;
103 margin-bottom: 2ex;
106 .here {
107 float: none;
108 clear: both;
109 margin-left: 2ex;
110 margin-bottom: 2ex;
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;
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;
132 .toolbar {
133 border: 1px solid gray;
134 text-align: center;
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;
150 .main-table {
151 border-spacing: 8px;
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;
164 .content a {
165 color: #404040;
166 text-decoration: none;
167 letter-spacing: .1em;
170 .content a:hover {
171 color: #0080C0;
172 text-decoration: none;
175 .content ul {
176 list-style: none;
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;
190 .side-content a {
191 color: #404040;
192 text-decoration: none;
193 letter-spacing: .1em;
196 .side-content a:hover {
197 color: #0080C0;
198 text-decoration: none;
201 .side-content ul {
202 padding: 0;
203 margin: 0;
204 list-style: none;
207 .side-content li {
208 margin: 1.2ex 0;
211 .side-content img {
212 width: 8em;
213 max-width: 124px;
214 border: 0px;
215 margin-top: 10ex;
218 .quote {
219 text-align: justify;
220 font-style: italic;
223 .quicklinks {
224 border: 1px solid gray;
225 vertical-align: bottom;
226 text-align: center;
229 .footer {
230 font-size: .8em;
231 text-align: center;
232 padding: 0em;
235 .footer a {
236 color: #404040;
237 text-decoration: none;
238 letter-spacing: .1em;
241 .footer a:hover {
242 color: #0080C0;
243 text-decoration: none;