Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
h1{ border:none;
-
    display: none;
+
padding-top: 10px;
 +
 
}
}
-
#top-section {
 
-
    border: none;
 
-
    height: 0px;
 
-
}
 
-
 
-
#content {
 
-
    border: none;
 
-
    width: 99.5%;
 
-
    height: 99.5%;
 
-
    background-image: url("https://static.igem.org/mediawiki/2013/2/26/Background.png");
 
-
    position: fixed;
 
-
    overflow: auto;
 
-
    repeat-x;   
 
-
}
 
*{
*{
Line 73: Line 60:
         }
         }
-
        .home-knapp {
+
     
-
               
+
-
                position: relative;left:15px;top:-72px;
+
-
                margin-bottom:-71px;
+
-
width: 15%;
+
-
float: left;
+
-
z-index: 2; 
+
-
 
+
-
        }
+
-
 
+
-
 
+
-
+
-
.nav-text
+
-
{
+
-
padding-right:         10px;
+
-
z-index: 1;
+
-
+
-
}
+
-
+
-
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;}
+
-
 
+
-
#nav ul ul {
+
-
display: none;
+
-
z-index: 1;
+
-
}
+
-
 
+
-
#nav ul li:hover > ul {
+
-
display: block;
+
-
}
+
-
+
-
#nav ul {
+
-
list-style:    none;
+
-
position: relative;
+
-
        top:            -4px;
+
-
display: inline-table;
+
-
}
+
-
 
+
-
#nav ul:after {
+
-
content: ""; clear: both; display: block;
+
-
}
+
-
+
-
#nav ul li
+
-
{
+
-
padding-top:            0.8%;
+
-
float: left;
+
-
height: 49px;
+
-
 
+
-
}
+
-
+
-
        #nav ul li a
+
-
        {
+
-
                text-align:                    center;
+
-
display: block;
+
-
}
+
-
 
+
-
.nav-text2{
+
-
width: 90px;
+
-
position: relative;
+
-
top: -30px;
+
-
z-index: 1;
+
-
}
+
-
+
-
#nav ul li:hover
+
-
{
+
-
background: #0089d1;
+
-
}
+
-
#nav ul li:hover img.nav-text2{
+
-
background: none;
+
-
z-index: 3;
+
-
}
+
-
#nav ul li:hover li .nav-text
+
-
{
+
-
background: #0089d1;
+
-
+
-
}
+
-
 
+
-
#nav ul ul
+
-
{
+
-
background: #22409a;
+
-
border-radius:         0px;
+
-
padding: 0px;
+
-
        margin-left:            0px;
+
-
position: absolute;
+
-
top: 90%;
+
-
}
+
-
#nav ul ul li {
+
-
width: 150px;
+
-
float: none;
+
-
position: relative;
+
-
}
+
-
#nav ul ul li a {
+
-
                        padding-top:    8%;
+
-
color: #fff;
+
-
font-weight: bold;
+
-
                        text-decoration: none;
+
-
 
+
-
}
+
-
#nav ul ul li a:hover {
+
-
background: #0089d1;
+
-
}
+
h1 {
h1 {
Line 192: Line 80:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
border-bottom: 1px solid #22409a;
+
border-top: 1px solid #22409a;
clear: both;
clear: both;
 +
       
 +
}
}
Line 202: Line 92:
height:400px;
height:400px;
width:700px;
width:700px;
-
border:solid 3px;
+
margin-top:10px;
margin-top:10px;
 +
        margin-bottom:20px;
}
}
Line 220: Line 111:
margin-right:auto;
margin-right:auto;
border-bottom: 1px solid #22409a;
border-bottom: 1px solid #22409a;
-
margin-bottom: 10px;
+
margin-bottom: 0px;
-
margin-top: 20px;
+
margin-top: 0px;
clear: both;
clear: both;
 +
       
}
}
Line 228: Line 120:
position: left;
position: left;
float:left;
float:left;
-
height:270px;
+
height:227px;
-
width:250px;
+
width:210px;
/*border:solid 3px;*/
/*border:solid 3px;*/
margin-top:20px;
margin-top:20px;
Line 239: Line 131:
/* padding-top: px;*/
/* padding-top: px;*/
float:right;
float:right;
-
height:270px;
+
height:227px;
-
width:250px;
+
width:210px;
/*border:solid 3px;*/
/*border:solid 3px;*/
margin-top:20px;
margin-top:20px;
Line 247: Line 139:
#container_right{
#container_right{
-
height:270px;
+
height:240px;
padding-top:0px;
padding-top:0px;
width:650px;
width:650px;
Line 258: Line 150:
#container_left{
#container_left{
-
height:270px;
+
height:240px;
padding-top:0px;
padding-top:0px;
width:650px;
width:650px;
Line 453: Line 345:
  margin-top:10px;
  margin-top:10px;
}
}
 +
 +
#chassi{
 +
height:270px;
 +
width:800px;
 +
border:solid 3px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:10px;
 +
}
  #carotenoid{
  #carotenoid{
Line 623: Line 524:
/* CSS for attribution starts here*/
/* CSS for attribution starts here*/
 +
#attribution_title{
 +
height:30px;
 +
width:800px;
 +
border:solid 3px;
 +
float:left;
 +
overflow:auto;
 +
}
 +
 +
#sub_cont{
 +
width:100%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
border-bottom: 1px solid #22409a;
 +
margin-bottom: 10px;
 +
margin-top:10px;
 +
clear:both;
 +
position:relative;
 +
/*border: yellow solid 3px;*/
 +
}
  #attribution1{
  #attribution1{

Latest revision as of 16:43, 10 September 2013