Team:TU-Delft/Templates/Style

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
     text-align: center;
     text-align: center;
 +
}
 +
.firstHeading {
 +
    display: none;
 +
}
 +
 +
 +
#globalWrapper {
 +
    margin: 0 auto;
 +
    width: 975px;
 +
}
 +
#content {
 +
    background-color: #D8D5D0;
 +
    border: 1px solid black;
 +
    margin-bottom: 10px;
 +
    padding: 0 0 20px;
 +
    width: 975px;
 +
}
 +
#contentSub {
 +
    margin: 0;
 +
}
 +
#footer-box {
 +
    background-color: #D8D5D0;
 +
}
 +
p {
 +
    text-align: justify;
 +
}
 +
.bordertable td {
 +
    background-color: #FFFFFF;
 +
    border-color: black;
 +
    border-style: solid;
 +
    border-width: 0 0 1px 1px;
 +
    margin: 0;
 +
}
 +
.bordertable th {
 +
    background-color: #D8D5D0;
 +
    border-color: black;
 +
    border-style: solid;
 +
    border-width: 0 0 1px 1px;
 +
    margin: 0;
 +
}
 +
.bordertable {
 +
    border-color: black;
 +
    border-spacing: 0;
 +
    border-style: solid;
 +
    border-width: 2px 2px 1px 1px;
 +
}
 +
table {
 +
    background: none repeat scroll 0 0 transparent;
 +
}
 +
.wiki_div {
 +
    text-align: justify;
 +
}
 +
h2, h3, h4, h5, h6 {
 +
    border: 0 none;
 +
    font-weight: bold;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
    font-family: Tahoma;
 +
    padding-bottom: 0;
 +
    text-align: center;
 +
}
 +
h1 {
 +
    font-size: 140%;
 +
}
 +
h2 {
 +
    font-size: 115%;
 +
}
 +
h3 {
 +
    font-size: 110%;
 +
}
 +
h4 {
 +
    font-size: 100%;
 +
}
 +
h5 {
 +
    font-size: 95%;
 +
}
 +
a {
 +
    color: #0065BD;
 +
}
 +
a:active {
 +
    color: #0065BD;
 +
}
 +
a:visited {
 +
    color: #0065BD;
 +
}
 +
a:hover {
 +
    color: #0065BD;
}
}
#top-section {
#top-section {
Line 35: Line 122:
     z-index: 9;
     z-index: 9;
}
}
-
/* Layout */
+
#p-logo {
-
/**********/
+
     display: none;
-
body, #heading, #innercontent {
+
-
    background: url("https://static.igem.org/mediawiki/2011/b/ba/DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}
+
-
    background: gray;
+
-
}
+
-
/*#content, #globalWrapper {
+
-
     border: none;
+
-
    width: 75%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
}*/
+
-
#globalWrapper {
+
-
    margin: 0 auto;
+
-
    width: 975px;
+
-
}
+
-
#content {
+
-
    background-color: #D8D5D0;
+
-
    border: 1px solid black;
+
-
    margin-bottom: 10px;
+
-
    padding: 0 0 20px;
+
-
    width: 975px;
+
-
}
+
-
 
+
-
#contentSub {
+
-
    margin: 0;
+
}
}
#search-controls {
#search-controls {
Line 86: Line 149:
     margin: 1px;
     margin: 1px;
}
}
-
 
-
#footer-box {
 
-
    background-color: #D8D5D0;
 
-
}
 
-
 
input.searchButton {
input.searchButton {
     color: #FFFFFF;
     color: #FFFFFF;
Line 100: Line 158:
     padding-right: 2px;
     padding-right: 2px;
}
}
-
#header {
+
.editsection {
-
     background: url("https://static.igem.org/mediawiki/2011/2/2d/DTU-Denmark2011-5element.png") no-repeat right -30px #990000;
+
     color: #555555;
-
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+
     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
-
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
+
     font-size: 12.5px;
-
     height: 100px;
+
     font-weight: normal;
-
    width: 100%;
+
     text-decoration: none;
-
    border-top: 1px solid #660000;
+
-
     border-bottom: 1px solid #660000;}
+
-
 
+
-
#menu, #menu ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
}
}
-
 
+
.editsection a {
-
#menu {
+
    color: #555555;
-
width: 960px;
+
-
margin: 60px auto;
+
-
border: 1px solid #222;
+
-
background-color: #111;
+
-
background-image: linear-gradient(#444, #111);
+
-
border-radius: 6px;
+
-
box-shadow: 0 1px 1px #777;
+
}
}
-
#menu:before,
+
.editsection a:hover {
-
#menu:after {
+
    color: #000000;
-
content: "";
+
-
display: table;
+
}
}
-
 
+
.editsection a:visited {
-
#menu:after {
+
    color: #555555;
-
clear: both;
+
}
}
-
 
+
.editsection a:active {
-
#menu {
+
    color: #555555;
-
zoom:1;
+
}
}
-
#menu li {
+
div.thumb, div.tright, div.tleft, div.center {
-
float: left;
+
    background: none repeat scroll 0 0 transparent;
-
border-right: 1px solid #222;
+
    border: 0 none;
-
box-shadow: 1px 0 0 #444;
+
    margin: 3px;
-
position: relative;
+
    text-align: justify;
}
}
-
 
+
div.thumbinner div.thumbcaption {
-
#menu a {
+
    text-align: justify;
-
float: left;
+
-
padding: 12px 30px;
+
-
color: #999;
+
-
text-transform: uppercase;
+
-
font: bold 10px Arial, Helvetica;
+
-
text-decoration: none;
+
-
text-shadow: 0 1px 0 #000;
+
}
}
-
 
+
a[name] {
-
#menu li:hover > a {
+
    display: block;
-
color: #fafafa;
+
    position: relative;
 +
    top: -225px;
}
}
-
 
+
#toctable .toclevel-1 {
-
*html #menu li a:hover { /* IE6 only */
+
    float: left;
-
color: #fafafa;
+
    list-style-type: none;
 +
    margin-left: 0;
 +
    margin-right: 20px;
}
}
-
</style>
+
.wiki_div .toclevel-1 {
-
<style>
+
    float: left;
-
#menu ul {
+
    list-style-type: none;
-
margin: 20px 0 0 0;
+
    margin-left: 0;
-
_margin: 0; /*IE6 only*/
+
    margin-right: 20px;
-
opacity: 0;
+
    width: 30%;
-
visibility: hidden;
+
-
position: absolute;
+
-
top: 38px;
+
-
left: 0;
+
-
z-index: 1;  
+
-
background: #444;
+
-
background: linear-gradient(#444, #111);
+
-
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
border-radius: 3px;
+
-
transition: all .2s ease-in-out;
+
}
}
-
 
+
#toctitle {
-
#menu li:hover > ul {
+
    display: none;
-
opacity: 1;
+
-
visibility: visible;
+
-
margin: 0;
+
}
}
-
 
+
#toc {
-
#menu ul ul {
+
    background: none repeat scroll 0 0 transparent;
-
top: 0;
+
    border: 0 none;
-
left: 150px;
+
    padding: 0;
-
margin: 0 0 0 20px;
+
-
_margin: 0; /*IE6 only*/
+
-
box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
}
}
-
 
+
#toc ul {
-
#menu ul li {
+
    margin: 0;
-
float: none;
+
-
display: block;
+
-
border: 0;
+
-
_line-height: 0; /*IE6 only*/
+
-
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
}
}
-
 
+
#toctable p {
-
#menu ul li:last-child {  
+
    margin: 0;
-
box-shadow: none;  
+
}
}
-
 
+
.toclevel-1 a span {
-
#menu ul a {  
+
    color: #000000;
-
padding: 10px;
+
    font-size: 13px;
-
width: 130px;
+
    font-weight: bold;
-
_height: 10px; /*IE6 only*/
+
    text-decoration: none;
-
display: block;
+
-
white-space: nowrap;
+
-
float: none;
+
-
text-transform: none;
+
}
}
-
 
+
.toclevel-1 a:active span {
-
#menu ul a:hover {
+
    color: #000000;
-
background-color: #0186ba;
+
    font-size: 13px;
-
background-image: linear-gradient(#04acec, #0186ba);
+
    font-weight: bold;
 +
    text-decoration: none;
 +
}
 +
.toclevel-1 a:hover span {
 +
    color: #000000;
 +
    font-size: 13px;
 +
    font-weight: bold;
 +
    text-decoration: underline;
 +
}
 +
.toclevel-2 {
 +
    display: none;
 +
}
 +
.toclevel-3 {
 +
    display: none;
 +
}
 +
.tocnumber {
 +
    display: none;
 +
}
 +
p.trigger {
 +
    background-image: url("https://static.igem.org/mediawiki/2010/1/10/Team_TU_Munich2010_Images_Arrow_small.jpg");
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    padding-left: 17px;
 +
}
 +
p.activeToggle {
 +
    background-image: url("https://static.igem.org/mediawiki/2010/5/56/Team_TU_Munich2010_Images_Arrow_close_small.jpg");
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    padding-left: 17px;
 +
}
 +
a.toggle_close {
 +
    background-image: url("https://static.igem.org/mediawiki/2010/5/5d/Team_TU_Munich2010_Images_Cross_small.jpg");
 +
    background-position: left center;
 +
    background-repeat: no-repeat;
 +
    float: left;
 +
    padding-left: 17px;
 +
    text-align: left;
 +
}
 +
div.toggle_container {
 +
    border-left: 1px solid #4E9D20;
 +
    margin-bottom: 25px;
 +
    margin-left: 5px;
 +
    padding-left: 7px;
}
}
-
 
-
 
</style>
</style>
</html>
</html>

Revision as of 10:04, 18 April 2013

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