Template:Events:China meetup
From 2010.igem.org
(Difference between revisions)
(New page: <html> <div id="overallMask"> <div id="headerWrapper"> <img src="https://static.igem.org/mediawiki/2010/6/63/Igemchina.png" width="350px" height="150px" alt="iGEM China 2010"> </div> </htm...) |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | html, body, div, span, applet, object, iframe, | ||
+ | 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; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | body { | ||
+ | line-height: 1; | ||
+ | } | ||
+ | ol, ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | blockquote, q { | ||
+ | quotes: none; | ||
+ | } | ||
+ | blockquote:before, blockquote:after, | ||
+ | q:before, q:after { | ||
+ | content: ''; | ||
+ | content: 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; | ||
+ | } | ||
+ | /* END CSS RESET */ | ||
+ | |||
+ | .tabbed_content .slide_content { | ||
+ | overflow: hidden; | ||
+ | width: 550px; | ||
+ | } | ||
+ | .slide_content { | ||
+ | margin-top: -2em!important; | ||
+ | } | ||
+ | .tabslider { | ||
+ | width: 10000px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .tabslider ul { | ||
+ | float: left; | ||
+ | width: 550px; | ||
+ | } | ||
+ | |||
+ | .lavaLampBottomStyle { | ||
+ | position: relative; | ||
+ | height: 29px; | ||
+ | width: 1000px; | ||
+ | padding: 15px; | ||
+ | margin: 0 5px 0 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .lavaLampBottomStyle li { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .lavaLampBottomStyle li.back { | ||
+ | border-bottom: 0px solid #F5FFFA; | ||
+ | width: 9px; | ||
+ | height: 30px; | ||
+ | z-index: 8; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .lavaLampBottomStyle li a { | ||
+ | font: bold 10pt Courier; | ||
+ | text-decoration: none; | ||
+ | color: #ffffff; | ||
+ | outline: none; | ||
+ | text-align: center; | ||
+ | top: 7px; | ||
+ | letter-spacing: 0; | ||
+ | z-index: 10; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | height: 30px; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | margin: auto 10px; | ||
+ | } | ||
+ | .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Wiki Hacks - START */ | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | margin-left: auto; | ||
+ | width: 99%; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 3px; | ||
+ | border-bottom: 0px dashed gray; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | display: none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | top: 20px; | ||
+ | left: 0px; | ||
+ | display:block; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | width: 400px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | #menubar li a { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble!*/ | ||
+ | |||
+ | html { | ||
+ | height: 100%; | ||
+ | } | ||
+ | #overallMask { | ||
+ | position: relative; | ||
+ | margin: 3% auto 2em auto; | ||
+ | width: 800px; | ||
+ | } | ||
+ | #contentWrapper { | ||
+ | height: 100%; | ||
+ | padding-bottom: 4em; | ||
+ | min-height: 500px; | ||
+ | border-top: 0px solid #000080; | ||
+ | -moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; | ||
+ | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; | ||
+ | box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #headerWrapper { | ||
+ | font-family: Courier, Futura, Impact, sans-serif; | ||
+ | -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; | ||
+ | font-size: 20pt; color: #ffffff; | ||
+ | height: 100px; | ||
+ | padding-top: 50px; | ||
+ | } | ||
+ | #headerWrapper img { | ||
+ | margin-left: 20px; | ||
+ | margin-top: -40px; | ||
+ | } | ||
+ | #otherContent { | ||
+ | padding: 0em 0 2em 2em; | ||
+ | width: 550px; | ||
+ | } | ||
+ | #otherContent * { | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | #textWrapper { | ||
+ | width: 550px; | ||
+ | text-align: justify; | ||
+ | font-family: Verdana, sans-serif; | ||
+ | font-size: 10pt; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | #textWrapper, #textWrapper * { | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | #textWrapper .head { | ||
+ | font-family: Courier, "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; | ||
+ | color: #ffffff; | ||
+ | line-height: 1!important; | ||
+ | padding: 0; margin: 0; /* again oh boy do I screw up */ | ||
+ | font-weight: bold; | ||
+ | font-size: 20pt; | ||
+ | } | ||
+ | #sponsorWrapper { | ||
+ | position: absolute; | ||
+ | left: 600px; | ||
+ | z-index: 1000; | ||
+ | width: 200px; | ||
+ | height: auto; | ||
+ | background-color: #ffffff; | ||
+ | margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */ | ||
+ | font-family: Arial, "Arial Narrow", Verdana, sans-serif; | ||
+ | font-size: 10pt; | ||
+ | font-weight: bold; | ||
+ | color: #000000; | ||
+ | } | ||
+ | </style> | ||
+ | |||
<div id="overallMask"> | <div id="overallMask"> | ||
<div id="headerWrapper"> | <div id="headerWrapper"> |
Latest revision as of 07:33, 11 August 2010