/* Master */ /* Eric Meyer's Reset Reloaded *//* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, br,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;%;vertical-align: baseline;background: transparent;}body {line-;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;} .clearfix:after { content:"."; display:block; ; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* Debug border */ /* div {border: 1px red solid} */ body { background: #fff; font-family: Arial, sans-serif; color: #000; line-.3em; min-%; } .transparent { /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ zoom: 1; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=0); /* Older than Firefox 0.9 */ -moz-opacity:0.0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.0; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0.0; } /* Divs */ #wrapper { display: block; position: absolute; top:0; left: 0; } #main { display: block; position: absolute; top:0; left: 0; } /* Header */ #logo { z-index: 20; position:relative; "nsphere.net/images/interface/nSphere-logo.png") transparent 0 0 no-repeat; px; px; top:-1px; left:-115px; float: left; margin-right: -115px; } #logo img { display: block; px; px; background: transparent; } /* Navigation & Menus */ #nav-a ul li { display: inline; float: left; } #nav-a ul li a:link {color: #fff;text-decoration:none;} #nav-a ul li a:visited {color: #fff; text-decoration:none;} #nav-a ul li a:hover, #nav-a ul li a:focus {color: #fff;text-decoration: none;} #nav-b { padding-top: 20px; font-family: Arial, sans-serif; pt; font-weight: 100; line-px; letter-spacing: 0.1em; } #nav-b ul li a:link {color: #484848;text-decoration:none;} #nav-b ul li a:visited {color: #484848; text-decoration:none;} #nav-b ul li a:hover, #nav-a ul li a:focus {color: #484848;text-decoration: underline;} #nav-b ul li a.selected { font-weight: bold; } #nav-c ul li { display: inline; } #nav-c ul li a:link {color: #666;text-decoration:none;} #nav-c ul li a:visited {color: #666; text-decoration:none;} #nav-c ul li a:hover, #nav-a ul li a:focus {color: #666;text-decoration: underline;} #contentContainer { margin-top: 10px; margin-right: 10px; } /* Content */ #content { px; margin-right: 10px; } h1 { color: #f14dab; pt; line-.2em; font-weight: 100; letter-spacing: 0.05em; } h2 { color: #000; pt; line-.2em; font-weight: 100; letter-spacing: 0.1em; text-transform: uppercase; padding-bottom: 15px; } h3 { color: #40bbeb; pt; font-weight: 700; line-.4em; letter-spacing: 0.05em; text-transform: uppercase; } h4 { color: #f14dab; pt; font-weight: 600; } p { color: #666; pt; font-weight: 100; line-.3em; padding-bottom: 15px; } #content ul { color: #666; pt; font-weight: 100; line-.3em; padding-bottom: 15px; list-style-type: disc; list-style-position: inside; } strong {font-weight: bold;} #content a:link { color: #f14dab; } #content a:hover { color: #f14dab; text-decoration:none;} #content a:active { color: #f14dab; } table, tbody, tfoot, thead, tr, th, td {margin: 5px;padding: 5px;vertical-align: middle;} .eventlist { color: #40bbeb; pt; font-weight: 700; line-.4em; letter-spacing: 0.05em; text-transform: uppercase; list-style-image: url('nsphere.net/images/interface/disk.png') } .faq-li { text-decoration: none; padding-bottom: 15px; } #content a.faq-li:hover { text-decoration: underline; } #content .faq-li h3 { padding-bottom: 10px; } table.formtable tr { padding-bottom: 8px; } .formlabel { color: #40bbeb; pt; font-weight: 700; line-.4em; letter-spacing: 0.05em; text-transform: uppercase; text-align:right; padding-right:10px; vertical-align: top; } .formitem input, .formitem textarea, .formitem select { px; } input.formsubmit { px; px; margin: 15px; } #footer { margin-top: 70px; padding-top: 0; padding-bottom:20px; font-family: Arial, sans-serif; pt; font-weight: 100; line-.6em; letter-spacing: 0.05em; text-transform: uppercase; color: #666; display:block; } #ft-wrap { display: block; px; margin-left:auto; margin-right:auto; } #copyright { %; text-align:center; } #nav-c { display: block; text-align: center; } #nav-c ul li { margin-left: 15px; margin-right: 15px; } /* CSS3 Sphere Nav */ #nav-a .nav-circle { px; letter-spacing: 0.1em; text-transform: uppercase; position: relative; display: table; border-radius: 250px; -moz-border-radius:250px; -webkit-border-radius:250px; -khtml-border-radius:250px; behavior: url(nsphere.net//system/expressionengine/third_party/PIE.htc); } #nav-a-1 { background-color: #f3ba74; background:rgba(254, 172, 82, 0.75); padding: 90px 38px; margin-top: -28px; z-index: 1; } #nav-a-2 { background-color: #9acd6a; background: rgba(119, 196, 68, 0.75); padding: 70px 18px; margin-top: 50px; margin-left: -28px; z-index: 30; } #nav-a-3 { background-color: #7fccf2; background: rgba(28, 159, 237, 0.50); padding: 85px 42px 105px; margin-top: -65px; margin-left: -35px; z-index: 1; } #nav-a-4 { background-color: #ed8ac3; background: rgba(243, 34, 151, 0.50); padding: 80px 30px; margin-top: 20px; margin-left: -28px; z-index: 30; } li.nav-circle a { display: block; px; px; text-align: center; border-radius: 60px; behavior: url(nsphere.net//system/expressionengine/third_party/PIE.htc); } #nav-a .nav-circle:hover { background-color: #644588; background: rgba(73, 23, 110, 0.8); behavior: url(nsphere.net//system/expressionengine/third_party/PIE.htc); } #bg { position: fixed; top: 0; left: 0; } .bgheight { %; } .bgwidth { %; } /* FF Hack */ /* Firefox 3.0+ */ #nav-a, h3, h2 { letter-spacing: 0em; }
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.