Team:ZJU-China/template/reset

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
<style type="text/css">
<style type="text/css">
-
/* iGEM wiki Hacker */
+
<!--
-
body{
+
/* -----------------------------------------
-
background-color:#333333;
+
iGEM Reset
 +
----------------------------------------- */
 +
 +
#globalWrapper {
 +
background-color: transparent;
 +
border: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
height: 100%;
}
}
-
.global {
+
#content {
-
font-family: 'Molengo', sans-serif;
+
-
background-color: #transpare;
+
-
width: 970px;
+
-
margin: 0 auto;
+
-
text-align: left;
+
-
position: relative;
+
-
}
+
-
 
+
-
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;
background-color: transparent;
 +
border: none;
 +
padding: 0;
 +
margin: 0;
 +
width: 100%;
 +
overflow: visible;
 +
height: 100%;
 +
line-height: normal;
}
}
-
 
+
ul {
-
.right-menu li a {
+
line-height: normal;
-
padding: 0px 15px 0px 0px;
+
-
color: #529dd9;
+
-
background-color: white;
+
}
}
-
 
+
#bodyContent {
-
.right-menu li a:hover {
+
-
color: #529dd9;
+
-
}
+
-
 
+
-
div#search-controls {
+
-
display: none;
+
-
position: absolute;
+
-
float: right;
+
-
}
+
-
 
+
-
#mw-searchButton {
+
-
display: none;
+
border: none;
border: none;
 +
padding: 0;
 +
margin: 0;
 +
width: 100%;
 +
height: 100%;
}
}
-
 
+
#top-section {
-
#content {
+
height: 15px;
-
z-index: 1;
+
margin: 0px;
-
background-color: #e9e9e9;;
+
-
border: none;
+
-
width: 970px;
+
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
padding: 0px;
+
margin-bottom: 0 !important;
-
font-family: 'Molengo', sans-serif;
+
padding: 0;
 +
border: none;
 +
font-size: 10px;
}
}
-
 
+
#p-logo {
-
#content p {
+
height: 1px;
 +
overflow: hidden;
display: none;
display: none;
}
}
-
 
+
#search-controls {
-
#contentwrapper p {
+
overflow: hidden;
display: block;
display: block;
-
text-align: left;
+
background: none;
 +
position: absolute;
 +
top: 100px;
 +
right: 40px;
}
}
-
 
+
#menubar.left-menu {
-
.firstHeading {
+
/*margin-top: -80px; uncomment this when page goes live */
-
display: none;
+
background: none;
 +
height: 20px;
 +
left: 20px;
 +
float: left;
}
}
-
 
+
.left-menu ul {
-
#contentSub {
+
visibility: hidden;
-
display: none;
+
}
}
-
 
+
.left-menu:hover ul {
-
#catlinks {
+
visibility: visible;
-
display: none;
+
}
}
-
 
+
.left-menu:hover ul li a {
-
#footer-box {
+
color: #666;
-
display: none;
+
}
}
-
 
+
.left-menu li a:hover {
-
h1 {
+
color: #aaaaff !important;
-
border-bottom: none;
+
text-decoration: underline;
}
}
-
 
+
#menubar.right-menu {
-
/*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/
+
display: block;
-
#red a {
+
width: 300px;
-
color: #f8b4ae;
+
float: left;
 +
margin-top: 2px;
 +
margin-right: 0px;
 +
border: none;
}
}
-
 
+
.right-menu ul {
-
#red h1 {
+
width: 300px;
-
color: red;
+
margin: 0px;
 +
visibility: hidden;
}
}
-
 
+
.right-menu ul li a {
-
#red hr {
+
background: none;
-
background-color: #f8b4ae;
+
color: #666;
}
}
-
 
+
.right-menu:hover ul {
-
#red a:hover {
+
visibility: visible;
-
color: red;
+
-
text-decoration: none;
+
}
}
-
 
+
#footer-box {
-
#red .bgcolors {
+
width: 100%;
-
background-color: red;
+
margin: -10px auto 0 auto;
 +
padding: 20px 0;
}
}
-
 
+
.visualClear {
-
#red #accordion h4 {
+
display: none;
-
background-color: red;
+
}
}
-
 
+
#footer {
-
#red #accordion h4 selected {
+
border: none;
-
background-color: red;
+
width: 965px;
-
}
+
-
 
+
-
#blue a {
+
-
color: #7fb3d8;
+
-
}
+
-
 
+
-
#blue h1 {
+
-
color: #006699;
+
-
}
+
-
 
+
-
#blue hr {
+
-
background-color: #7fb3d8;
+
-
}
+
-
 
+
-
#blue a:hover {
+
-
color: #006699;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#blue .bgcolors {
+
-
background-color: #006699;
+
-
}
+
-
 
+
-
#blue #accordion h4 {
+
-
background-color: #006699;
+
-
}
+
-
 
+
-
#blue #accordion h4 selected {
+
-
background-color: #006699;
+
-
}
+
-
 
+
-
#orange #accordion h4 {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#orange #accordion h4 selected {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#orange a {
+
-
color: #ffcc99;
+
-
}
+
-
 
+
-
#orange h1 {
+
-
color: #ff9933;
+
-
}
+
-
 
+
-
#orange hr {
+
-
background-color: #ffcc99;
+
-
}
+
-
 
+
-
#orange a:hover {
+
-
color: #ff9933;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#orange .bgcolors {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#cyan {
+
-
+
-
}
+
-
 
+
-
#cyan a {
+
-
color: #3399ff;
+
-
}
+
-
 
+
-
#cyan h1 {
+
-
color: #0066ff;
+
-
}
+
-
 
+
-
#cyan hr {
+
-
background-color: #3399ff;
+
-
}
+
-
 
+
-
#cyan a:hover {
+
-
color: #0066ff;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#cyan .bgcolors {
+
-
background-color: #0066ff;
+
-
}
+
-
 
+
-
#cyan #accordion h4 {
+
-
background-color: #0066ff;
+
-
}
+
-
 
+
-
#cyan #accordion h4 selected {
+
-
background-color: #0066ff;
+
-
}
+
-
 
+
-
#gray a {
+
-
color: #666666;
+
-
}
+
-
 
+
-
#gray h1 {
+
-
color: #333333;
+
-
}
+
-
 
+
-
#gray hr {
+
-
background-color: #666666;
+
-
}
+
-
 
+
-
#gray a:hover {
+
-
color: #333333;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#gray .bgcolors {
+
-
background-color: #333333;
+
-
}
+
-
 
+
-
#gray #accordion h4 {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#gray #accordion h4 selected {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#green a {
+
-
color: #aadba5;
+
-
}
+
-
 
+
-
#green h1 {
+
-
color: #56b74c;
+
-
}
+
-
 
+
-
#green hr {
+
-
background-color: #aadba5;
+
-
}
+
-
 
+
-
#green a:hover {
+
-
color: #56b74c;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#green .bgcolors {
+
-
background-color: #56b74c;
+
-
}
+
-
 
+
-
#green #accordion h4 {
+
-
background-color: #56b74c;
+
-
}
+
-
 
+
-
#green #accordion h4 selected {
+
-
background-color: #56b74c;
+
-
}
+
-
 
+
-
#pink a {
+
-
color: #ff66cc;
+
-
}
+
-
 
+
-
#pink h1 {
+
-
color: #ff0099;
+
-
}
+
-
 
+
-
#pink hr {
+
-
background-color: #ff66cc;
+
-
}
+
-
 
+
-
#pink a:hover {
+
-
color: #ff0099;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#pink .bgcolors {
+
-
background-color: #ff0099;
+
-
}
+
-
 
+
-
#pink #accordion h4 {
+
-
background-color: #ff0099;
+
-
}
+
-
 
+
-
#pink #accordion h4 selected {
+
-
background-color: #ff0099;
+
-
}
+
-
 
+
-
#black a {
+
-
color: black;
+
-
}
+
-
 
+
-
#black a:hover {
+
-
color: #999;
+
-
}
+
-
 
+
-
#black .bgcolors {
+
-
background-color: #999;
+
-
}
+
-
 
+
-
#black #accordion h4 {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#black #accordion h4 selected {
+
-
background-color: #ff9933;
+
-
}
+
-
 
+
-
#purple a {
+
-
color: #9966cc;
+
-
}
+
-
 
+
-
#purple h1 {
+
-
color: #4700b1;
+
-
}
+
-
 
+
-
#purple hr {
+
-
background-color: #9966cc;
+
-
}
+
-
 
+
-
#purple a:hover {
+
-
color: #4700b1;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#purple .bgcolors {
+
-
background-color: #4700b1;
+
-
}
+
-
 
+
-
#purple #accordion h4 {
+
-
background-color: #4700b1;
+
-
}
+
-
 
+
-
#purple #accordion h4 selected {
+
-
background-color: #4700b1;
+
-
}
+
-
 
+
-
/*others-------------------*/
+
-
a:hover {
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#contentwrapper {
+
-
vertical-align: middle;
+
-
width: 970px;
+
margin: 0 auto;
margin: 0 auto;
-
text-align: left;
 
-
position: relative;
 
-
font-family: Arial, 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;
padding: 0;
-
width: 660px;
 
}
}
-
 
+
.firstHeading {
-
.block h1 {
+
display: none;
-
font-size: 36pt;
+
}
}
-
 
+
#f-list a {
-
.block a {
+
color: #333;
-
color: #ff3333;
+
font-size: 10px;
}
}
-
 
+
#f-list a:hover {
-
.block p {
+
color: #666;
-
margin: 20px;
+
}
}
-
 
+
.printfooter {
-
.block h1,h2 {
+
display: none;
-
border-bottom: none;
+
-
padding-left: 10px;
+
-
padding-bottom: 0;
+
-
padding-top: 0;
+
}
}
-
 
+
#footer ul {
-
.block a {
+
margin: 0;
-
color: #666666;
+
padding: 0;
}
}
-
 
+
#footer ul li {
-
.block hr {
+
margin-top: 0;
-
height: 2px;
+
margin-bottom: 0;
-
margin-left: 15px;
+
margin-left: 10px;
-
margin-right: 15px;
+
margin-right: 10px;
 +
padding: 0;
}
}
-
 
+
#search-controls {
-
.blocktop,.blockbottom {
+
display: none;
-
width: 100%;
+
-
height: 10px;
+
}
}
-
 
+
h3#siteSub {
-
.blocktop {
+
display: none;
-
background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
+
-
;
+
-
background-repeat: no-repeat;
+
-
overflow: hidden;
+
}
}
-
 
+
#contentSub {
-
.blockbottom {
+
display: none;
-
background-image:
+
-
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
+
-
background-repeat: no-repeat;
+
-
overflow: hidden;
+
}
}
-
 
+
p:first-child {
-
.blockcontent {
+
display: inline;
-
padding: 10px;
+
-
background-color: white;
+
-
overflow: hidden;
+
}
}
-
 
+
#catlinks {
-
.links {
+
display: none;
-
background-color: white;
+
-
text-align: right;
+
-
padding-right: 24px;
+
-
font-size: 16px;
+
-
overflow: hidden;
+
}
}
-
 
+
#footer-box {
-
.links a:hover {
+
display: none;
-
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;
+
-
}
+
-
 
+
-
.footer {
+
-
background-color: #666666;
+
-
padding: 10px;
+
-
padding-left: 0px;
+
-
padding-right: 0px;
+
-
text-align: center;
+
-
position: relative;
+
-
bottom: 0;
+
-
width: 950px;
+
-
vertical-align: middle;
+
-
margin: auto;
+
-
}
+
-
 
+
-
.footer a {
+
-
color: #cccccc;
+
-
margin: 10px;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
.footer a:hover {
+
-
color: #FFF;
+
-
text-decoration: none;
+
-
cursor: pointer;
+
}
}
 +
-->
</style>
</style>
-
</html>
 

Revision as of 14:29, 22 September 2013

<style type="text/css"> </style>

Retrieved from "http://2013.igem.org/Team:ZJU-China/template/reset"