Team:Potsdam Bioware/slider

From 2012.igem.org

(Difference between revisions)
Line 63: Line 63:
right: 20px;
right: 20px;
}
}
 +
-
 
-
 
-
#header {
 
-
background: #000;
 
-
padding: 20px;
 
-
color: #fff;
 
-
}
 
-
 
-
#header a {
 
-
opacity: 1 !important;
 
-
color: #fff;
 
-
font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
 
-
font-size: 20px;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#header img {
 
-
width: 150px;
 
-
height: 33px;
 
-
float: none;
 
-
}
 
-
 
-
 
-
#header .button {
 
-
text-decoration: none;
 
-
color: #fff;
 
-
font-weight: bold;
 
-
padding: 12px 20px;
 
-
font-size: 18px;
 
-
border-radius: 10px;
 
-
background-color: #666666;
 
-
box-shadow: 0 5px 5px #313131, 0 2px 0 #393939, inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 
-
position: relative;
 
-
border-bottom: 1px solid rgba(255,255,255,0.2);
 
-
display: inline-block;
 
-
float: right;
 
-
position: relative;
 
-
bottom: 5px;
 
-
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
 
-
}
 
-
 
-
#header .button:hover {
 
-
box-shadow: 0 5px 5px #313131, 0 2px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 
-
}
 
-
 
-
#header .blue {
 
-
background: #2a8ad8;
 
-
box-shadow: 0 2px 0 #25325e, inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 
-
}
 
-
#header .blue:hover {
 
-
box-shadow: 0 2px 0 #25325e, inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 
-
}
 
-
#header .blue:active {
 
-
box-shadow: 0 2px 0 #25325e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
 
-
}
 
</style>
</style>
Line 129: Line 74:
<div id="image-1">
<div id="image-1">
-
Some text and image
+
<a href=""><img src="https://static.igem.org/mediawiki/2012/3/3e/UP12June.jpg"/></a>
<a class="slider-nav" href="#image-1"></a>
<a class="slider-nav" href="#image-1"></a>
</div>
</div>
<div id="image-2">
<div id="image-2">
-
More
+
<a href=""><img src="https://static.igem.org/mediawiki/2012/2/24/UP12July.jpg"/></a>
<a class="slider-nav" href="#image-2"></a>
<a class="slider-nav" href="#image-2"></a>
</div>
</div>
<div id="image-3">
<div id="image-3">
-
even more
+
<p>even more</p>
<a class="slider-nav" href="#image-3"></a>
<a class="slider-nav" href="#image-3"></a>
</div>
</div>
<div id="image-4">
<div id="image-4">
-
the last
+
<p>the last</p>
<a class="slider-nav" href="#image-4"></a>
<a class="slider-nav" href="#image-4"></a>
</div>
</div>

Revision as of 16:25, 22 September 2012

even more

the last

Retrieved from "http://2012.igem.org/Team:Potsdam_Bioware/slider"