Team:TU-Delft/Templates/Style

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
 
+
body {
 +
    background: #ADD8E6 url("https://static.igem.org/mediawiki/2013/d/d7/Im04.gif") left no-repeat fixed;
 +
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 +
    text-align: center;
 +
}
/* Removing wiki-like stuff */
/* Removing wiki-like stuff */
Line 31: Line 35:
     right: auto;
     right: auto;
     text-align: right;
     text-align: right;
-
     width: 976px;
+
     width: 977px;
     z-index: 7;
     z-index: 7;
}
}
Line 42: Line 46:
/* Layout */
/* Layout */
/**********/
/**********/
-
body {
+
#heading, #innercontent {
-
background: #ADD8E6 url("https://static.igem.org/mediawiki/2013/d/d7/Im04.gif") left no-repeat fixed;
+
    /*background: url("https://static.igem.org/mediawiki/2011/b/ba/DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}*/
-
color:#000000;
+
    background: gray;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
margin: 30px 30px;
+
-
padding: 0px;
+
-
     
+
-
}
+
-
.clear{clear:both;}
+
-
* {
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
#container {
+
-
margin: 0px auto;
+
-
text-align: left;
+
-
width: 717px;
+
-
}
+
-
a{
+
-
font-size:12px;
+
-
}
+
-
p{
+
-
margin: 15px 0px;
+
-
}
+
-
ul { margin:5px 0px; color:#85a157;}
+
-
/********************** Header ***************************/
+
-
#header {
+
-
margin: 0px 0px 0px 0px;
+
-
background-colour: green;
+
-
width:976px;
+
-
height:288px;
+
-
position:relative;
+
-
}
+
-
#header ul{
+
-
background-color:#85a157;
+
-
width:711px;
+
-
border: 3px solid #FFFFFF;
+
-
display:block;
+
-
top:255px;
+
-
position:absolute;
+
-
margin: 0px 0px 0px 0px;
+
-
height:22px;
+
-
padding:5px 0px 0px 0px;
+
-
text-align:center;
+
-
}
+
-
#header li{
+
-
display:inline;
+
-
}
+
-
#header ul a{
+
-
text-decoration:none;
+
-
color:#FFFFFF;
+
-
margin: 0px 15px;
+
-
}
+
-
#header ul a:hover{
+
-
text-decoration:underline;
+
-
color:#28556b;
+
-
}
+
-
#logo_w1,#logo_w2 {
+
-
font-size: 24px;
+
-
font-style:italic;
+
-
color:#FFFFFF;
+
-
position:absolute;
+
-
}
+
-
#logo_w1{
+
-
    font-size: 30px;
+
-
top: 10px;
+
-
left:10px;
+
-
}
+
-
#logo_w2{
+
-
top:25px;
+
-
left:540px;
+
-
}
+
-
#header_text {
+
-
top:35px;
+
-
left:10px;
+
-
width:230px;
+
-
position:absolute;
+
}
}
-
#header_text p{
+
/*#content, #globalWrapper {
-
font-size: 18px;
+
    border: none;
-
color:#FFFFFF;
+
    width: 75%;
 +
    margin: 0;
 +
    padding: 0;
 +
}*/
 +
#globalWrapper {
 +
    margin: 0 auto;
 +
    width: 975px;
}
}
-
#header_text a{color:#28556b;}
 
-
#header_text a:hover{color:#c77e0c;}
 
-
/********************** Content ***************************/
 
#content {
#content {
-
background-image:url(images/content_bg.gif);  
+
    background-color: white;
-
width:964px;
+
    border: 1px solid black;
-
}
+
    margin-bottom: 10px;
-
img{
+
    padding: 0 0 20px;
-
border-width:0px;
+
    width: 975px;
-
}
+
-
h1{
+
-
color:#000000;
+
-
font-size:14px;
+
-
margin: 20px 0px 20px 0px;
+
}
}
-
h2{
+
#contentSub {
-
color:#85a157;
+
    margin: 0;
-
font-size:14px;
+
-
text-align:left;
+
-
margin: 10px 0px 10px 0px;
+
}
}
-
h3{
+
#search-controls {
-
color:#222;
+
    background: none repeat scroll 0 0 transparent;
-
font-size:12px;
+
    border: 0 none;
-
text-align:left;
+
    display: block;
-
font-weight:bold;
+
    height: auto;
-
+
    margin: 0;
 +
    overflow: visible;
 +
    position: fixed;
 +
    right: auto;
 +
    text-align: right;
 +
    top: 24px;
 +
    width: 975px;
}
}
-
.event {
+
#searchInput {
-
background-color:#efefef;
+
    border: 0 none;
-
border:1px dotted #85a157;
+
    color: #555555;
-
padding:10px;
+
    font-size: 85%;
-
margin:3px;
+
    padding-left: 2px;
 +
    padding-right: 2px;
 +
    width: 100px;
}
}
-
div.hour {
+
#searchform {
-
text-align:right;
+
    margin: 1px;
-
font-size:12px;
+
-
border-bottom:1px solid #85a157;
+
}
}
-
.path {
+
 
-
text-align:left;
+
#footer-box {
-
padding:5px 25px;
+
    background-color: #D8D5D0;
-
font-size:11px;
+
-
border:1px solid #efefef;
+
}
}
-
.path a {color:#85a157; font-size:11px;}
 
-
.path a:hover {color:#c77e0c; font-size:11px;}
 
-
#left {
 
-
float:left;
 
-
width:428px;
 
-
margin-left:27px;
 
-
padding: 0px 10px 30px 0px;
 
-
display:inline;
 
-
}
 
-
#left a{color:#28556b;}
 
-
#left a:hover{color:#c77e0c;}
 
-
#photos a{
 
-
margin-right:14px;
 
-
}
 
-
#right {
 
-
float:right;
 
-
width:210px;
 
-
padding: 0px 20px 20px 20px;
 
-
margin-top:10px;
 
-
border-left: #FFF 2px solid;
 
 +
input.searchButton {
 +
    color: #FFFFFF;
 +
    cursor: pointer;
 +
    font-size: 80%;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    padding-left: 2px;
 +
    padding-right: 2px;
}
}
-
#right a{
+
 
-
color:#c77e0c;
+
#banner{background:transparent;
-
}
+
              height: 50px;}
-
#right a:hover{
+
 
-
color:#85a157;
+
#header {
-
}
+
    background: url("https://static.igem.org/mediawiki/2013/2/2d/HeaderDelft.png") right no-repeat ;
-
/********************** Footer ***************************/
+
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-
#footerline {
+
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
-
clear:both;
+
    height: 150px;
-
background-image:url(images/footer_bg.gif);
+
    width: 100%;
-
font-size:1px;
+
    border-top: 1px solid #660000;
-
height:10px;
+
    border-bottom: 1px solid #660000;}
-
}
+
-
#footer {
+
-
width:717px;
+
-
text-align:center;
+
-
padding: 20px 0px;
+
-
}
+
#menu, #menu ul {
#menu, #menu ul {
Line 322: Line 232:
background-image: linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}
}
-
 
-
 
</style>
</style>
</html>
</html>

Revision as of 10:17, 19 April 2013

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