Mercurial > laserkard

     1 

     2 div#trifold

     3 {

     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;

    11 

    12 

    13 }

    14 

    15 

    16 div#trileft

    17 {

    18 

    19 position:absolute;

    20 top:0;

    21 left:0%;

    22 width:45%;

    23 

    24 

    25 padding:5px;

    26 border-style:solid;

    27 border-color:#ffffff;

    28 border-width:1px;

    29 

    30 

    31 

    32 }

    33 

    34 div.texttext

    35 {

    36 padding-top: 12px;

    37 }

    38 

    39 

    40 div#triright

    41 {

    42 position:absolute;

    43 

    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 }

    53 

    54 

    55 div#wtf

    56 {

    57 padding:5px;

    58 border-style:solid;

    59 border-color:#79797b;

    60 border-width:1px;

    61 }

    62 

    63 

    64 div#arrowleft

    65 {

    66 float:left;

    67 margin:7px;

    68 margin-right:15px;

    69 }

    70 

    71 div#arrowright

    72 {

    73 float:right;

    74 margin:7px;

    75 }

    76 

    77 h1 

    78 {

    79 

    80 color: white;

    81 background-color:#000000;

    82 text-align: center;

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

    84 

    85 }

    86 

    87 div#whole

    88 {

    89   width: 1100px ;

    90   margin-top:25px;

    91   margin-left: auto ;

    92   margin-right: auto ;

    93 

    94 /*

    95 padding:2px;

    96 border-style:solid;

    97 border-color:#79797b;

    98 border-width:1px;

    99 */

   100 }

   101 

   102 

   103          

   104 div#i_materials

   105 {

   106 

   107 display: none;

   108 padding:5px;

   109 border-style:solid;

   110 border-color:#79797b;

   111 border-width:1px;

   112 

   113 width:auto;

   114 float:left;

   115 

   116 /*position:absolute;

   117 left:15px;

   118 top:80px;*/

   119 background-color:#000000;

   120 

   121 }

   122 

   123 

   124 div#templates

   125 {

   126 	

   127 margin-bottom:	10px;

   128 }

   129 

   130 

   131 

   132 div#i_templates

   133 {

   134 

   135 color: white;

   136 background-color:#000000;

   137 text-align: left;

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

   139 

   140 padding:10px;

   141 border-style:solid;

   142 border-color:#ffffff;

   143 border-width:1px;

   144 

   145 float: left;

   146 width: auto;

   147 

   148 

   149 

   150 /*

   151 position:absolute;

   152 left:15px;

   153 bottom:15px;

   154 */

   155 

   156 }

   157 

   158 

   159 

   160 titletron

   161 {

   162 

   163 

   164 padding-bottom: 50px;

   165 color: white;

   166 background-color:#000000;

   167 text-align: left;

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

   169 

   170 

   171 }

   172 

   173 

   174 div#centerbox

   175 {

   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 }

   190 

   191 

   192 div#disp_contain

   193 {position: relative;z-index:10;}

   194 

   195 div#display 

   196 {

   197 position: absolute;

   198 top:60px;

   199 left:0px

   200 background-color:#00ff00;

   201 z-index: 5;

   202 }

   203 

   204 

   205 

   206 

   207 

   208 

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

   210 {

   211 padding:3px;

   212 /*#border-style:solid;

   213 #border-color:#79797b;*/

   214 border-width:1px;

   215 }

   216 

   217 

   218 div#i_inputbox

   219 {

   220 

   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;

   228 

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

   230 color: white;

   231 

   232 float:left;

   233 width:240px;

   234 clear:right;

   235 

   236 /*

   237 position:absolute;

   238 left:1260px;

   239 top:80px;

   240 */

   241 

   242 background-color:#000000;

   243 }

   244          

   245 

   246 

   247 

   248 

   249 div#pokedex

   250 {

   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;

   258 

   259 

   260 

   261 font: bold 16px "helvetica","arial", "sans-serif";

   262 color: white;

   263 }

   264 

   265 div#garbage

   266 {

   267 

   268 float:left;

   269 width:1000px;

   270 

   271 }

   272 

   273 

   274 

   275 

   276 

   277 div#buttoncon

   278 {

   279 position:relative;

   280 

   281 }

   282 

   283 

   284 div#vanish

   285 {

   286 position:absolute;

   287 top:0px;

   288 left:0px;

   289 z-index:2;

   290 }

   291 

   292 div#crush

   293 {

   294 position:relative;

   295 left:8px;

   296 top:0px;

   297 z-index:1;

   298 }

   299 

   300 

   301 

   302 h1

   303 

   304 {

   305 padding: 0px;

   306 margin:0px;

   307 margin-bottom: 10px;

   308 }

   309 

   310 

   311 

   312 

   313 

   314 

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

   316 

   317     .clearfix:after {

   318         content: ".";

   319         display: block;

   320         height: 0;

   321         clear: both;

   322         visibility: hidden;

   323     }

   324 

   325     * html .clearfix {height: 1%;}
author	Robert McIntyre <rlm@mit.edu>
date	Thu, 22 Jul 2010 09:56:12 -0400
parents
children