| author | Eugen Sawin <sawine@me73.com> |
| Tue, 16 Nov 2010 23:36:50 +0100 | |
| changeset 22 | 38931aca0bff |
| parent 21 | 32923d84e8fb |
| child 23 | cb8118ffdfc2 |
| permissions | -rw-r--r-- |
| sawine@20 | 1 |
* |
| sawine@20 | 2 |
{
|
| sawine@20 | 3 |
margin: 0; |
| sawine@20 | 4 |
padding: 0; |
| sawine@20 | 5 |
border: 0; |
| sawine@14 | 6 |
} |
| sawine@20 | 7 |
|
| sawine@20 | 8 |
ul, ol |
| sawine@20 | 9 |
{
|
| sawine@20 | 10 |
list-style-type: none; |
| sawine@14 | 11 |
} |
| sawine@20 | 12 |
|
| sawine@20 | 13 |
body |
| sawine@20 | 14 |
{
|
| sawine@20 | 15 |
background: #fafafa; |
| sawine@20 | 16 |
font: 15px/15px sans-serif; |
| sawine@20 | 17 |
margin: 30px 80px; |
| sawine@20 | 18 |
color: #333; |
| sawine@21 | 19 |
text-align: center; |
| sawine@21 | 20 |
} |
| sawine@21 | 21 |
|
| sawine@21 | 22 |
#container |
| sawine@21 | 23 |
{
|
| sawine@21 | 24 |
margin-left: auto; |
| sawine@21 | 25 |
margin-right: auto; |
| sawine@21 | 26 |
width: 1000px; |
| sawine@21 | 27 |
text-align: left; |
| sawine@14 | 28 |
} |
| sawine@14 | 29 |
|
| sawine@16 | 30 |
.red |
| sawine@16 | 31 |
{
|
| sawine@20 | 32 |
/*color: #b22;*/ |
| sawine@20 | 33 |
color: #aaa; |
| sawine@16 | 34 |
} |
| sawine@16 | 35 |
|
| sawine@14 | 36 |
a |
| sawine@14 | 37 |
{
|
| sawine@14 | 38 |
text-decoration: none; |
| sawine@20 | 39 |
color: #777; |
| sawine@14 | 40 |
} |
| sawine@14 | 41 |
|
| sawine@16 | 42 |
p |
| sawine@16 | 43 |
{
|
| sawine@16 | 44 |
padding-bottom: 10px; |
| sawine@16 | 45 |
} |
| sawine@16 | 46 |
|
| sawine@14 | 47 |
a:hover |
| sawine@14 | 48 |
{
|
| sawine@14 | 49 |
color: #333; |
| sawine@14 | 50 |
} |
| sawine@14 | 51 |
|
| sawine@14 | 52 |
span.link |
| sawine@14 | 53 |
{
|
| sawine@14 | 54 |
border-bottom: dashed 1px #aaa; |
| sawine@14 | 55 |
position: relative; |
| sawine@20 | 56 |
color: #777; |
| sawine@14 | 57 |
} |
| sawine@14 | 58 |
|
| sawine@14 | 59 |
.menu > span.link |
| sawine@14 | 60 |
{
|
| sawine@14 | 61 |
border-bottom: 0; |
| sawine@20 | 62 |
font-size: 60px; |
| sawine@14 | 63 |
font-weight: bold; |
| sawine@20 | 64 |
letter-spacing: 0.2px; |
| sawine@20 | 65 |
line-height: 80%; |
| sawine@20 | 66 |
text-transform: uppercase; |
| sawine@20 | 67 |
color: #333; |
| sawine@14 | 68 |
} |
| sawine@14 | 69 |
|
| sawine@14 | 70 |
span.missinglink |
| sawine@14 | 71 |
{
|
| sawine@14 | 72 |
border-bottom: dashed 1px #aaa; |
| sawine@14 | 73 |
position: relative: |
| sawine@15 | 74 |
color: #aaa; |
| sawine@14 | 75 |
text-decoration: line-through; |
| sawine@14 | 76 |
} |
| sawine@14 | 77 |
|
| sawine@14 | 78 |
h3 |
| sawine@14 | 79 |
{
|
| sawine@14 | 80 |
|
| sawine@14 | 81 |
padding-bottom: 5px; |
| sawine@14 | 82 |
font-weight: bold; |
| sawine@14 | 83 |
text-transform: uppercase; |
| sawine@14 | 84 |
} |
| sawine@14 | 85 |
|
| sawine@14 | 86 |
.menu > a |
| sawine@14 | 87 |
{
|
| sawine@14 | 88 |
font-size: 60px;/*72px;*/ |
| sawine@14 | 89 |
font-weight: bold; |
| sawine@14 | 90 |
letter-spacing: 0.2px; |
| sawine@14 | 91 |
line-height: 80%; |
| sawine@14 | 92 |
text-transform: uppercase; |
| sawine@14 | 93 |
color: #bbb; |
| sawine@14 | 94 |
} |
| sawine@14 | 95 |
|
| sawine@14 | 96 |
.menu > a:hover |
| sawine@14 | 97 |
{
|
| sawine@14 | 98 |
color: #333; |
| sawine@14 | 99 |
} |
| sawine@14 | 100 |
|
| sawine@14 | 101 |
a > span |
| sawine@14 | 102 |
{
|
| sawine@14 | 103 |
display: none; |
| sawine@14 | 104 |
} |
| sawine@14 | 105 |
|
| sawine@14 | 106 |
a:hover > span |
| sawine@14 | 107 |
{
|
| sawine@14 | 108 |
display: inline; |
| sawine@14 | 109 |
color: red; |
| sawine@14 | 110 |
font-weight: bold; |
| sawine@14 | 111 |
} |
| sawine@14 | 112 |
|
| sawine@22 | 113 |
.container2 |
| sawine@22 | 114 |
{
|
| sawine@22 | 115 |
position: fixed; |
| sawine@22 | 116 |
top: 30px; |
| sawine@22 | 117 |
height: 100px; |
| sawine@22 | 118 |
width: 400px; |
| sawine@22 | 119 |
left: 50%; |
| sawine@22 | 120 |
} |
| sawine@22 | 121 |
|
| sawine@22 | 122 |
.menu > a .container2 .content |
| sawine@14 | 123 |
{
|
| sawine@14 | 124 |
display: none; |
| sawine@14 | 125 |
font: 12px/15px sans-serif; |
| sawine@22 | 126 |
color: #555; |
| sawine@22 | 127 |
position: absolute; |
| sawine@19 | 128 |
height: 400px; |
| sawine@22 | 129 |
width: 400px; |
| sawine@22 | 130 |
text-transform: none; |
| sawine@15 | 131 |
z-index: 100; |
| sawine@15 | 132 |
background: #fafafa; |
| sawine@22 | 133 |
|
| sawine@14 | 134 |
} |
| sawine@14 | 135 |
|
| sawine@22 | 136 |
.menu > a:hover .container2 .content |
| sawine@14 | 137 |
{
|
| sawine@14 | 138 |
display: block; |
| sawine@14 | 139 |
} |
| sawine@14 | 140 |
|
| sawine@21 | 141 |
body > #container > .content |
| sawine@14 | 142 |
{
|
| sawine@14 | 143 |
font: 12px/15px sans-serif; |
| sawine@22 | 144 |
width: 400px; |
| sawine@19 | 145 |
height: 400px; |
| sawine@20 | 146 |
color: #555; |
| sawine@21 | 147 |
position: absolute; |
| sawine@21 | 148 |
margin-left: auto; |
| sawine@21 | 149 |
margin-right: auto; |
| sawine@14 | 150 |
text-transform: none; |
| sawine@14 | 151 |
z-index: 1; |
| sawine@14 | 152 |
} |
| sawine@14 | 153 |
|
| sawine@14 | 154 |
.content a |
| sawine@14 | 155 |
{
|
| sawine@20 | 156 |
border-bottom: dashed 1px red; |
| sawine@14 | 157 |
position: relative; |
| sawine@14 | 158 |
} |
| sawine@14 | 159 |
|
| sawine@14 | 160 |
.content a:hover |
| sawine@14 | 161 |
{
|
| sawine@14 | 162 |
border-bottom: 0; |
| sawine@14 | 163 |
} |
| sawine@14 | 164 |
|
| sawine@16 | 165 |
.content .entry |
| sawine@15 | 166 |
{
|
| sawine@15 | 167 |
padding-bottom: 20px; |
| sawine@16 | 168 |
width: 400px; |
| sawine@15 | 169 |
} |
| sawine@15 | 170 |
|
| sawine@16 | 171 |
.content .entry .details |
| sawine@15 | 172 |
{
|
| sawine@15 | 173 |
display: none; |
| sawine@15 | 174 |
font: 12px/15px sans-serif; |
| sawine@17 | 175 |
width: 400px; |
| sawine@19 | 176 |
height: 400px; |
| sawine@15 | 177 |
color: #333; |
| sawine@21 | 178 |
position: absolute; |
| sawine@21 | 179 |
margin-left: 500px; |
| sawine@21 | 180 |
margin-right: auto; |
| sawine@15 | 181 |
top: 0; |
| sawine@15 | 182 |
text-transform: none; |
| sawine@15 | 183 |
background: #fafafa; |
| sawine@15 | 184 |
} |
| sawine@15 | 185 |
|
| sawine@16 | 186 |
.content .entry:hover .details |
| sawine@15 | 187 |
{
|
| sawine@15 | 188 |
display: block; |
| sawine@15 | 189 |
} |
| sawine@15 | 190 |
|
| sawine@20 | 191 |
.content .entry:hover .red |
| sawine@20 | 192 |
{
|
| sawine@20 | 193 |
color: #d22; |
| sawine@20 | 194 |
} |
| sawine@20 | 195 |
|
| sawine@15 | 196 |
|
| sawine@14 | 197 |
div.universe1 |
| sawine@14 | 198 |
{
|
| sawine@15 | 199 |
background: #fafafa; |
| sawine@14 | 200 |
position: absolute; |
| sawine@15 | 201 |
width: 50%; |
| sawine@14 | 202 |
height: 50%; |
| sawine@14 | 203 |
left: 0; |
| sawine@14 | 204 |
top: 0; |
| sawine@14 | 205 |
text-align: center; |
| sawine@14 | 206 |
color: #fff; |
| sawine@14 | 207 |
} |
| sawine@14 | 208 |
|
| sawine@14 | 209 |
div.universe1:hover |
| sawine@14 | 210 |
{
|
| sawine@14 | 211 |
} |
| sawine@14 | 212 |
|
| sawine@14 | 213 |
div.universe2 |
| sawine@14 | 214 |
{
|
| sawine@15 | 215 |
background: #fafafa; |
| sawine@15 | 216 |
position: fixed; |
| sawine@15 | 217 |
margin: 30px 80px; |
| sawine@15 | 218 |
left: 50%; |
| sawine@14 | 219 |
width: 50%; |
| sawine@14 | 220 |
height: 50%; |
| sawine@14 | 221 |
top: 0; |
| sawine@15 | 222 |
font-size: 60px; |
| sawine@15 | 223 |
font-weight: bold; |
| sawine@15 | 224 |
letter-spacing: 0.2px; |
| sawine@15 | 225 |
line-height: 80%; |
| sawine@15 | 226 |
text-align: left; |
| sawine@14 | 227 |
color: #fff; |
| sawine@14 | 228 |
} |
| sawine@14 | 229 |
|
| sawine@14 | 230 |
div.universe2:hover |
| sawine@14 | 231 |
{
|
| sawine@14 | 232 |
} |
| sawine@14 | 233 |
|
| sawine@14 | 234 |
|
| sawine@14 | 235 |
div.universe3 |
| sawine@14 | 236 |
{
|
| sawine@15 | 237 |
background: #fafafa; |
| sawine@14 | 238 |
position: absolute; |
| sawine@14 | 239 |
width: 50%; |
| sawine@14 | 240 |
height: 50%; |
| sawine@14 | 241 |
left: 0; |
| sawine@14 | 242 |
top: 50%; |
| sawine@14 | 243 |
text-transform: uppercase; |
| sawine@14 | 244 |
text-align: center; |
| sawine@15 | 245 |
color: #fafafa; |
| sawine@14 | 246 |
} |
| sawine@14 | 247 |
|
| sawine@14 | 248 |
div.universe3:hover |
| sawine@14 | 249 |
{
|
| sawine@14 | 250 |
background: #eee; |
| sawine@14 | 251 |
color: #aaa; |
| sawine@14 | 252 |
} |
| sawine@14 | 253 |
|
| sawine@14 | 254 |
|
| sawine@14 | 255 |
div.universe4 |
| sawine@14 | 256 |
{
|
| sawine@15 | 257 |
background: #fafafa; |
| sawine@14 | 258 |
position: absolute; |
| sawine@14 | 259 |
width: 50%; |
| sawine@14 | 260 |
height: 50%; |
| sawine@14 | 261 |
left: 50%; |
| sawine@14 | 262 |
top: 50%; |
| sawine@14 | 263 |
text-transform: uppercase; |
| sawine@14 | 264 |
text-align: center; |
| sawine@15 | 265 |
color: #fafafa; |
| sawine@14 | 266 |
} |
| sawine@14 | 267 |
|
| sawine@14 | 268 |
div.universe4:hover |
| sawine@14 | 269 |
{
|
| sawine@14 | 270 |
background: #eee; |
| sawine@14 | 271 |
color: #aaa; |
| sawine@14 | 272 |
} |
| sawine@14 | 273 |
|
| sawine@14 | 274 |
div.menu |
| sawine@14 | 275 |
{
|
| sawine@14 | 276 |
position: absolute; |
| sawine@20 | 277 |
bottom: 150px; |
| sawine@21 | 278 |
|
| sawine@14 | 279 |
} |
| sawine@14 | 280 |
|
| sawine@14 | 281 |
#menu1 |
| sawine@21 | 282 |
{
|
| sawine@16 | 283 |
width: 400px; |
| sawine@14 | 284 |
} |
| sawine@14 | 285 |
|
| sawine@14 | 286 |
#menu2 |
| sawine@14 | 287 |
{
|
| sawine@21 | 288 |
margin-left: 500px; |
| sawine@21 | 289 |
margin-right: auto; |
| sawine@16 | 290 |
width: 400px; |
| sawine@14 | 291 |
} |
| sawine@14 | 292 |
|
| sawine@21 | 293 |
#info |
| sawine@21 | 294 |
{
|
| sawine@14 | 295 |
position: absolute; |
| sawine@14 | 296 |
bottom: 30px; |
| sawine@21 | 297 |
width: 400px; |
| sawine@14 | 298 |
color: #aaa; |
| sawine@14 | 299 |
} |
| sawine@14 | 300 |
|
| sawine@21 | 301 |
#info:hover |
| sawine@14 | 302 |
{
|
| sawine@14 | 303 |
color: #333; |
| sawine@14 | 304 |
} |
| sawine@14 | 305 |
|
| sawine@21 | 306 |
#info li.name |
| sawine@14 | 307 |
{
|
| sawine@14 | 308 |
font-weight: bold; |
| sawine@14 | 309 |
} |
| sawine@14 | 310 |
|
| sawine@21 | 311 |
#info li.misc |
| sawine@14 | 312 |
{
|
| sawine@14 | 313 |
font-weight: normal; |
| sawine@14 | 314 |
} |
| sawine@14 | 315 |
|
| sawine@21 | 316 |
#container #copy |
| sawine@14 | 317 |
{
|
| sawine@14 | 318 |
position: absolute; |
| sawine@14 | 319 |
bottom: 30px; |
| sawine@21 | 320 |
margin-left: 812px; |
| sawine@21 | 321 |
margin-right: auto; |
| sawine@14 | 322 |
color: #aaa; |
| sawine@14 | 323 |
} |
| sawine@14 | 324 |
|
| sawine@14 | 325 |
#copy:hover |
| sawine@14 | 326 |
{
|
| sawine@14 | 327 |
color: #333; |
| sawine@14 | 328 |
} |