Team:Baskent Meds
From 2013.igem.org
(Difference between revisions)
Line 209: | Line 209: | ||
background-color:#000000; | background-color:#000000; | ||
}.buttonstu:active { | }.buttonstu:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
+ | }</style> | ||
+ | |||
+ | <!--btn--> | ||
+ | <style type="text/css"> | ||
+ | .btn { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | -webkit-border-top-left-radius:5px; | ||
+ | -moz-border-radius-topleft:5px; | ||
+ | border-top-left-radius:5px; | ||
+ | -webkit-border-top-right-radius:5px; | ||
+ | -moz-border-radius-topright:5px; | ||
+ | border-top-right-radius:5px; | ||
+ | -webkit-border-bottom-right-radius:5px; | ||
+ | -moz-border-radius-bottomright:5px; | ||
+ | border-bottom-right-radius:5px; | ||
+ | -webkit-border-bottom-left-radius:5px; | ||
+ | -moz-border-radius-bottomleft:5px; | ||
+ | border-bottom-left-radius:5px; | ||
+ | text-indent:0; | ||
+ | border:1px solid #050505; | ||
+ | display:inline-block; | ||
+ | color:#ffffff; | ||
+ | font-family:Arial; | ||
+ | font-size:15px; | ||
+ | font-weight:bold; | ||
+ | font-style:normal; | ||
+ | height:31px; | ||
+ | line-height:31px; | ||
+ | width:93px; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .btn:hover { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | }.btn:active { | ||
position:relative; | position:relative; | ||
top:1px; | top:1px; | ||
Line 305: | Line 348: | ||
<button href="#left" class="buttonstu" data-liquidslider-ref="main-slider">left</button> | <button href="#left" class="buttonstu" data-liquidslider-ref="main-slider">left</button> | ||
<button href="#right" class="buttonstu" data-liquidslider-ref="main-slider">right</button> | <button href="#right" class="buttonstu" data-liquidslider-ref="main-slider">right</button> | ||
- | <button class=" | + | <button class="btn">stop</button> |
</div> | </div> | ||
Line 315: | Line 358: | ||
$('#main-slider').liquidSlider({pauseOnHover: true}); | $('#main-slider').liquidSlider({pauseOnHover: true}); | ||
- | $('. | + | $('.btn').on('click', function() { |
var api = $.data( $('#main-slider')[0], 'liquidSlider'), | var api = $.data( $('#main-slider')[0], 'liquidSlider'), | ||
text = $(this).text() === 'Start' ? 'Stop' : 'Start'; | text = $(this).text() === 'Start' ? 'Stop' : 'Start'; |
Revision as of 14:48, 7 September 2013