Template:ZJUglobal

From 2011.igem.org

Revision as of 09:00, 5 October 2011

@charset "UTF-8"; /* iGEM wiki Hacker */ div#top-section{ background-color:white; background-image:url(https://static.igem.org/mediawiki/2011/5/51/Topsectionbg.png); background-repeat:no-repeat; height: 10px; width: 970px; border: 0; z-index: 10; } div#p-logo{ display: none; } div#menubar{ /*text-align:center;*/ top: 0; height:20px; width:300px; font-family: 'Molengo', sans-serif; font-size:8pt; } div#menubar .selected a{ color: #529dd9; } .left-menu, .left-menu a { color:#529dd9; z-index: 1; } .left-menu:hover { background-color: #666666; } .right-menu{ top: 0; z-index: 1; } .right-menu li { # background-color: transparent; } .right-menu li a { padding: 0px 15px 0px 0px; color: #529dd9; background-color: white; } .right-menu li a:hover { color: #529dd9; } div#search-controls{ display: none; position: absolute; float: right; } #mw-searchButton{ display: none; border: none; } #content { z-index: 1; background-color: #e9e9e9;; border: none; width: 970px; margin-left: auto; margin-right: auto; padding:0px; font-family:'Molengo', sans-serif; } #content p{ display:none; } #contentwrapper{ vertical-align:middle; width:970px;margin:0 auto;text-align:left;position:absolute; font-family:'Molengo', sans-serif; background-color:#transparent; z-index:0; } #contentwrapper p{ display:block; } .firstHeading { display:none;} #contentSub { display:none; } #catlinks { display:none; } #footer-box{ display: none; } /*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/ #red h1{ color:#f8b4ae; } #red hr{ background-color:#f8b4ae; } #red a{ color:#f8b4ae; } #red a:hover{ color:red; text-decoration:none; } #blue h1{ color:#7fb3d8 } #blue hr{ background-color:#7fb3d8; } #blue a{ color:#7fb3d8; } #blue a:hover{ color:#006699; text-decoration:none; } #orange h1{ color:#ffcc99; } #orange hr{ background-color:#ffcc99; } #orange a{ color:#ffcc99; } #orange a:hover{ color:#ff9933; text-decoration:none; } #cyan{ } #cyan h1{ color:#3399ff; } #cyan hr{ background-color:#3399ff; } #cyan a{ color:#3399ff; } #cyan a:hover{ color:#0066ff text-decoration:none; } #gray h1{ color:#666666; } #gray hr{ background-color:#666666; } #gray a{ color:#666666; } #gray a:hover{ color:#333333; text-decoration:none; } #green h1{ color:#aadba5; } #green hr{ background-color:#aadba5; } #green a{ color:#aadba5; } #green a:hover{ color:#56b74c; text-decoration:none; } #pink h1{ color:#ff66cc; } #pink hr{ background-color:#ff66cc; } #pink a{ color:#ff66cc; } #pink a:hover{ color:#ff0099; text-decoration:none; } #black a{ color:black; } #black a:hover{ color:#999; } #purple h1{ color:#9966cc; } #purple hr{ background-color:#9966cc; } #purple a{ color:#9966cc; } #purple a:hover{ color:#4700b1; text-decoration:none; } /*others-------------------*/ a:hover{ text-decoration:none; } #contentwrapper{ vertical-align:middle; width:970px;margin:0 auto;text-align:left;position:relative; font-family:'Molengo', sans-serif; background-color:#transparent; } #contentwrapper .hc{ height:300px; } .main{ background-color:#transparent; position:static; top:auto; height:auto; padding:10px; padding-top:0px; padding-right:10px; } .block{ margin:10px; float:left; color:#333333; font-size:12pt; padding:0; width:660px; } .block h1{ font-size:36pt; } .block a{ color:#ff3333; } .block p{ margin:20px; } .block h1, h2{ border-bottom: none; padding-left:10px; padding-bottom:0; padding-top:0; } .block a{ color:#666666; } .block hr{ height:2px; margin-left:15px; margin-right:15px; } .blocktop, .blockbottom{ width:100%; height:10px; } .blocktop{ background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png); background-repeat:no-repeat; } .blockbottom{ background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png); background-repeat:no-repeat; } .blockcontent{ padding:10px; background-color:white; } .links{ background-color:white; text-align:right; padding-right:24px; font-size:16px; } .links a:hover{ cursor: pointer; } .sidebar{ float:right; width:250px; } .sidebartop{ height:10px; background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png); background-repeat:no-repeat; } .sidebarbottom{ height:10px; background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png); background-repeat::no-repeat; } /*---------------Header----------------------*/ .bgimg{ background-image:url(http://ung.igem.org/wiki/images/5/5d/Homebg.png); background-repeat:no-repeat; position:absolute; top:0px; left:0px; width:970px; height:600px; z-index:-1; } .bgpart1{ background-color:white; position:absolute; height:320px; width:970px; top:0px; left:0px; z-index:-2; } .bgpart2{ background-image:url(http://ung.igem.org/wiki/images/c/c2/Bg1.png); background-repeat:no-repeat; position:absolute; height:300px; width:970px; top:320px; left:0px; z-index:-2; } .header{ background-color:transparent; width:970px; height:320px; position:static ; top:1px; } .banner{ height:220px; z-index:-1; } .nav{ top:230px; heigh:100px; position:absolute; z-index:100; } .logo{ top:20px; left:20px; position:absolute; z-index:-1; } .title{ position:absolute; left:240px; z-index:-1; } .igemlogo{ position:absolute; top:30px; left:750px; z-index:-1; } ul#topnav { margin: 0; margin-left:auto; margin-right:auto; padding: 0; padding-top:10px; left:10px; float: left; width: 960px; list-style: none; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ background:transparent; /*background: url(topnav_stretch.gif) repeat-x;*/ z-index:10; } #search { margin:0; padding: 0; background-color:black; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; height:39px; width:245px; } #searchbar{ margin-top:8px; margin-left:20px; } #contentwrapper .header .nav #topnav a { font-family: 'Hammersmith One', sans-serif; font-weight:bold; font-size:120%; } ul#topnav li { float: left; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ margin: 0; padding: 0; border-right: 1px solid #555; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 10px 20px; font-size: 28px; display: block; color: #f0f0f0; text-decoration: none; } ul#topnav li a:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; } /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ .nav #topnav #P_Pr{ background-color: #f19226; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } .nav #topnav #P_Te{ background-color: #56b74c; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } .nav #topnav #P_No{ background-color: #0068b1; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } .nav #topnav #P_Hu { background-color: #4700b1; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } ul#topnav li span { float:left; padding: 3px; position: absolute; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ width:945px; left: 0; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ top:49px; display: none; /*--Hide by default--*/ background:transparent; color: #fff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } #not{ margin-left:210px;} #pro{ margin-left:1px;} #tea{ margin-left:170px;} #hum{ margin-left:250px;} ul#topnav span a{ font-size:22px; padding: 10px 5px; } ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#topnav li span a:hover {text-decoration: underline;} .nav #P_Home { background-color: #ed4334; } .nav #P_Project { background-color: #f19226; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; /*set the alpha*/ cursor: pointer; } .nav #P_Team { background-color: #56b74c; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; /*set the alpha*/ cursor: pointer; } .nav #P_Notebook { background-color: #0068b1; filter:alpha(opacity=50); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; /*set the alpha*/ cursor: pointer; } .nav #P_HumanPractice { background-color: #4700b1; filter:alpha(opacity=50); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; /*set the alpha*/ cursor: pointer; }