Team:NCTU Formosa/source/header-human practice
From 2014.igem.org
(Difference between revisions)
(One intermediate revision not shown) | |||
Line 227: | Line 227: | ||
background-color: #fbfbfb; | background-color: #fbfbfb; | ||
} | } | ||
+ | ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;} | ||
+ | li.bjqs-slide{position:absolute; display:none;} | ||
+ | ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;} | ||
+ | ul.bjqs-controls.v-centered li a{position:absolute;} | ||
+ | ul.bjqs-controls.v-centered li.bjqs-next a{right:0;} | ||
+ | ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;} | ||
+ | ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;} | ||
+ | ol.bjqs-markers.h-centered{text-align: center;} | ||
+ | ol.bjqs-markers li{display:inline;} | ||
+ | ol.bjqs-markers li a{display:inline-block;} | ||
+ | p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;color:black;} | ||
+ | |||
+ | #banner-fade, | ||
+ | #banner-slide{ | ||
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | |||
+ | .bjqs { | ||
+ | -moz-box-shadow: 0 0 5px #ccc; | ||
+ | -webkit-box-shadow: 0 0 5px #ccc; | ||
+ | box-shadow: 0 0 5px #ccc; | ||
+ | border: 5px solid #fff; | ||
+ | left: -5px; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | ul.bjqs-controls.v-centered li a{ | ||
+ | display:block; | ||
+ | padding:10px; | ||
+ | background:#fff; | ||
+ | color:#000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul.bjqs-controls.v-centered li a:hover{ | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ol.bjqs-markers li a{ | ||
+ | padding:5px 10px; | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | margin:5px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ol.bjqs-markers li.active-marker a, | ||
+ | ol.bjqs-markers li a:hover{ | ||
+ | background: #999; | ||
+ | } | ||
+ | |||
+ | p.bjqs-caption{ | ||
+ | background: rgba(255,255,255,0.5); | ||
+ | } | ||
+ | </style> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 284: | Line 340: | ||
height:1%; | height:1%; | ||
} | } | ||
- | |||
.no-js .slides > li:first-child{ | .no-js .slides > li:first-child{ | ||
display:block; | display:block; | ||
} | } | ||
+ | |||
.flexslider{ | .flexslider{ | ||
margin:0 0 60px; | margin:0 0 60px; | ||
Line 317: | Line 373: | ||
margin-right:5px; | margin-right:5px; | ||
} | } | ||
- | |||
.flexslider li { | .flexslider li { | ||
border: 0 none !important; | border: 0 none !important; | ||
Line 362: | Line 417: | ||
cursor:default; | cursor:default; | ||
} | } | ||
- | |||
.flex-control-nav{ | .flex-control-nav{ | ||
width:100%; | width:100%; | ||
Line 423: | Line 477: | ||
} | } | ||
</style> | </style> | ||
- | |||
<script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script> | <script type="text/javascript" src="http://project.dimpost.com/flexslider-carousel/jquery.flexslider-min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 439: | Line 492: | ||
}); | }); | ||
</script> | </script> | ||
- | + | ||
Latest revision as of 22:21, 17 October 2014