/*[variables] colors { @10: #D7F1D8; @00: #79B17C; } */ /*This style sheet was built with Skybound Stylizer. Get Stylizer from http://www.skybound.ca/stylizer CSS Reset Rules*/ * { font-family: Georgia; font-size: 1em; line-height: 1.5; margin: 0; padding: 0; list-style: none; border-spacing: 0; border-collapse: separate; } A IMG { border: 0; } CAPTION, TD, TH { text-align: left; font-weight: normal; } INPUT[type=hidden] { display: none !important; /*[e]none*/ } INPUT:focus { outline: 0; } A { outline: 0; color: inherit; } H1, H2, H3, H4, H5, H6 { font-weight: normal; } H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { display: block; width: 100%; height: 100%; } LABEL { display: block; float: left; } .C, .E, .T, .R, .B, .L, .TR, .TL, .BR, .BL, .UL, .UR { display: none; /*[ph]0*/ position: absolute; font-size: 0px; _zoom: 1; z-index: 2; background-repeat: no-repeat; } @media screen { .C, .E, .T, .R, .B, .L, .TR, .TL, .BR, .BL, .UL, .UR { /*[id]0*/display: block; } } .UL { top: 0; left: 0; } .UR { top: 0; right: 0; } .T { top: 0; left: 0; right: 0; } .R { right: 0; top: 0; bottom: 0; } .B { bottom: 0; left: 0; right: 0; } .L { top: 0; left: 0; bottom: 0; } /*Clearfix Rules*/ .content:after { content: "."; clear: both; font-size: 0; height: 0; display: block; visibility: hidden; } .content { display: inline-block; } .content { display: block; } /*Scope - Global*/ BODY { background: #448A47 url(bg-window.png) repeat-x; padding: 20px; text-align: center; } .C { width: 13px; height: 13px; background: url(es-nr.png); margin: 5px; } .TL { top: -13px; left: -13px; } .TR { top: -13px; right: -13px; background-position: -13px 0px; } .BL { bottom: -13px; left: -13px; width: 13px; height: 13px; background-position: 0px -13px; } .BR { bottom: -13px; right: -13px; background-position: -13px -13px; } .width { width: 800px; margin: auto; text-align: left; } .header { position: relative; } .header H1 { position: relative; margin-top: 10px; margin-bottom: 25px; color: white; line-height: 1; top: -35px; font-size: 9pt; text-transform: uppercase; zoom: 1; } .header H1 .statescope { position: relative; color: #ABDDA9; letter-spacing: -2px; text-transform: none; font-size: 35pt; top: 0.52em; } .header H1 .method { position: absolute; left: 0; top: 6.5em; left: 11.6em; } .images-on .header H1 { /*[ph]1*/ /*[ph]2*/ /*[ph]3*/ /*[ph]4*/ /*[ph]5*/ /*[ph]6*/ } @media screen { .images-on .header H1 { /*[id]1*/text-indent: -12345px; /*[id]2*/overflow: hidden; /*[id]3*/background: url(aggregated.png) no-repeat; /*[id]4*/width: 297px; /*[id]5*/height: 66px; /*[id]6*/top: 0; } } .header H2 { position: absolute; top: 15px; left: 425px; color: #6FBF72; font-size: 19pt; letter-spacing: -1px; } .header H2 INS { color: #CBFDCE; } .images-on .header H2 { /*[ph]7*/ /*[ph]8*/ /*[ph]9*/ /*[ph]a*/ /*[ph]b*/ } @media screen { .images-on .header H2 { /*[id]7*/text-indent: -12345px; /*[id]8*/overflow: hidden; /*[id]9*/background: url(aggregated.png) no-repeat 0px -66px; /*[id]a*/width: 318px; /*[id]b*/height: 31px; } } .content { position: relative; border: 8px solid #79B17C; /*[e]8px solid @00*/ background: #B7E7B9 url(bg-page.png) repeat-x 0px -5px; padding: 0 25px 20px; color: #3C6B3E; } .content STRONG { color: black; } .content CODE { font-family: monospace; font-size: 1.2em; letter-spacing: -1px; color: black; } .content H2 { color: black; border-top: 1px dashed #7AC77D; font-size: 18.2pt; padding-top: 25px; padding-bottom: 10px; } .content H2.first { border: 0; } .content P, .content UL { padding-bottom: 10px; margin-bottom: 10px; } .content .sites { float: right; margin-top: 50px; } .content UL { margin-left: 30px; } .content LI { list-style: disc outside; } .sidebar { float: right; background: white url(es-ry.png) repeat-y; left: 25px; width: 250px; height: 420px; z-index: 1; display: none; } .sidebar .TL { width: 4px; height: 231px; left: 0; top: 0; background: url(es-sidebar.png); } .sidebar .BL { background-position: -26px 0px; width: 11px; height: 10px; left: 0; bottom: 0; z-index: 3; } .sidebar .B { width: 100%; height: 3px; background: url(bg-page.png); } .foot { width: 700px; margin: auto; padding-bottom: 15px; padding-top: 15px; font-style: italic; color: #D7F1D8; /*[e]@10*/ border: 1px dashed #56B360; margin-top: 20px; } TEXTAREA { font-family: monospace; font-size: 8pt; line-height: 1.4; width: 100%; height: 140px; } PRE { border: 1px solid #79B17C; /*[e]1px solid @00*/ background-color: #D7F1D8; /*[e]@10*/ font-family: monospace; padding: 5px; margin: 10px 0px 20px; color: black; } /*Toggle Switch*/ #stateScopeOn, #stateScopeOff { position: absolute; top: -1px; right: 25px; background-color: white; padding: 9px 15px; border: 1px solid #79B17C; /*[e]1px solid @00*/ font-size: 10pt; z-index: 1; } #stateScopeOn { display: none; } #stateScopeOff { display: block; } .images-on #stateScopeOff { display: none; } .images-on #stateScopeOn { display: block; }