Team:Baskent Meds
From 2013.igem.org
(Difference between revisions)
Line 169: | Line 169: | ||
--> | --> | ||
</style> | </style> | ||
+ | |||
+ | <!--buttonstu--> | ||
+ | <style type="text/css"> | ||
+ | .buttonstu { | ||
+ | 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; | ||
+ | } | ||
+ | .buttonstu: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; | ||
+ | }.buttonstu:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
+ | }</style> | ||
<link rel="stylesheet" href="http://82.196.14.10/liquids/css/animate.css"> | <link rel="stylesheet" href="http://82.196.14.10/liquids/css/animate.css"> | ||
Line 262: | Line 305: | ||
<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="buttonstu">stop</button> |
</div> | </div> | ||
Line 272: | Line 315: | ||
$('#main-slider').liquidSlider({pauseOnHover: true}); | $('#main-slider').liquidSlider({pauseOnHover: true}); | ||
- | $('. | + | $('.buttonstu').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:47, 7 September 2013