Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
     display:none;}
+
     display: none;
 +
}
#top-section {
#top-section {
     border: none;
     border: none;
-
     height: 0px;}
+
     height: 0px;
 +
}
 +
 
#content {
#content {
     border: none;
     border: none;
-
     width:99.5%;
+
     width: 99.5%;
-
     height:99.5%;
+
     height: 99.5%;
-
     background-image:url("https://static.igem.org/mediawiki/2013/2/26/Background.png");
+
     background-image: url("https://static.igem.org/mediawiki/2013/2/26/Background.png");
-
     position:fixed;
+
     position: fixed;
-
     overflow:auto;
+
     overflow: auto;
-
     repeat-x;
+
     repeat-x;  
}  
}  
Line 23: Line 27:
*/
*/
-
*{
+
*{
-
margin: 0px;
+
      margin: 0px;
-
padding: 0px;
+
      padding: 0px;
-
}
+
}
-
body{
+
body{
-
width: 100%;
+
      width: 100%;
-
height: 100%;
+
      height: 100%;
-
                display:-webkit-box;      display:-moz-box; 
+
}
-
                -webkit-box-orient:center; -moz-box-orient:center;
+
-
 
+
-
}
+
-
section, footer, nav{
+
section, footer, nav{
-
display: block;
+
      display: block;
-
}
+
}
-
#main_frame {   
+
#main_frame {   
-
min-height: 1600px;
+
min-height:     1600px;
-
width: 970px;
+
width:         950px;
-
                margin:                                         20px auto;
+
margin:         20px auto;
-
display: -webkit-box;                  display:-moz-box;
+
border:         1px solid ligth gray;
-
              -moz-box-orient:center;
+
border-radius: 15px;
-
                align-items: center;
+
box-shadow:     0px 0px 30px rgba(110,110,110, .8);
-
-webkit-box-orient: vertical; -moz-box-orient: vertical;
+
background:     white;
-
-webkit-box-flex: 0; -moz-box-flex: 0;
+
}
-
border: 1px solid ligth gray;
+
-
border-radius: 15px;
+
-
box-shadow: 0px 0px 30px rgba(110,110,110, .8);
+
-
background: white;
+
-
}
+
-
header {
+
header {
-
display: inline-block;
+
display: inline-block;
-
position: relative;
+
position: relative;
-
width: 100%;
+
width:         100%;
-
}
+
}
-
#logo_img{
+
#logo_img{
-
position: relative;
+
position: relative;
-
padding: 10px;
+
padding: 10px;
-
-webkit-box-flex:         0;
+
}
-
                -moz-box-flex:                                  0;
+
-
+
-
}
+
-
#header img.logo{
+
#header img.logo{
-
float: right;
+
        float:         right;
-
width: 150px;
+
width: 150px;
-
}
+
}
-
#igem_logo{
+
#igem_logo{
-
position: relative;
+
position:       relative;
-
padding: 10px;
+
padding:       10px;
-
-webkit-box-flex:         0;
+
-
                -moz-box-flex:                                  0;
+
}
}
-
#header img.igem_logo{
+
#header img.igem_logo{
-
width: 400px;
+
width:         400px;
-
float: left;
+
float: left;
-
}
+
}
-
#navbar {
+
#navbar {
-
background-image: url("https://static.igem.org/mediawiki/2013/e/e5/Menubar.png");  
+
        vertical-align: middle;
-
background-repeat: no-repeat;
+
background-image: url("https://static.igem.org/mediawiki/2013/e/e5/Menubar.png");  
-
background-position:         center right;  
+
background-repeat: no-repeat;
-
background-size: 93% 38%;
+
background-position: bottom right;  
-
}
+
background-size: 93% 45%;
-
#nav ul{
+
}
-
padding-top: 5.8%;
+
 
-
text-align:center;
+
#nav ul{
-
}
+
        padding-top:   7.5%;
-
#nav li{
+
text-align:     center;
-
display: inline-block;
+
}
-
list-style: none;
+
 
-
}
+
#nav li{
 +
display: inline-block;
 +
list-style:     none;
 +
        padding:        0px;
 +
}
-
section{
+
section{
-
-webkit-box-flex: 1;
+
        min-height: 1300px;
-
min-height: 500px;
+
padding: 20px;
-
padding: 20px;
+
}
-
}
+
-
footer{
+
footer{
-
padding: 20px;
+
padding: 20px;
-
height: 100px;
+
height: 100px;
-
}
+
}
-
.home-knapp {
+
.home-knapp {
-
position: relative;left:15px;top:-25px;
+
position: relative;left:15px;top:-25px;
-
width: 15%;
+
width: 15%;
-
float: left;
+
float: left;
-
}  
+
}  
-
.nav-text {
+
.nav-text {
-
padding-right: 8px;
+
padding-right: 8px;
-
background: #22409a;
+
background: #22409a;
-
}
+
}
-
        .nav-text:hover {
+
.nav-text:hover {
-
background: #0089d1;
+
background: #0089d1;
-
}
+
}
   
   
</style>
</style>
</html>
</html>

Revision as of 19:05, 25 July 2013

Retrieved from "http://2013.igem.org/Template:Team:Uppsala/styles"