Template:CSS/team

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<style rel='stylesheet' type='text/css'>
<style rel='stylesheet' type='text/css'>
-
body {
+
.outerrect{
-
font-family:Palatino, Baskerville, Georgia, serif;
+
position:absolute;
-
background:#190121;
+
top:50px;
-
margin: 0;  
+
left:100px;
-
padding: 0;
+
width:200px;
-
text-align: center;  
+
height:200px;
-
color: #000000;
+
border:solid thick black;
 +
background-color:grey;
}
}
-
#container_team {
+
 
-
width: 780px;
+
.coverpic{
-
background: #FFFFFF;
+
position:absolute;
-
margin: 0 auto;  
+
top:0px;
-
font-size:14px;
+
left:0px;
-
+
width:200px;
-
text-align: left;  
+
height:100px;
-
}
+
border:solid thick black;
-
#mainContent {
+
background-color:orange;
-
padding: 0 60px;
+
-
min-height:600px;
+
-
line-height:25px
+
}
}
-
img {border:0px}
+
.textblock{
-
 
+
position:absolute;
-
 
+
top:100px;
-
 
+
left:0px;
-
 
+
width:200px;
-
/*LINKS*/
+
height:100px;
-
 
+
border:solid thick blue;
-
#mainContent a:link, #mainContent a:visited {color:#fff; text-decoration:none; font-size:18px; background:#000000; padding:5px; -webkit-border-radius:10px;
+
background-color:green;
-
-moz-border-radius:10px}
+
-
#mainContent a:hover, #mainContent a:active {color:#fff; text-decoration:none; font-size:18px; background:#333333; padding:5px; -webkit-border-radius:10px;
+
-
-moz-border-radius:10px}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*STYLES FOR CSS POPUP*/
+
-
 
+
-
 
+
-
#blanket {
+
-
  background-color:#111;
+
-
  opacity: 0.65;
+
-
  *background:none;
+
-
  position:absolute;
+
-
  z-index: 9001;
+
-
  top:0px;
+
-
  left:0px;
+
-
  width:100%;
+
}
}
-
#popUpDiv {
+
.profilepic{
-
position:absolute;
+
position:absolute;
-
background:url(https://static.igem.org/mediawiki/2014/0/08/Iitdigemlogo.png) no-repeat;
+
top:50px;
-
width:400px;
+
left:50px;
-
height:400px;
+
width:100px;
-
border:5px solid #000;
+
height:100px;
-
z-index: 9002;
+
border:solid thick black;
 +
background-color:yellow;
}
}
-
 
-
#popUpDiv a {position:relative; top:20px; left:20px}
 
-
 
-
 
-
 
</style>
</style>
</html>
</html>

Revision as of 20:39, 24 September 2014