Team:ZJU-China/template/reset

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
<!--
+
/* iGEM wiki Hacker */
-
/* -----------------------------------------
+
body{
-
iGEM Reset
+
background-color:#333333;
-
----------------------------------------- */
+
-
+
-
#globalWrapper {
+
-
background-color: transparent;
+
-
border: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
width: 100%;
+
-
height: 100%;
+
}
}
-
#content {
+
.global {
 +
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 {
+
 
-
line-height: normal;
+
.right-menu li a {
 +
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 {
+
 
-
height: 15px;
+
#content {
-
margin: 0px;
+
z-index: 1;
 +
background-color: #e9e9e9;;
 +
border: none;
 +
width: 970px;
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
margin-bottom: 0 !important;
+
padding: 0px;
-
padding: 0;
+
font-family: 'Molengo', sans-serif;
-
border: none;
+
-
font-size: 10px;
+
}
}
-
#p-logo {
+
 
-
height: 1px;
+
#content p {
-
overflow: hidden;
+
display: none;
display: none;
}
}
-
#search-controls {
+
 
-
overflow: hidden;
+
#contentwrapper p {
display: block;
display: block;
-
background: none;
+
text-align: left;
-
position: absolute;
+
-
top: 100px;
+
-
right: 40px;
+
}
}
-
#menubar.left-menu {
+
 
-
/*margin-top: -80px; uncomment this when page goes live */
+
.firstHeading {
-
background: none;
+
display: none;
-
height: 20px;
+
-
left: 20px;
+
-
float: left;
+
}
}
-
.left-menu ul {
+
 
-
visibility: hidden;
+
#contentSub {
 +
display: none;
}
}
-
.left-menu:hover ul {
+
 
-
visibility: visible;
+
#catlinks {
 +
display: none;
}
}
-
.left-menu:hover ul li a {
+
 
-
color: #666;
+
#footer-box {
 +
display: none;
}
}
-
.left-menu li a:hover {
+
 
-
color: #aaaaff !important;
+
h1 {
-
text-decoration: underline;
+
border-bottom: none;
}
}
-
#menubar.right-menu {
+
 
-
display: block;
+
/*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/
-
width: 300px;
+
#red a {
-
float: left;
+
color: #f8b4ae;
-
margin-top: 2px;
+
-
margin-right: 0px;
+
-
border: none;
+
}
}
-
.right-menu ul {
+
 
-
width: 300px;
+
#red h1 {
-
margin: 0px;
+
color: red;
-
visibility: hidden;
+
}
}
-
.right-menu ul li a {
+
 
-
background: none;
+
#red hr {
-
color: #666;
+
background-color: #f8b4ae;
}
}
-
.right-menu:hover ul {
+
 
-
visibility: visible;
+
#red a:hover {
 +
color: red;
 +
text-decoration: none;
}
}
-
#footer-box {
+
 
-
width: 100%;
+
#red .bgcolors {
-
margin: -10px auto 0 auto;
+
background-color: red;
-
padding: 20px 0;
+
}
}
-
.visualClear {
+
 
-
display: none;
+
#red #accordion h4 {
 +
background-color: red;
}
}
-
#footer {
+
 
-
border: none;
+
#red #accordion h4 selected {
-
width: 965px;
+
background-color: red;
 +
}
 +
 
 +
#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 {
+
 
-
display: none;
+
.block h1 {
 +
font-size: 36pt;
}
}
-
#f-list a {
+
 
-
color: #333;
+
.block a {
-
font-size: 10px;
+
color: #ff3333;
}
}
-
#f-list a:hover {
+
 
-
color: #666;
+
.block p {
 +
margin: 20px;
}
}
-
.printfooter {
+
 
-
display: none;
+
.block h1,h2 {
 +
border-bottom: none;
 +
padding-left: 10px;
 +
padding-bottom: 0;
 +
padding-top: 0;
}
}
-
#footer ul {
+
 
-
margin: 0;
+
.block a {
-
padding: 0;
+
color: #666666;
}
}
-
#footer ul li {
+
 
-
margin-top: 0;
+
.block hr {
-
margin-bottom: 0;
+
height: 2px;
-
margin-left: 10px;
+
margin-left: 15px;
-
margin-right: 10px;
+
margin-right: 15px;
-
padding: 0;
+
}
}
-
#search-controls {
+
 
-
display: none;
+
.blocktop,.blockbottom {
 +
width: 100%;
 +
height: 10px;
}
}
-
h3#siteSub {
+
 
-
display: none;
+
.blocktop {
 +
background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
 +
;
 +
background-repeat: no-repeat;
 +
overflow: hidden;
}
}
-
#contentSub {
+
 
-
display: none;
+
.blockbottom {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
 +
background-repeat: no-repeat;
 +
overflow: hidden;
}
}
-
p:first-child {
+
 
-
display: inline;
+
.blockcontent {
 +
padding: 10px;
 +
background-color: white;
 +
overflow: hidden;
}
}
-
#catlinks {
+
 
-
display: none;
+
.links {
 +
background-color: white;
 +
text-align: right;
 +
padding-right: 24px;
 +
font-size: 16px;
 +
overflow: hidden;
}
}
-
#footer-box {
+
 
-
display: none;
+
.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;
 +
}
 +
 
 +
.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>
</html>

Revision as of 14:25, 22 September 2013

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