Team:TU-Delft/Templates/Style

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<style type="text/css">
-
body {
+
input.searchButton {
-
     background: #ADD8E6 url("https://static.igem.org/mediawiki/2013/d/d7/Im04.gif") left no-repeat fixed;
+
     background: none repeat scroll 0 0 transparent;
-
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
+
    border: medium none;
-
     text-align: center;
+
    color: #333333;
 +
    font-size: 100%;
 +
     font-weight: bold;
 +
     margin: 1px 10px 0;
}
}
-
 
+
#search-controls {
-
/* Removing wiki-like stuff */
+
     background: none repeat scroll 0 0 transparent;
-
/****************************/
+
    display: block;
-
/*#contentSub, #search-controls,*/ .firstHeading, /* #footer-box, #catlinks,*/ #p-logo {
+
    margin-top: 40px;
-
     display:none;}
+
     position: absolute;
-
 
+
-
/* Redesigning the topmenu */
+
-
/***************************/
+
-
 
+
-
#top-section {
+
-
    border: 0 none;
+
-
     height: 30px;
+
}
}
-
#menubar {
+
.left-menu {
     border: medium none;
     border: medium none;
-
     float: left;
+
     margin-top: -75px;
-
    font-size: 85%;
+
     width: 300px;
-
     height: 18px;
+
-
    position: top;
+
-
    top: 0;
+
}
}
-
#menubar li a {
+
.left-menu ul {
-
     color: #868686;
+
     border: medium none;
 +
}
 +
#searchform {
 +
    background: none repeat scroll 0 0 transparent;
 +
    display: block;
 +
    float: right;
}
}
#menubar.right-menu {
#menubar.right-menu {
-
     background-color: #494D51;
+
     border: medium none;
-
     border-bottom: 1px solid black;
+
     display: block;
-
     right: auto;
+
     float: left;
-
     text-align: right;
+
     margin-top: -75px;
-
     width: 977px;
+
     width: 300px;
-
    z-index: 7;
+
}
}
-
#menubar.left-menu {
+
.right-menu ul {
-
     left: auto;
+
     border: medium none;
-
    text-align: left;
+
-
    width: auto;
+
-
    z-index: 9;
+
}
}
-
/* Layout */
+
#top-section {
-
/**********/
+
     border: medium none;
-
#heading, #innercontent {
+
    height: 0;
-
     /*background: url("https://static.igem.org/mediawiki/2011/b/ba/DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}*/
+
    margin-bottom: 0;
-
    background: gray;
+
    margin-left: auto;
 +
    margin-top: 0;
 +
    padding: 0;
 +
    position: relative;
 +
    width: 970px;
}
}
-
/*#content, #globalWrapper {
+
#p-logo {
-
     border: none;
+
     border: medium none;
-
     width: 75%;
+
     display: none;
-
     margin: 0;
+
     height: 0;
 +
    overflow: hidden;
 +
}
 +
#footer-box {
 +
    border: 1px solid #444444;
 +
    font-size: 11px;
 +
    margin-left: auto;
 +
    margin-right: auto;
     padding: 0;
     padding: 0;
-
}*/
+
     width: 970px;
-
#globalWrapper {
+
-
    margin: 0 auto;
+
-
     width: 975px;
+
}
}
-
#content {
+
.firstHeading {
-
     background-color: white;
+
     display: none;
-
    border: 1px solid black;
+
-
    margin-bottom: 10px;
+
-
    padding: 0 0 20px;
+
-
    width: 975px;
+
}
}
-
 
+
ol.references {
-
#contentSub {
+
     font-size: smaller;
-
     margin: 0;
+
    text-align: left;
}
}
-
#search-controls {
+
ul.references {
-
     background: none repeat scroll 0 0 transparent;
+
     font-size: smaller;
-
     border: 0 none;
+
     text-align: left;
-
     display: block;
+
}
-
    height: auto;
+
p {
 +
     display: none;
     margin: 0;
     margin: 0;
-
    overflow: visible;
 
-
    position: fixed;
 
-
    right: auto;
 
-
    text-align: right;
 
-
    top: 24px;
 
-
    width: 975px;
 
}
}
-
#searchInput {
+
.editsection {
-
    border: 0 none;
+
     font-size: 100%;
-
    color: #555555;
+
     font-weight: normal;
-
     font-size: 85%;
+
-
     padding-left: 2px;
+
-
    padding-right: 2px;
+
-
    width: 100px;
+
}
}
-
#searchform {
+
ol.references > li:target {
-
     margin: 1px;
+
     background-color: #DDEEFF;
}
}
-
 
+
#toc {
-
#footer-box {
+
     display: none;
-
     background-color: #D8D5D0;
+
}
}
-
 
+
h1 {
-
input.searchButton {
+
    font-size: 160%;
-
     color: #FFFFFF;
+
}
-
     cursor: pointer;
+
body {
-
     font-size: 80%;
+
    background: #ADD8E6 url("https://static.igem.org/mediawiki/2013/d/d7/Im04.gif") left no-repeat fixed;
-
     font-weight: normal;
+
     color: #333333;
-
     margin: 0;
+
     font-family: Verdana,Arial,Helvetica,sans-serif;
-
     padding-left: 2px;
+
    text-align: justify;
-
     padding-right: 2px;
+
    width: auto;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
    color: #000000;
 +
     font-family: Georgia,"Times New Roman",Times,serif;
 +
}
 +
a {
 +
    color: #484848;
 +
     font-weight: bold;
 +
     text-decoration: none;
 +
}
 +
a:visited {
 +
     color: #303030;
 +
    font-weight: bold;
 +
    text-decoration: none;
 +
}
 +
a:hover {
 +
    color: #484848;
 +
     text-decoration: underline;
}
}
-
 
-
#banner{background:transparent;
 
-
              height: 50px;}
 
-
 
#header {
#header {
-
     background: url("https://static.igem.org/mediawiki/2013/2/2d/HeaderDelft.png") right no-repeat ;
+
     background: url("https://static.igem.org/mediawiki/2013/2/2d/HeaderDelft.png") repeat scroll 0 0 #FFFBFD;
-
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
     border-top: 1px solid #444444;
-
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
+
    height: 140px;
-
     height: 150px;
+
    width: 970px;
-
     width: 100%;
+
}
-
     border-top: 1px solid #660000;
+
#header h1 {
-
     border-bottom: 1px solid #660000;}
+
    color: #3399FF;
-
 
+
    font-size: 3em;
-
#menu, #menu ul {
+
    margin: 0;
-
margin: 0;
+
    padding: 0 0 0 10px;
-
padding: 0;
+
     text-align: left;
-
list-style: none;
+
    text-transform: uppercase;
 +
}
 +
#header h2 {
 +
    font-size: 1.5em;
 +
     margin: 0;
 +
     padding: 0 0 0 20px;
 +
     text-align: left;
 +
     text-transform: uppercase;
 +
}
 +
#logo_left .plainlinks a {
 +
    background: none repeat scroll 0 0 transparent;
 +
    height: 80px;
 +
    left: 45px;
 +
    padding: 0;
 +
    position: absolute;
 +
    text-decoration: none;
 +
    top: 32px;
 +
    width: 240px;
 +
    z-index: 100;
}
}
-
 
#menu {
#menu {
width: 960px;
width: 960px;
Line 174: Line 193:
color: #fafafa;
color: #fafafa;
}
}
-
</style>
+
 
-
<style>
+
#menu ul {
#menu ul {
margin: 20px 0 0 0;
margin: 20px 0 0 0;
Line 232: Line 250:
background-image: linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}
}
 +
 +
#content {
 +
    font-size: 13px;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    width: 970px;
 +
}
 +
#content h2, #content h3, #content h4, #content h5, #content h6 {
 +
    font-weight: normal;
 +
}
 +
#content p, #content ul, #content ol {
 +
    line-height: 150%;
 +
}
 +
#page p {
 +
    display: block;
 +
}
 +
#frame {
 +
    background: none repeat scroll 0 0 #FFFFFF;
 +
    float: left;
 +
    padding: 20px 29px 40px;
 +
    width: 910px;
 +
}
 +
.leftcolumn {
 +
    display: inline;
 +
    float: left;
 +
    margin: 0 10px 10px 20px;
 +
    width: 80px;
 +
}
 +
.rightcolumn {
 +
    display: inline;
 +
    float: right;
 +
    margin: 0 10px 10px 20px;
 +
    text-align: justify;
 +
    width: 630px;
 +
}
 +
.spacer {
 +
    clear: both;
 +
}
 +
</style>
</style>
</html>
</html>

Revision as of 08:40, 19 April 2013

Retrieved from "http://2013.igem.org/Team:TU-Delft/Templates/Style"