1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/style.css Sun Dec 18 03:44:26 2011 +0100
1.3 @@ -0,0 +1,290 @@
1.4 +* {
1.5 + margin: 0;
1.6 + padding: 0;
1.7 + border: 0;
1.8 +}
1.9 +
1.10 +ul, ol {
1.11 + list-style-type: none;
1.12 +}
1.13 +
1.14 +body {
1.15 + background: #fafafa;
1.16 + font: sans-serif;
1.17 + margin: 30px 80px;
1.18 + color: #333;
1.19 + text-align: center;
1.20 +}
1.21 +
1.22 +#container {
1.23 + margin-left: auto;
1.24 + margin-right: auto;
1.25 + width: 1000px;
1.26 + text-align: left;
1.27 +}
1.28 +
1.29 +.red {
1.30 + /*color: #b22;*/
1.31 + color: #aaa;
1.32 +}
1.33 +
1.34 +.permred {
1.35 + color: #d22;
1.36 +}
1.37 +
1.38 +a {
1.39 + text-decoration: none;
1.40 + color: #777;
1.41 +}
1.42 +
1.43 +p {
1.44 + padding-bottom: 10px;
1.45 +}
1.46 +
1.47 +a:hover {
1.48 + color: #333;
1.49 +}
1.50 +
1.51 +span.link {
1.52 + border-bottom: dashed 1px #aaa;
1.53 + position: relative;
1.54 + color: #777;
1.55 +}
1.56 +
1.57 +.menu > span.link {
1.58 + border-bottom: 0;
1.59 + font-size: 60px;
1.60 + font-weight: bold;
1.61 + letter-spacing: 0.2px;
1.62 + line-height: 80%;
1.63 + text-transform: uppercase;
1.64 + color: #333;
1.65 +}
1.66 +
1.67 +span.missinglink {
1.68 + border-bottom: dashed 1px #aaa;
1.69 + position: relative:
1.70 + color: #aaa;
1.71 + text-decoration: line-through;
1.72 +}
1.73 +
1.74 +h3 {
1.75 +
1.76 + padding-bottom: 5px;
1.77 + font-weight: bold;
1.78 + text-transform: uppercase;
1.79 +}
1.80 +
1.81 +.menu > a {
1.82 + font-size: 60px;
1.83 + font-weight: bold;
1.84 + letter-spacing: 0.2px;
1.85 + line-height: 80%;
1.86 + text-transform: uppercase;
1.87 + color: #bbb;
1.88 +}
1.89 +
1.90 +.menu > a:hover {
1.91 + color: #333;
1.92 +}
1.93 +
1.94 +a > span {
1.95 + display: none;
1.96 +}
1.97 +
1.98 +a:hover > span {
1.99 + display: inline;
1.100 + color: red;
1.101 + font-weight: bold;
1.102 +}
1.103 +
1.104 +.container2 {
1.105 + position: fixed;
1.106 + top: 30px;
1.107 + height: 100px;
1.108 + width: 400px;
1.109 + left: 50%;
1.110 +}
1.111 +
1.112 +.menu > a .container2 .content {
1.113 + display: none;
1.114 + font: 12px/15px sans-serif;
1.115 + color: #555;
1.116 + position: absolute;
1.117 + height: 400px;
1.118 + width: 400px;
1.119 + text-transform: none;
1.120 + z-index: 100;
1.121 + background: #fafafa;
1.122 +
1.123 +}
1.124 +
1.125 +.menu > a:hover .container2 .content {
1.126 + display: block;
1.127 +}
1.128 +
1.129 +body > #container > .content {
1.130 + font: 12px/15px sans-serif;
1.131 + width: 400px;
1.132 + height: 400px;
1.133 + color: #555;
1.134 + position: absolute;
1.135 + margin-left: auto;
1.136 + margin-right: auto;
1.137 + text-transform: none;
1.138 + z-index: 1;
1.139 +}
1.140 +
1.141 +.content a {
1.142 + border-bottom: dashed 1px red;
1.143 + position: relative;
1.144 +}
1.145 +
1.146 +.content a:hover {
1.147 + border-bottom: 0;
1.148 +}
1.149 +
1.150 +.content .entry {
1.151 + padding-bottom: 20px;
1.152 + width: 400px;
1.153 +}
1.154 +
1.155 +.content .entry .details {
1.156 + display: none;
1.157 + font: 12px/15px sans-serif;
1.158 + width: 400px;
1.159 + height: 400px;
1.160 + color: #333;
1.161 + position: absolute;
1.162 + margin-left: 500px;
1.163 + margin-right: auto;
1.164 + top: 0;
1.165 + text-transform: none;
1.166 + background: #fafafa;
1.167 +}
1.168 +
1.169 +.content .entry:hover .details {
1.170 + display: block;
1.171 +}
1.172 +
1.173 +.content .entry:hover .red {
1.174 + color: #d22;
1.175 +}
1.176 +
1.177 +
1.178 +div.universe1 {
1.179 + background: #fafafa;
1.180 + position: absolute;
1.181 + width: 50%;
1.182 + height: 50%;
1.183 + left: 0;
1.184 + top: 0;
1.185 + color: #fff;
1.186 +}
1.187 +
1.188 +div.universe1:hover {
1.189 +}
1.190 +
1.191 +div.universe2 {
1.192 + background: #fafafa;
1.193 + position: fixed;
1.194 + margin: 30px 80px;
1.195 + left: 50%;
1.196 + width: 50%;
1.197 + height: 50%;
1.198 + top: 0;
1.199 + font-size: 60px;
1.200 + font-weight: bold;
1.201 + letter-spacing: 0.2px;
1.202 + line-height: 80%;
1.203 + text-align: left;
1.204 + color: #fff;
1.205 +}
1.206 +
1.207 +div.universe2:hover {
1.208 +}
1.209 +
1.210 +
1.211 +div.universe3 {
1.212 + background: #fafafa;
1.213 + position: absolute;
1.214 + width: 50%;
1.215 + height: 50%;
1.216 + left: 0;
1.217 + top: 50%;
1.218 + text-transform: uppercase;
1.219 + text-align: center;
1.220 + color: #fafafa;
1.221 +}
1.222 +
1.223 + /*div.universe3:hover
1.224 + {
1.225 + background: #eee;
1.226 + color: #aaa;
1.227 + }*/
1.228 +
1.229 +
1.230 +div.universe4 {
1.231 + background: #fafafa;
1.232 + position: absolute;
1.233 + width: 50%;
1.234 + height: 50%;
1.235 + left: 50%;
1.236 + top: 50%;
1.237 + text-transform: uppercase;
1.238 + text-align: center;
1.239 + color: #fafafa;
1.240 +}
1.241 +
1.242 + /*div.universe4:hover
1.243 + {
1.244 + background: #eee;
1.245 + color: #aaa;
1.246 + }*/
1.247 +
1.248 +div.menu {
1.249 + position: absolute;
1.250 + bottom: 150px;
1.251 +
1.252 +}
1.253 +
1.254 +#menu1 {
1.255 + width: 400px;
1.256 +}
1.257 +
1.258 +#menu2 {
1.259 + margin-left: 500px;
1.260 + margin-right: auto;
1.261 + width: 400px;
1.262 +}
1.263 +
1.264 +#info {
1.265 + position: absolute;
1.266 + bottom: 30px;
1.267 + width: 400px;
1.268 + color: #aaa;
1.269 +}
1.270 +
1.271 +#info:hover {
1.272 + color: #333;
1.273 +}
1.274 +
1.275 +#info li.name {
1.276 + font-weight: bold;
1.277 +}
1.278 +
1.279 +#info li.misc {
1.280 + font-weight: normal;
1.281 +}
1.282 +
1.283 +#container #copy {
1.284 + position: absolute;
1.285 + width: 1000px;
1.286 + bottom: 30px;
1.287 + color: #aaa;
1.288 + text-align: right;
1.289 +}
1.290 +
1.291 +#copy:hover {
1.292 + color: #333;
1.293 +}