Mercurial > laserkard

     1 

     2 div#trifold

     3 {

     4 position:relative;

     5 width:505;

     6 background-color:#000000;

     7 margin-bottom:30px;

     8 margin-top:4px;

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

    10 color: white;

    11 

    12 

    13 }

    14 

    15 

    16 

    17 div#texttop

    18 {

    19 position: relative;

    20 top: 0px;

    21 left: 80px;

    22 }

    23 

    24 

    25 div#textbottom

    26 {

    27 position: relative;

    28 top: 0px;

    29 left: 0px;

    30 }

    31 

    32 

    33 div#arrowleft

    34 {

    35 position: absolute;

    36 top: 7px;

    37 left: -65px;

    38 }

    39 

    40 div#arrowright

    41 {

    42 position: absolute;

    43 top: 8px;

    44 left: 125px;

    45 

    46 }

    47 

    48 

    49 

    50 div#innertri

    51 {

    52 width:55%;

    53 position:relative;

    54 top:0;

    55 left:0%;

    56 

    57 margin-left:auto;

    58 margin-right:auto;

    59 

    60 

    61 padding-top: 10px;

    62 padding-left: 20px;

    63 padding-right: 10px;

    64 padding-bottom: 10px;

    65 background-color: #000000;

    66 

    67 border-style:solid;

    68 border-color:#ffffff;

    69 border-width:1px;

    70 

    71 }

    72 

    73 

    74 

    75 

    76 

    77 div.texttext

    78 {

    79 padding-top: 12px;

    80 }

    81 

    82 

    83 

    84 

    85 

    86 div#wtf

    87 {

    88 padding:5px;

    89 border-style:solid;

    90 border-color:#79797b;

    91 border-width:1px;

    92 }

    93 

    94 

    95 

    96 h1 

    97 {

    98 

    99 color: white;

   100 background-color:#000000;

   101 text-align: center;

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

   103 

   104 }

   105 

   106 div#whole

   107 {

   108   width: 1100px ;

   109   margin-top:25px;

   110   margin-left: auto ;

   111   margin-right: auto ;

   112 	clear: right;

   113 	

   114 	

   115 /*

   116 padding:2px;

   117 border-style:solid;

   118 border-color:#79797b;

   119 border-width:1px;

   120 */

   121 }

   122 

   123 

   124          

   125 div#i_materials

   126 {

   127 

   128 display: none;

   129 padding:5px;

   130 border-style:solid;

   131 border-color:#79797b;

   132 border-width:1px;

   133 

   134 width:auto;

   135 float:left;

   136 

   137 /*position:absolute;

   138 left:15px;

   139 top:80px;*/

   140 background-color:#000000;

   141 

   142 }

   143 

   144 

   145 div#templates

   146 {

   147 	

   148 margin-bottom:	10px;

   149 }

   150 

   151 

   152 

   153 div#i_templates

   154 {

   155 

   156 color: white;

   157 background-color:#000000;

   158 text-align: left;

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

   160 

   161 padding:10px;

   162 padding-top: 15px;

   163 border-style:solid;

   164 border-color:#ffffff;

   165 border-width:1px;

   166 

   167 float: left;

   168 width: auto;

   169 margin-right: 7px;

   170 

   171 

   172 /*

   173 position:absolute;

   174 left:15px;

   175 bottom:15px;

   176 */

   177 

   178 }

   179 

   180 

   181 

   182 titletron

   183 {

   184 

   185 

   186 

   187 

   188 color: white;

   189 background-color:#00000;

   190 

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

   192 

   193 

   194 }

   195 

   196 div.ttyl

   197 {

   198 padding-top: 0px;

   199 padding-left: 10px;

   200 

   201 }

   202 div.ttyls

   203 {

   204 padding-top:6px;

   205 padding-left: 0px;

   206 

   207 }

   208 

   209 div#stupid

   210 {

   211 padding-top: 7px;

   212 

   213 }

   214 

   215 

   216 div#centerbox

   217 {

   218 float:left;

   219 margin-top:-10px;

   220 margin-left:10px;

   221 margin-right:10px;

   222 width:515px;

   223 padding:5px;

   224 background-color:#000;

   225 /*

   226 border-style:solid;

   227 border-color:#79797b;

   228 border-width:1px;

   229 margin:10px;

   230 */

   231 }

   232 

   233 

   234 div#disp_contain

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

   236 

   237 div#display 

   238 {

   239 position: relative;

   240 top: -325px;

   241 background-color:#000000;

   242 z-index: 5;

   243 }

   244 

   245 

   246 

   247 

   248 

   249 

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

   251 {

   252 padding:3px;

   253 /*#border-style:solid;

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

   255 border-width:1px;

   256 }

   257 

   258 

   259 div#i_inputbox

   260 {

   261 

   262 padding-left:10px;

   263 padding-top:10px;

   264 padding-right:0px;

   265 border-style:solid;

   266 border-color:#ffffff;

   267 border-width:1px;

   268 padding-bottom:10px;

   269 

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

   271 color: white;

   272 

   273 float:left;

   274 width:240px;

   275 clear:right;

   276 margin-left: 7px;

   277 /*

   278 position:absolute;

   279 left:1260px;

   280 top:80px;

   281 */

   282 

   283 background-color:#000000;

   284 }

   285          

   286 div.descript

   287 {

   288 

   289 

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

   291 color: white;

   292 margin-bottom: 10px;

   293 background-color: #000000;

   294 

   295 }

   296 

   297 

   298 

   299 div#pokedex

   300 {

   301 position: relative;

   302 top: -334px;

   303 padding : 30px;

   304 clear:right;

   305 float:none;

   306 background-color:#000000;

   307 border-style:solid;

   308 border-color:#ffffff;

   309 border-width:1px;

   310 

   311 

   312 

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

   314 color: white;

   315 }

   316 

   317 div#garbage

   318 {

   319 

   320 float:left;

   321 width:1000px;

   322 

   323 }

   324 

   325 div#copyright

   326 {

   327 position:relative;

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

   329 color: white;

   330 margin-left:auto;

   331 margin-right: auto;

   332 clear:left;

   333 

   334 }

   335 

   336 

   337 

   338 div#buttoncon

   339 {

   340 position:relative;

   341 

   342 }

   343 

   344 

   345 div#vanish

   346 {

   347 position:absolute;

   348 top:0px;

   349 left:0px;

   350 z-index:2;

   351 }

   352 

   353 div#crush

   354 {

   355 position:relative;

   356 left:8px;

   357 top:0px;

   358 z-index:1;

   359 }

   360 

   361 

   362 

   363 h1

   364 

   365 {

   366 padding: 0px;

   367 margin:0px;

   368 margin-bottom: 10px;

   369 }

   370 

   371 div#inputbox

   372 {

   373 

   374 clear:right;

   375 

   376 }

   377 

   378 

   379 /*  

   380 Sticky Footer Solution

   381 by Steve Hatcher 

   382 http://stever.ca

   383 http://www.cssstickyfooter.com

   384 */

   385 

   386 * {margin:0;padding:0;} 

   387 

   388 /* must declare 0 margins on everything, also for main layout components use padding, not 

   389 vertical margins (top and bottom) to add spacing, else those margins get added to total height 

   390 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

   391 

   392 html, body, #wrap {height: 100%;}

   393 

   394 body > #wrap {height: auto; min-height: 100%;}

   395 

   396 #main {padding-bottom: 150px;}  /* must be same height as the footer */

   397 

   398 #footer {position: relative;

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

   400 color: white;

   401 	margin-top: -150px; /* negative value of footer height */

   402 	height: 150px;

   403 	clear:both;} 

   404 

   405 /* CLEAR FIX*/

   406 .clearfix:after {content: ".";

   407 	display: block;

   408 	height: 0;

   409 	clear: both;

   410 	visibility: hidden;}

   411 .clearfix {display: inline-block;}

   412 /* Hides from IE-mac \*/

   413 * html .clearfix { height: 1%;}

   414 .clearfix {display: block;}

   415 /* End hide from IE-mac */

   416 

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

   418 

   419     .clearfix:after {

   420         content: ".";

   421         display: block;

   422         height: 0;

   423         clear: both;

   424         visibility: hidden;

   425     }

   426 

   427     * html .clearfix {height: 1%;}
author	rlm
date	Mon, 18 Jan 2010 00:19:17 -0500
parents	7742910e0479
children	ae22c2d59891