Mercurial > laserkard
view css/old_sexy.css @ 85:da4f4f91f8aa laserkard
got three separate Raphael instances
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 25 Jul 2010 22:36:16 -0400 |
parents | 4ebd94bfecda |
children |
line wrap: on
line source
2 div#trifold3 {4 position:relative;5 width:505;6 background-color:#000000;7 margin-bottom:120px;8 margin-top:25px;9 font: bold 25px "helvetica","arial", "sans-serif";10 color: white;13 }16 div#trileft17 {19 position:absolute;20 top:0;21 left:0%;22 width:45%;25 padding:5px;26 border-style:solid;27 border-color:#ffffff;28 border-width:1px;32 }34 div.texttext35 {36 padding-top: 12px;37 }40 div#triright41 {42 position:absolute;44 top:0;45 left:52.5%;46 width:45%;47 padding:5px;48 border-style:solid;49 border-color:#ffffff;50 border-width:1px;51 padding-left:15px;52 }55 div#wtf56 {57 padding:5px;58 border-style:solid;59 border-color:#79797b;60 border-width:1px;61 }64 div#arrowleft65 {66 float:left;67 margin:7px;68 margin-right:15px;69 }71 div#arrowright72 {73 float:right;74 margin:7px;75 }77 h178 {80 color: white;81 background-color:#000000;82 text-align: center;83 font: bold 32px "arial", "sans-serif";85 }87 div#whole88 {89 width: 1100px ;90 margin-top:25px;91 margin-left: auto ;92 margin-right: auto ;94 /*95 padding:2px;96 border-style:solid;97 border-color:#79797b;98 border-width:1px;99 */100 }104 div#i_materials105 {107 display: none;108 padding:5px;109 border-style:solid;110 border-color:#79797b;111 border-width:1px;113 width:auto;114 float:left;116 /*position:absolute;117 left:15px;118 top:80px;*/119 background-color:#000000;121 }124 div#templates125 {127 margin-bottom: 10px;128 }132 div#i_templates133 {135 color: white;136 background-color:#000000;137 text-align: left;138 font: bold 32px "arial", "sans-serif";140 padding:10px;141 border-style:solid;142 border-color:#ffffff;143 border-width:1px;145 float: left;146 width: auto;150 /*151 position:absolute;152 left:15px;153 bottom:15px;154 */156 }160 titletron161 {164 padding-bottom: 50px;165 color: white;166 background-color:#000000;167 text-align: left;168 font: bold 32px "arial", "sans-serif";171 }174 div#centerbox175 {176 float:left;177 margin-top:-10px;178 margin-left:10px;179 margin-right:10px;180 width:515px;181 padding:5px;182 background-color:#000;183 /*184 border-style:solid;185 border-color:#79797b;186 border-width:1px;187 margin:10px;188 */189 }192 div#disp_contain193 {position: relative;z-index:10;}195 div#display196 {197 position: absolute;198 top:60px;199 left:0px200 background-color:#00ff00;201 z-index: 5;202 }209 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr210 {211 padding:3px;212 /*#border-style:solid;213 #border-color:#79797b;*/214 border-width:1px;215 }218 div#i_inputbox219 {221 padding-left:10px;222 padding-top:10px;223 padding-right:0px;224 border-style:solid;225 border-color:#ffffff;226 border-width:1px;227 padding-bottom:10px;229 font: bold 14px "helvetica","arial", "sans-serif";230 color: white;232 float:left;233 width:240px;234 clear:right;236 /*237 position:absolute;238 left:1260px;239 top:80px;240 */242 background-color:#000000;243 }249 div#pokedex250 {251 padding : 30px;252 clear:right;253 float:none;254 background-color:#000000;255 border-style:solid;256 border-color:#ffffff;257 border-width:1px;261 font: bold 16px "helvetica","arial", "sans-serif";262 color: white;263 }265 div#garbage266 {268 float:left;269 width:1000px;271 }277 div#buttoncon278 {279 position:relative;281 }284 div#vanish285 {286 position:absolute;287 top:0px;288 left:0px;289 z-index:2;290 }292 div#crush293 {294 position:relative;295 left:8px;296 top:0px;297 z-index:1;298 }302 h1304 {305 padding: 0px;306 margin:0px;307 margin-bottom: 10px;308 }315 /*stuff to make the containing divs actually contain the stuff they contain.*/317 .clearfix:after {318 content: ".";319 display: block;320 height: 0;321 clear: both;322 visibility: hidden;323 }325 * html .clearfix {height: 1%;}