Mercurial > repos > petrn > repeatexplorer
comparison lib/style1.css @ 8:3bc73f5dc785 draft
Uploaded
| author | petrn |
|---|---|
| date | Fri, 20 Dec 2019 14:17:59 +0000 |
| parents | f6ebec6e235e |
| children |
comparison
equal
deleted
inserted
replaced
| 7:c56807be3b72 | 8:3bc73f5dc785 |
|---|---|
| 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 } |
