"
Template:Slider
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
<body> | <body> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<script language="javascript" type="text/javascript"> | <script language="javascript" type="text/javascript"> | ||
| Line 242: | Line 151: | ||
</script> | </script> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <style type="text/css"> | ||
| + | .webwidget_slideshow_dot{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | position: relative; | ||
| + | font-family: Arial,Sans-Serif; | ||
| + | font-size: 13px; | ||
| + | z-index: 4 ! important; | ||
| + | } | ||
| + | .webwidget_slideshow_dot a{ | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .webwidget_slideshow_dot a:hover{ | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .slides_box{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | overflow: hidden; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .title_thumb_box{ | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | bottom: 0px; | ||
| + | background:none !important; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .title_thumb_box .title_box{ | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .title_thumb_box .thumb_box{ | ||
| + | text-align: center; | ||
| + | height: 25px; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .title_thumb_box .thumb_box span{ | ||
| + | margin-right: 5px; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .webwidget_slideshow_dot .title_thumb_box .thumb_box span img{ | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .webwidget_slideshow_dot img{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | border: none; | ||
| + | } | ||
| + | .webwidget_slideshow_dot ul{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | position: absolute; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .webwidget_slideshow_dot ul li{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | float: left; | ||
| + | } | ||
| + | .webwidget_slideshow_dot ul li a{ | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | |||
| + | img.thumb_n { | ||
| + | float:right; | ||
| + | margin-right:30px; | ||
| + | width:4%; | ||
| + | } | ||
| + | img.thumb_p { | ||
| + | float:left; | ||
| + | margin-left:30px; | ||
| + | width:4%; | ||
| + | } | ||
| + | |||
| + | .title_thumb_box{ | ||
| + | margin-bottom:25%; | ||
| + | } | ||
| + | |||
| + | #demo3 .title_thumb_box{ | ||
| + | margin-bottom:18%; | ||
| + | } | ||
| + | #demo4 .title_thumb_box{ | ||
| + | margin-bottom:58%; | ||
| + | } | ||
| + | |||
| + | img.thumb_num{display:none;} | ||
| + | div.title_box{display:none;} | ||
| + | </style> | ||
Revision as of 16:53, 16 October 2014
