Mercurial > repos > petr-novak > repeatrxplorer
comparison lib/style1.css @ 0:1d1b9e1b2e2f draft
Uploaded
author | petr-novak |
---|---|
date | Thu, 19 Dec 2019 10:24:45 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1d1b9e1b2e2f |
---|---|
1 body { | |
2 background: #fff; | |
3 font-family: verdana, helvetica, arial, sans-serif; | |
4 margin: 0 20px 0 20px; | |
5 font-size: 10pt; | |
6 color: #333333; | |
7 max-width: 700px; | |
8 } | |
9 | |
10 .floating_img | |
11 { | |
12 float: left; | |
13 margin: 1.5% 1.5% 0% 0%; | |
14 border-style:solid; | |
15 border-color:gray; | |
16 border-width:1px | |
17 } | |
18 | |
19 p { | |
20 max-width: 700px; | |
21 } | |
22 | |
23 #container { | |
24 background: url(header.jpg) no-repeat top left; | |
25 position: relative; | |
26 margin: 0 auto -1px auto; | |
27 padding-top: 50px; | |
28 width: 680px; | |
29 } | |
30 | |
31 #pageHeader { | |
32 text-align: center; | |
33 padding-right: 0px; | |
34 color: #AADA50; | |
35 } | |
36 #pageHeader h1 { | |
37 width: auto; | |
38 font-size: x-large; | |
39 } | |
40 #pageHeader h2 { | |
41 width: auto; | |
42 font-size: large; | |
43 } | |
44 | |
45 #preamble { | |
46 margin: 140px 0 0 220px; | |
47 width: auto; | |
48 } | |
49 | |
50 #explanation, #participation, #benefits, #requirements { | |
51 margin: 25px 0 0 220px; | |
52 width: auto; | |
53 } | |
54 | |
55 #footer { | |
56 margin: 0 0 5px 0; | |
57 padding: 10px 0 0 0; | |
58 width: 100%; | |
59 text-align: center; | |
60 } | |
61 | |
62 #linkList { | |
63 position: absolute; | |
64 width: 150px; | |
65 top: 350px; | |
66 left: 50px; | |
67 } | |
68 | |
69 p { | |
70 font-size: 12px; | |
71 } | |
72 | |
73 #preamble p.p1, #supportingText p.p1 { | |
74 margin-top: 10px; | |
75 } | |
76 | |
77 #preamble p, #supportingText p { | |
78 line-height: 18px; | |
79 } | |
80 | |
81 #quickSummary p.p2 { | |
82 font-size: 9px; | |
83 color: #999; | |
84 } | |
85 | |
86 #footer { | |
87 font-size: 9px; | |
88 } | |
89 | |
90 #linkList ul { | |
91 font-size: 10px; | |
92 list-style:none; | |
93 margin: 5px 0 0 0; | |
94 padding: 0 0 0 0; | |
95 } | |
96 | |
97 #linkList ul li { | |
98 margin: 0; | |
99 padding: 0 0 0 17px; | |
100 line-height: 14px; | |
101 color: #ccc; | |
102 } | |
103 | |
104 #linkList #lselect li { | |
105 font-size: 9px; | |
106 } | |
107 | |
108 #linkList #lselect a:link, #linkList #lselect a:visited { display: block; } | |
109 #linkList #lselect a.c:link, #linkList #lselect a.c:visited { display:inline; } | |
110 | |
111 #larchives li, #lresources li { text-transform: lowercase; } | |
112 | |
113 a, a:link, a:visited { | |
114 color: #44F; | |
115 } | |
116 | |
117 a:hover { | |
118 color: #00F; | |
119 } | |
120 | |
121 #linkList a, #linkList a:link, #linkList a:visited { | |
122 color: #666; | |
123 text-decoration: none; | |
124 } | |
125 | |
126 #linkList a:hover { | |
127 text-decoration: underline; | |
128 color: #333; | |
129 } | |
130 | |
131 #linkList a.c, #linkList a.c:link, #linkList a.c:visited { | |
132 color: #999; | |
133 text-decoration: none; | |
134 } | |
135 | |
136 #linkList a.c:hover { | |
137 text-decoration: underline; | |
138 color: #333; | |
139 } | |
140 | |
141 #linkList #lselect a { | |
142 font-size: 10px; | |
143 } | |
144 | |
145 #linkList #lselect a.c { | |
146 font-size: 9px; | |
147 text-transform: lowercase; | |
148 } | |
149 | |
150 #footer a, #footer a:link, #footer a:visited { | |
151 font-weight: bold; | |
152 text-transform: uppercase; | |
153 text-decoration: none; | |
154 } | |
155 | |
156 #footer a:hover { | |
157 text-decoration: underline; | |
158 } | |
159 | |
160 h3 { margin-bottom: 0px; } | |
161 | |
162 h3 span { } | |
163 | |
164 #supportingText h3 { | |
165 width: auto; | |
166 height: 15px; | |
167 } | |
168 | |
169 #linkList h3 { | |
170 width: 150px; | |
171 height: 20px; | |
172 margin-top: 20px; | |
173 } | |
174 | |
175 #preamble h3 { | |
176 width: auto; | |
177 height: 26px; | |
178 } | |
179 | |
180 #explanation h3 { | |
181 } | |
182 | |
183 #participation h3 { | |
184 } | |
185 | |
186 #benefits h3 { | |
187 } | |
188 | |
189 #lselect h3 { | |
190 margin-top: 10px; | |
191 } | |
192 | |
193 table { background:#FFFFFF; | |
194 border:1px solid gray; | |
195 border-collapse:collapse; | |
196 color:#fff; | |
197 font:normal 10px verdana, arial, helvetica, sans-serif; | |
198 } | |
199 caption { border:1px solid #5C443A; | |
200 color:#5C443A; | |
201 font-weight:bold; | |
202 font-size:20pt | |
203 padding:6px 4px 8px 0px; | |
204 text-align:center; | |
205 } | |
206 td, th { color:#363636; | |
207 padding:.4em; | |
208 } | |
209 tr { border:1px dotted gray; | |
210 } | |
211 thead th, tfoot th { background:#5C443A; | |
212 color:#FFFFFF; | |
213 padding:3px 10px 3px 10px; | |
214 text-align:left; | |
215 text-transform:uppercase; | |
216 } | |
217 tbody td a { color:#0000FF; | |
218 text-decoration:underline; | |
219 } | |
220 tbody td a:visited { color:#0000FF; | |
221 text-decoration:underline; | |
222 } | |
223 tbody td a:hover { text-decoration:underline; | |
224 } | |
225 tbody th a { color:#3636FF; | |
226 font-weight:normal; | |
227 text-decoration:none; | |
228 } | |
229 tbody th a:hover { color:#363636; | |
230 } | |
231 tbody td+td+td+td a { background-image:url('bullet_blue.png'); | |
232 background-position:left center; | |
233 background-repeat:no-repeat; | |
234 color:#0000FF; | |
235 padding-left:15px; | |
236 } | |
237 tbody td+td+td+td a:visited { background-image:url('bullet_white.png'); | |
238 background-position:left center; | |
239 background-repeat:no-repeat; | |
240 } | |
241 tbody th, tbody td { text-align:left; | |
242 vertical-align:top; | |
243 } | |
244 tfoot td { background:#5C443A; | |
245 color:#FFFFFF; | |
246 padding-top:3px; | |
247 } | |
248 .odd { background:#fff; | |
249 } | |
250 tbody tr:hover { background:#EEEEEE; | |
251 border:1px solid #03476F; | |
252 color:#000000; | |
253 } |