Mercurial > laserkard
diff sexy.css @ 32:0deeb2d5d1db laserkard
[svn r33] modifications with Kevin on jan 18.
author | rlm |
---|---|
date | Mon, 18 Jan 2010 00:19:17 -0500 |
parents | 7742910e0479 |
children | ae22c2d59891 |
line wrap: on
line diff
1.1 --- a/sexy.css Sun Jan 17 22:11:27 2010 -0500 1.2 +++ b/sexy.css Mon Jan 18 00:19:17 2010 -0500 1.3 @@ -4,8 +4,8 @@ 1.4 position:relative; 1.5 width:505; 1.6 background-color:#000000; 1.7 -margin-bottom:120px; 1.8 -margin-top:25px; 1.9 +margin-bottom:30px; 1.10 +margin-top:4px; 1.11 font: bold 25px "helvetica","arial", "sans-serif"; 1.12 color: white; 1.13 1.14 @@ -13,23 +13,66 @@ 1.15 } 1.16 1.17 1.18 -div#trileft 1.19 + 1.20 +div#texttop 1.21 { 1.22 +position: relative; 1.23 +top: 0px; 1.24 +left: 80px; 1.25 +} 1.26 1.27 -position:absolute; 1.28 + 1.29 +div#textbottom 1.30 +{ 1.31 +position: relative; 1.32 +top: 0px; 1.33 +left: 0px; 1.34 +} 1.35 + 1.36 + 1.37 +div#arrowleft 1.38 +{ 1.39 +position: absolute; 1.40 +top: 7px; 1.41 +left: -65px; 1.42 +} 1.43 + 1.44 +div#arrowright 1.45 +{ 1.46 +position: absolute; 1.47 +top: 8px; 1.48 +left: 125px; 1.49 + 1.50 +} 1.51 + 1.52 + 1.53 + 1.54 +div#innertri 1.55 +{ 1.56 +width:55%; 1.57 +position:relative; 1.58 top:0; 1.59 left:0%; 1.60 -width:45%; 1.61 1.62 +margin-left:auto; 1.63 +margin-right:auto; 1.64 1.65 -padding:5px; 1.66 + 1.67 +padding-top: 10px; 1.68 +padding-left: 20px; 1.69 +padding-right: 10px; 1.70 +padding-bottom: 10px; 1.71 +background-color: #000000; 1.72 + 1.73 border-style:solid; 1.74 border-color:#ffffff; 1.75 border-width:1px; 1.76 1.77 +} 1.78 1.79 1.80 -} 1.81 + 1.82 + 1.83 1.84 div.texttext 1.85 { 1.86 @@ -37,19 +80,7 @@ 1.87 } 1.88 1.89 1.90 -div#triright 1.91 -{ 1.92 -position:absolute; 1.93 1.94 -top:0; 1.95 -left:52.5%; 1.96 -width:45%; 1.97 -padding:5px; 1.98 -border-style:solid; 1.99 -border-color:#ffffff; 1.100 -border-width:1px; 1.101 -padding-left:15px; 1.102 -} 1.103 1.104 1.105 div#wtf 1.106 @@ -61,18 +92,6 @@ 1.107 } 1.108 1.109 1.110 -div#arrowleft 1.111 -{ 1.112 -float:left; 1.113 -margin:7px; 1.114 -margin-right:15px; 1.115 -} 1.116 - 1.117 -div#arrowright 1.118 -{ 1.119 -float:right; 1.120 -margin:7px; 1.121 -} 1.122 1.123 h1 1.124 { 1.125 @@ -90,7 +109,9 @@ 1.126 margin-top:25px; 1.127 margin-left: auto ; 1.128 margin-right: auto ; 1.129 - 1.130 + clear: right; 1.131 + 1.132 + 1.133 /* 1.134 padding:2px; 1.135 border-style:solid; 1.136 @@ -138,13 +159,14 @@ 1.137 font: bold 32px "arial", "sans-serif"; 1.138 1.139 padding:10px; 1.140 +padding-top: 15px; 1.141 border-style:solid; 1.142 border-color:#ffffff; 1.143 border-width:1px; 1.144 1.145 float: left; 1.146 width: auto; 1.147 - 1.148 +margin-right: 7px; 1.149 1.150 1.151 /* 1.152 @@ -161,15 +183,35 @@ 1.153 { 1.154 1.155 1.156 -padding-bottom: 50px; 1.157 + 1.158 + 1.159 color: white; 1.160 -background-color:#000000; 1.161 -text-align: left; 1.162 +background-color:#00000; 1.163 + 1.164 font: bold 32px "arial", "sans-serif"; 1.165 1.166 1.167 } 1.168 1.169 +div.ttyl 1.170 +{ 1.171 +padding-top: 0px; 1.172 +padding-left: 10px; 1.173 + 1.174 +} 1.175 +div.ttyls 1.176 +{ 1.177 +padding-top:6px; 1.178 +padding-left: 0px; 1.179 + 1.180 +} 1.181 + 1.182 +div#stupid 1.183 +{ 1.184 +padding-top: 7px; 1.185 + 1.186 +} 1.187 + 1.188 1.189 div#centerbox 1.190 { 1.191 @@ -194,10 +236,9 @@ 1.192 1.193 div#display 1.194 { 1.195 -position: absolute; 1.196 -top:60px; 1.197 -left:0px 1.198 -background-color:#00ff00; 1.199 +position: relative; 1.200 +top: -325px; 1.201 +background-color:#000000; 1.202 z-index: 5; 1.203 } 1.204 1.205 @@ -232,7 +273,7 @@ 1.206 float:left; 1.207 width:240px; 1.208 clear:right; 1.209 - 1.210 +margin-left: 7px; 1.211 /* 1.212 position:absolute; 1.213 left:1260px; 1.214 @@ -242,12 +283,23 @@ 1.215 background-color:#000000; 1.216 } 1.217 1.218 +div.descript 1.219 +{ 1.220 1.221 1.222 +font: bold 16px "helvetica","arial", "sans-serif"; 1.223 +color: white; 1.224 +margin-bottom: 10px; 1.225 +background-color: #000000; 1.226 + 1.227 +} 1.228 + 1.229 1.230 1.231 div#pokedex 1.232 { 1.233 +position: relative; 1.234 +top: -334px; 1.235 padding : 30px; 1.236 clear:right; 1.237 float:none; 1.238 @@ -270,7 +322,16 @@ 1.239 1.240 } 1.241 1.242 +div#copyright 1.243 +{ 1.244 +position:relative; 1.245 +font: bold 16px "helvetica","arial", "sans-serif"; 1.246 +color: white; 1.247 +margin-left:auto; 1.248 +margin-right: auto; 1.249 +clear:left; 1.250 1.251 +} 1.252 1.253 1.254 1.255 @@ -307,10 +368,51 @@ 1.256 margin-bottom: 10px; 1.257 } 1.258 1.259 +div#inputbox 1.260 +{ 1.261 1.262 +clear:right; 1.263 1.264 +} 1.265 1.266 1.267 +/* 1.268 +Sticky Footer Solution 1.269 +by Steve Hatcher 1.270 +http://stever.ca 1.271 +http://www.cssstickyfooter.com 1.272 +*/ 1.273 + 1.274 +* {margin:0;padding:0;} 1.275 + 1.276 +/* must declare 0 margins on everything, also for main layout components use padding, not 1.277 +vertical margins (top and bottom) to add spacing, else those margins get added to total height 1.278 +and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ 1.279 + 1.280 +html, body, #wrap {height: 100%;} 1.281 + 1.282 +body > #wrap {height: auto; min-height: 100%;} 1.283 + 1.284 +#main {padding-bottom: 150px;} /* must be same height as the footer */ 1.285 + 1.286 +#footer {position: relative; 1.287 +font: bold 16px "helvetica","arial", "sans-serif"; 1.288 +color: white; 1.289 + margin-top: -150px; /* negative value of footer height */ 1.290 + height: 150px; 1.291 + clear:both;} 1.292 + 1.293 +/* CLEAR FIX*/ 1.294 +.clearfix:after {content: "."; 1.295 + display: block; 1.296 + height: 0; 1.297 + clear: both; 1.298 + visibility: hidden;} 1.299 +.clearfix {display: inline-block;} 1.300 +/* Hides from IE-mac \*/ 1.301 +* html .clearfix { height: 1%;} 1.302 +.clearfix {display: block;} 1.303 +/* End hide from IE-mac */ 1.304 1.305 /*stuff to make the containing divs actually contain the stuff they contain.*/ 1.306