Template:Team:Uppsala/chassi-style

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
 
  .chassi{
  .chassi{
Line 23: Line 22:
  border:yellow solid 3px;
  border:yellow solid 3px;
  margin-top:10px;
  margin-top:10px;
-
}
+
border:hidden;
-
 
+
-
#chassi_text_top{
+
-
height:150px;
+
-
width:900px;
+
-
border:solid 3px;
+
-
margin-top:10px;
+
  }
  }
  #shortcut_pic{
  #shortcut_pic{
-
  height:420px;
+
  height:400px;
-
  width:620px;
+
  width:600px;
-
  border:purple solid 3px;
+
  /*border:purple solid 3px;*/
  margin-top:10px;
  margin-top:10px;
  margin-left:auto;
  margin-left:auto;
  margin-right:auto;
  margin-right:auto;
-
  background-image:url(../Images/Chassiknappar/Background_chassi.png);
+
  background-image:url(https://static.igem.org/mediawiki/2013/c/c5/Uppsala2013_ChassiBackground.png);
  }
  }
Line 54: Line 47:
  height:420px;
  height:420px;
  width:200px;
  width:200px;
-
  border:solid 3px;
+
  /*border:solid 3px;*/
  float:right;
  float:right;
-
margin-right:10px;
 
  }
  }
Line 71: Line 63:
  height:120px;
  height:120px;
  width:120px;
  width:120px;
-
  border:solid 3px;
+
  /*border:solid 3px; */
  float:left;
  float:left;
  margin-left:30px;
  margin-left:30px;
Line 80: Line 72:
  height:120px;
  height:120px;
  width:120px;
  width:120px;
-
  border:solid 3px;
+
  /*border:solid 3px;*/
  float:left;
  float:left;
-
margin-left:30px;
+
margin-left:30px;
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#chassi_pic_signal{
+
#chassi_pic_signal{
-
height:120px;
+
height:120px;
-
width:120px;
+
width:120px;
-
border:solid 3px;
+
/*border:solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:30px;
+
margin-right:30px;
-
margin-top:10px;
+
margin-top:90px;
-
}
+
}
-
 
+
-
#chassi_pic_vector{
+
-
height:120px;
+
-
width:120px;
+
-
border:solid 3px;
+
-
float:right;
+
-
margin-right:30px;
+
-
margin-top:10px;
+
-
}
+
-
#chassi_text_mid{
+
#chassi_pic_vector{
-
height:150px;
+
height:120px;
-
width:900px;
+
width:120px;
-
border:solid 3px;
+
/*border:solid 3px;*/
-
margin-top:10px;
+
float:right;
-
}
+
margin-right:30px;
 +
margin-top:10px;
 +
}
-
#container_mini_pic{
+
#container_mini_pic{
-
height:960px;
+
height:960px;
-
width:900px;
+
width:900px;
-
border:solid green 3px;
+
/*border:solid green 3px;*/
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#promoter_title{
+
#promoter_title{
-
height:30px;
+
/*border:blue solid 3px;*/
-
width:100px;
+
overflow:auto;
-
/*border:blue solid 3px;*/
+
float:left;
-
overflow:auto;
+
margin-top:15px;
-
float:left;
+
}
-
margin-top:18px;
+
-
}
+
-
#reporter_title{
+
#reporter_title{
-
height:30px;
+
/*border:blue solid 3px;*/
-
width:150px;
+
overflow:auto;
-
/*border:blue solid 3px;*/
+
float:left;
-
overflow:auto;
+
margin-top:15px;
-
float:left;
+
}
-
margin-top:18px;
+
-
}
+
-
#toxin_title{
+
#toxin_title{
-
height:30px;
+
/*border:blue solid 3px;*/
-
width:150px;
+
overflow:auto;
-
/*border:blue solid 3px;*/
+
float:left;
-
overflow:auto;
+
margin-top:15px;
-
float:left;
+
}
-
margin-top:18px;
+
-
}
+
-
#vector_title{
+
#vector_title{
-
height:30px;
+
/*border:blue solid 3px;*/
-
width:85px;
+
overflow:auto;
-
/* border:blue solid 3px;*/
+
float:left;
-
overflow:auto;
+
margin-top:15px;
-
float:left;
+
}
-
margin-top:18px;
+
-
}
+
-
#signal_title{
+
#signal_title{
-
height:30px;
+
/*border:blue solid 3px;*/
-
width:150px;
+
overflow:auto;
-
/* border:blue solid 3px;*/
+
float:left;
-
overflow:auto;
+
margin-top:15px;
-
float:left;
+
}
-
margin-top:18px;
+
-
}
+
-
.promoter_pic{
+
.promoter_pic{
-
height:30px;
+
height:30px;
-
width:80px;
+
width:80px;
-
/* border:green solid 3px;*/
+
/*border:green solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:110px;
+
margin-right:123px;
-
}
+
margin-top:4px;
 +
}
-
.reporter_pic{
+
.reporter_pic{
-
height:30px;
+
height:30px;
-
width:80px;
+
width:80px;
-
/* border:green solid 3px;*/
+
/*border:green solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:60px;
+
margin-right:80px;
-
}
+
margin-top:5px;
 +
}
-
.toxin_pic{
+
.toxin_pic{
-
height:30px;
+
height:30px;
-
width:80px;
+
width:80px;
-
/* border:green solid 3px;*/
+
/*border:green solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:70px;
+
margin-right:90px;
-
}
+
margin-top:5px;
 +
}
-
.vector_pic{
+
.vector_pic{
-
height:30px;
+
height:30px;
-
width:70px;
+
width:70px;
-
/* border:green solid 3px;*/
+
/*border:green solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:135px;
+
margin-right:145px;
-
}
+
margin-top:7px;
 +
}
-
.signal_pic{
+
.signal_pic{
-
height:30px;
+
height:30px;
-
width:80px;
+
width:80px;
-
/* border:green solid 3px;*/
+
/*border:green solid 3px;*/
-
float:right;
+
float:right;
-
margin-right:70px;
+
margin-right:95px;
-
}
+
margin-top:5px;
 +
}
-
#promoter_div{
+
#promoter_div{
-
height:300;
+
height:300;
-
width:300;
+
width:300;
-
float:left;
+
float:left;
-
border:solid 3px;
+
border:solid 3px;
-
clear:both;
+
clear:both;
-
margin-left:100px;
+
margin-left:100px;
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#reporter_div{
+
#reporter_div{
-
height:300;
+
height:300;
-
width:300;
+
width:300;
-
float:right;
+
float:right;
-
border:solid 3px;
+
border:solid 3px;
-
margin-right:100px;
+
margin-right:100px;
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#toxin_div{
+
#toxin_div{
-
height:300;
+
height:300;
-
width:300;
+
width:300;
-
float:left;
+
float:left;
-
border:solid 3px;
+
border:solid 3px;
-
margin-left:100px;
+
margin-left:100px;
-
margin-top:10px;
+
margin-top:15px;
-
}
+
}
-
#vector_div{
+
#vector_div{
-
height:300;
+
height:300;
-
width:300;
+
width:300;
-
float:right;
+
float:right;
-
border:solid 3px;
+
border:solid 3px;
-
margin-right:100px;
+
margin-right:100px;
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#signal_div{
+
#signal_div{
-
height:300;
+
height:300;
-
width:300;
+
width:300;
-
float:right;
+
float:right;
-
border:solid 3px;
+
border:solid 3px;
-
margin-right:290px;
+
margin-right:290px;
-
margin-top:10px;
+
margin-top:10px;
-
}
+
}
-
#promoter_text{
+
#promoter_text{
-
height:250px;
+
height:250px;
-
width:295px;
+
width:295px;
-
border:solid 3px;
+
/* border:solid 3px;*/
-
margin-top:50px;
+
margin-top:52px;
-
margin-left:auto;
+
margin-left:auto;
-
margin-right:auto;
+
margin-right:auto;
-
}
+
}
-
#reporter_text{
+
#reporter_text{
-
height:250px;
+
height:250px;
-
width:295px;
+
width:295px;
-
border:solid 3px;
+
/*border:solid 3px;*/
-
margin-top:50px;
+
margin-top:52px;
-
margin-left:auto;
+
margin-left:auto;
-
margin-right:auto;
+
margin-right:auto;
-
}
+
}
 +
 
 +
#toxin_text{
 +
height:250px;
 +
width:295px;
 +
/*border:solid 3px;*/
 +
margin-top:52px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
 
 +
#vector_text{
 +
height:250px;
 +
width:295px;
 +
/*border:solid 3px;*/
 +
margin-top:52px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
 
 +
#signal_text{
 +
height:250px;
 +
width:295px;
 +
/*border:solid 3px;*/
 +
margin-top:52px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
 
 +
#chassi_mini_images{
 +
height:70px;
 +
width:150px;
 +
border:solid 1px;
 +
border:hidden;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:10px;
 +
}
 +
 
 +
.chassi_mini_images{
 +
height:70px;
 +
width:150px;
 +
}
-
#toxin_text{
+
.text_box_in_the_box
-
height:250px;
+
{
-
width:295px;
+
box-shadow: inset 0px 0px 35px rgba(110,110,110, .8);
-
border:solid 3px;
+
border-radius:15px;
-
margin-top:50px;
+
}
-
margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
-
#vector_text{
+
.text_box_in_the_box:hover
-
height:250px;
+
{
-
width:295px;
+
box-shadow: 0px 0px 35px rgba(110,110,110, .8);
-
border:solid 3px;
+
}
-
margin-top:50px;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
-
#signal_text{
 
-
height:250px;
 
-
width:295px;
 
-
border:solid 3px;
 
-
margin-top:50px;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
#chassi_text_bottom{
 
-
height:200px;
 
-
width:900px;
 
-
border:solid 3px;
 
-
margin-top:10px;
 
-
}
 
</style>
</style>

Latest revision as of 22:29, 2 October 2013

Retrieved from "http://2013.igem.org/Template:Team:Uppsala/chassi-style"