Team:CBNU-Korea/contenttest

From 2011.igem.org

(Difference between revisions)
 
Line 49: Line 49:
display:none;
display:none;
}
}
-
 
-
/* outermost element for the scroller (stays still) */
 
-
#scrollwrap {
 
-
position:relative;
 
-
overflow:hidden;
 
-
width: 750px;
 
-
height:150px;
 
-
border:1px solid #000;
 
-
margin-bottom:15px;
 
-
-moz-box-shadow:0 0 20px #666;
 
-
-webkit-box-shadow:0 0 20px #666;
 
-
}
 
-
 
-
/* the element that moves forward/backward */
 
-
#scroll {
 
-
position:relative;
 
-
width:20000em;
 
-
padding:20px 100px;
 
-
font:bold 90px  sans-serif;
 
-
height:150px;
 
-
background:url(../img/pattern.png);
 
-
color:#fff;
 
-
text-shadow:5px 1px 1px #000;
 
-
left:-100px;
 
-
}
 
-
 
-
.slider {
 
-
position:relative;
 
-
cursor:pointer;
 
-
height:1px;
 
-
border:2px solid #00118E;
 
-
width:748px;
 
-
-moz-border-radius:2px;
 
-
-webkit-border-radius:2px;
 
-
}
 
-
 
-
.progress {
 
-
background-color:#00118E;
 
-
height:3px;
 
-
position:absolute;
 
-
width:0;
 
-
}
 
-
 
-
.handle {
 
-
border:1px solid #cfcfcf;
 
-
background-color:#fff;
 
-
height:20px;
 
-
width:80px;
 
-
position:absolute;
 
-
top:-12px;
 
-
display:block;
 
-
cursor:move;
 
-
-moz-border-radius:14px;
 
-
-webkit-border-radius:14px;
 
-
}
 
-
 
-
.handle:active {
 
-
background:blue;
 
-
}
 
-
 
-
.range {
 
-
display:none;
 
-
}
 
-
 
</Style>
</Style>
</HEAD>
</HEAD>
Line 119: Line 55:
<div id="logo" style='position: absolute; left: 100px; top: 100px;'>
<div id="logo" style='position: absolute; left: 100px; top: 100px;'>
<img src="https://static.igem.org/mediawiki/2011/9/92/Synb_logo_001.png" width="398" height="65">
<img src="https://static.igem.org/mediawiki/2011/9/92/Synb_logo_001.png" width="398" height="65">
-
<!-- our scrollable element -->
 
-
<div id="scrollwrap">
 
-
<div id="scroll">
 
-
jQuery TOOLS 1.2.5 Rangeinput. HTML5 ranges for humans.
 
-
</div>
 
-
</div>
 
-
 
-
<!-- rangeinput that controls the scroll -->
 
-
<input type="range" max="2600" step="10" />
 
</div>
</div>
</body>
</body>
</HTML>
</HTML>

Latest revision as of 06:35, 17 September 2011

Retrieved from "http://2011.igem.org/Team:CBNU-Korea/contenttest"