"
Team:UCLA/Aal/Csstemplate
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | .container{ | ||
| + | width:800px; | ||
| + | height:400px; | ||
| + | padding:20px; | ||
| + | border:1px solid gray; | ||
| + | -webkit-box-sizing:border-box; | ||
| + | -moz-box-sizing:border-box; | ||
| + | box-sizing:border-box; | ||
| + | background: black; | ||
| + | } | ||
| + | .slider_wrapper{ | ||
| + | overflow: hidden; | ||
| + | position:relative; | ||
| + | height:280px; | ||
| + | top:auto; | ||
| + | } | ||
| + | #image_slider{ | ||
| + | |||
| + | position: relative; | ||
| + | height: auto; | ||
| + | list-style: none; | ||
| + | overflow: hidden; | ||
| + | float: left; | ||
| + | /*Chrom default padding for ul is 40px */ | ||
| + | padding:0px; | ||
| + | margin:0px; | ||
| + | } | ||
| + | #image_slider li{ | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | } | ||
| + | .nvgt{ | ||
| + | position:absolute; | ||
| + | top: 120px; | ||
| + | height: 50px; | ||
| + | width: 30px; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | .nvgt:hover{ | ||
| + | opacity: 0.9; | ||
| + | } | ||
| + | #prev{ | ||
| + | background: #000 url('https://dl.dropboxusercontent.com/u/65639888/image/prev.png') no-repeat center; | ||
| + | left: 0px; | ||
| + | } | ||
| + | #next{ | ||
| + | background: #000 url('https://dl.dropboxusercontent.com/u/65639888/image/next.png') no-repeat center; | ||
| + | right: 0px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
.test{ | .test{ | ||
background-color:red; | background-color:red; | ||
Latest revision as of 23:36, 8 September 2014
