Team:NCTU Formosa/source/header-project
From 2014.igem.org
(Difference between revisions)
Line 155: | Line 155: | ||
} | } | ||
</style> | </style> | ||
+ | <style> | ||
+ | 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;} | ||
+ | |||
+ | #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> | ||
+ | <script src="https://2014.igem.org/Template:Team:NCTU_Formosa/js/album?action=raw"></script> | ||
+ | <script> | ||
+ | jQuery(document).ready(function($) { | ||
+ | $('#banner-fade').bjqs({ | ||
+ | 'height' : 768, | ||
+ | 'width' : 1024, | ||
+ | 'responsive' : true | ||
+ | }); | ||
+ | });</script> | ||
<script> | <script> | ||
$(function(){ | $(function(){ |
Revision as of 12:25, 13 October 2014