Team:UNIK Copenhagen/Signe page

From 2013.igem.org

(Difference between revisions)
m
m
Line 6: Line 6:
<style type="text/css">
<style type="text/css">
 +
 +
#the_content_2{
 +
margin: auto;
 +
padding: 0px;
 +
z-index: 93;
 +
}
#container{
#container{
position: relative;
position: relative;
Line 12: Line 18:
background-color: #99ff99;
background-color: #99ff99;
overflow: hidden;
overflow: hidden;
 +
z-index: inherit;
}
}
#subcontainer{
#subcontainer{
Line 18: Line 25:
width: 10000px;
width: 10000px;
position: absolute;
position: absolute;
 +
z-index: inherit;
 +
}
}
.pictures{
.pictures{
Line 26: Line 35:
width: 900px;
width: 900px;
height: 450px;
height: 450px;
-
word-wrap: break-word;
+
z-index: inherit;
 +
 
}
}
#photo{
#photo{
Line 34: Line 44:
top: inherit;
top: inherit;
left: inherit;
left: inherit;
-
z-index: 80;
+
z-index: inherit;
 +
 
}
}
#buttons{
#buttons{
-
z-index: 93;
+
z-index: inherit;
}
}
#group_text{
#group_text{
Line 48: Line 59:
padding: 10px;
padding: 10px;
padding-bottom: 25px;
padding-bottom: 25px;
 +
z-index: inherit;
 +
/*background-color: rgba(0, 51, 51, 0.8);*/
/*background-color: rgba(0, 51, 51, 0.8);*/
Line 57: Line 70:
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* W3C */
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0) 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
-
 
-
z-index: 90;
 
color: white;
color: white;
font: bold 20px Helvetica;
font: bold 20px Helvetica;
Line 93: Line 104:
<body>
<body>
 +
<div id=big_container>
<div id="container">
<div id="container">
<ul id="subcontainer">
<ul id="subcontainer">
Line 121: Line 133:
<input type="button" value="2" id="photo2"></input>
<input type="button" value="2" id="photo2"></input>
<input type="button" value="3" id="photo3"></input>
<input type="button" value="3" id="photo3"></input>
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 13:52, 8 August 2013


  • Write a headline here

    Write more stuff here and make the pictures into links

  • Write a headline here

    Write even more stuff here and put < > buttons in both sides

  • Write a headline here

    Write more stuff here and make an automatic cycle of slides