Mercurial > laserkard

     1 

     2 div#trifold

     3 {

     4 position:relative;

     5 width:505;

     6 background-color:#000000;

     7 margin-bottom:100px;

     8 margin-top:25px;

     9 font: bold 14px "helvetica","arial", "sans-serif";

    10 color: white;

    11 

    12 

    13 }

    14 

    15 

    16 div#trileft

    17 {

    18 

    19 position:absolute;

    20 top:0;

    21 left:2.5%;

    22 width:45%;

    23 

    24 

    25 padding:5px;

    26 border-style:solid;

    27 border-color:#79797b;

    28 border-width:1px;

    29 

    30 

    31 

    32 }

    33 

    34 

    35 

    36 

    37 div#triright

    38 {

    39 position:absolute;

    40 

    41 top:0;

    42 left:52.5%;

    43 width:45%;

    44 padding:5px;

    45 border-style:solid;

    46 border-color:#79797b;

    47 border-width:1px;

    48 }

    49 

    50 

    51 div#wtf

    52 {

    53 padding:5px;

    54 border-style:solid;

    55 border-color:#79797b;

    56 border-width:1px;

    57 }

    58 

    59 

    60 div#arrowleft

    61 {

    62 float:left;

    63 margin:7px;

    64 }

    65 

    66 div#arrowright

    67 {

    68 float:right;

    69 margin:7px;

    70 }

    71 

    72 h1 

    73 {

    74 

    75 color: white;

    76 background-color:#000000;

    77 text-align: center;

    78 font: bold 32px "arial", "sans-serif";

    79 

    80 }

    81 

    82 div#whole

    83 {

    84   width: 1100px ;

    85   margin-top:25px;

    86   margin-left: auto ;

    87   margin-right: auto ;

    88 

    89 

    90 padding:2px;

    91 border-style:solid;

    92 border-color:#79797b;

    93 border-width:1px;

    94 

    95 }

    96 

    97 

    98          

    99 div#i_materials

   100 {

   101 

   102 display: none;

   103 padding:5px;

   104 border-style:solid;

   105 border-color:#79797b;

   106 border-width:1px;

   107 

   108 width:auto;

   109 float:left;

   110 

   111 /*position:absolute;

   112 left:15px;

   113 top:80px;*/

   114 background-color:#000000;

   115 

   116 }

   117 

   118 div#i_templates

   119 {

   120 

   121 color: white;

   122 background-color:#000000;

   123 text-align: left;

   124 font: bold 32px "arial", "sans-serif";

   125 

   126 padding:10px;

   127 border-style:solid;

   128 border-color:#79797b;

   129 border-width:1px;

   130 

   131 float: left;

   132 width: auto;

   133 

   134 

   135 

   136 /*

   137 position:absolute;

   138 left:15px;

   139 bottom:15px;

   140 */

   141 

   142 }

   143 

   144 

   145 

   146 titletron

   147 {

   148 

   149 

   150 color: white;

   151 background-color:#000000;

   152 text-align: left;

   153 font: bold 32px "arial", "sans-serif";

   154 

   155 }

   156 

   157 

   158 

   159 div#display 

   160 {

   161 

   162 

   163 

   164 

   165 /*

   166 position:absolute;

   167 left:200px;

   168 top:80px;

   169 */

   170 

   171 

   172 

   173 background-color:#000000;

   174 }

   175 

   176 

   177 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr

   178 {

   179 padding:3px;

   180 #border-style:solid;

   181 #border-color:#79797b;

   182 border-width:1px;

   183 }

   184 

   185 

   186 div#i_inputbox

   187 {

   188 

   189 padding-left:10px;

   190 padding-top:10px;

   191 padding-right:0px;

   192 border-style:solid;

   193 border-color:#79797b;

   194 border-width:1px;

   195 

   196 

   197 font: bold 14px "helvetica","arial", "sans-serif";

   198 color: white;

   199 

   200 float:left;

   201 width:240px;

   202 clear:right;

   203 

   204 /*

   205 position:absolute;

   206 left:1260px;

   207 top:80px;

   208 */

   209 

   210 background-color:#000000;

   211 }

   212          

   213 

   214 div#centerbox

   215 {

   216 float:left;

   217 margin-top:-4px;

   218 margin-left:10px;

   219 margin-right:10px;

   220 width:515px;

   221 padding:5px;

   222 border-style:solid;

   223 border-color:#79797b;

   224 border-width:1px;

   225 margin:10px;

   226 }

   227 

   228 

   229 

   230 div#pokedex

   231 {

   232 clear:right;

   233 float:none;

   234 background-color:#B3DF15;

   235 }

   236 

   237 div#garbage

   238 {

   239 

   240 float:left;

   241 width:1000px;

   242 

   243 }

   244 

   245 

   246 

   247 

   248 

   249 div#buttoncon

   250 {

   251 position:relative;

   252 

   253 }

   254 

   255 

   256 div#vanish

   257 {

   258 position:absolute;

   259 top:0px;

   260 left:0px;

   261 z-index:2;

   262 }

   263 

   264 div#crush

   265 {

   266 position:relative;

   267 left:8px;

   268 top:0px;

   269 z-index:1;

   270 }

   271 

   272 

   273 

   274 

   275 

   276 

   277 

   278 

   279 

   280 

   281 /*stuff to make the containing divs actually contain the stuff they contain.*/

   282 

   283     .clearfix:after {

   284         content: ".";

   285         display: block;

   286         height: 0;

   287         clear: both;

   288         visibility: hidden;

   289     }

   290 

   291     * html .clearfix {height: 1%;}
author	rlm
date	Sun, 03 Jan 2010 08:30:32 -0500
parents	3298256dd459
children	2979a76e3fdf