Team:XMU-China/diapo.css
From 2013.igem.org
(33 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
box-shadow: 0 3px 6px #000; | box-shadow: 0 3px 6px #000; | ||
border:2px solid #0b0b0d; | border:2px solid #0b0b0d; | ||
- | height: | + | height: 500px; |
- | margin: | + | margin: 0px 0 0 0px; |
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
- | width: | + | width: 1335px; |
} | } | ||
.pix_diapo > div { | .pix_diapo > div { | ||
Line 47: | Line 47: | ||
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
- | width: | + | width: 1320px; |
z-index: 1002; | z-index: 1002; | ||
} | } | ||
Line 167: | Line 167: | ||
} | } | ||
.caption-txt{ | .caption-txt{ | ||
- | + | padding: 80px 0px 120px 25px; | |
- | + | font-size: 16px; | |
- | + | line-height: 63px; | |
+ | width: 400px; | ||
+ | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.69); | ||
} | } | ||
.caption-txt h2{ | .caption-txt h2{ | ||
background:url(https://static.igem.org/mediawiki/2013/c/c5/XmuSlider_seperator.png) no-repeat center bottom; | background:url(https://static.igem.org/mediawiki/2013/c/c5/XmuSlider_seperator.png) no-repeat center bottom; | ||
padding:0 0 20px 0; | padding:0 0 20px 0; | ||
- | font-size: | + | font-size:50px; |
color:#fefefe; | color:#fefefe; | ||
font-weight:normal; | font-weight:normal; |
Latest revision as of 17:37, 21 September 2013
.pix_diapo { background: #000 url() no-repeat center center; -moz-box-shadow: 0 3px 6px #000; -webkit-box-shadow: 0 3px 6px #000; box-shadow: 0 3px 6px #000; border:2px solid #0b0b0d; height: 500px; margin: 0px 0 0 0px; overflow: hidden; position: relative; width: 1335px; } .pix_diapo > div { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
- pix_prev, #pix_next {
cursor: pointer; display: block; height: 26px; margin-top: -20px; position: absolute; top: 50%; width: 16px; z-index: 1001; }
- pix_prev {
background: url() no-repeat top left; left: 10px; }
- pix_prev:hover{
background-position:bottom left; }
- pix_next {
background: url() no-repeat top right; left: auto!important; right: 10px!important; }
- pix_next:hover{
background-position:bottom right; }
- pix_pag {
margin: 0 auto; position: relative; width: 1320px; z-index: 1002; }
- pix_commands {
cursor: pointer; display: block; float: left; height: 26px; margin: 15px 0 0 13px; position: relative; width: 24px; }
- pix_play {
background: url(http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/css/images/diapo/play.html) center no-repeat; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }
- pix_stop {
background: url(http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/css/images/diapo/pause.html) center no-repeat; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }
- pix_pag_ul {
float: right; margin: 0; padding: 0; }
- pix_pag_ul > li {
cursor: pointer; display: block; .display: inline-block; float: left; list-style: none; margin: 0 10px 0 0; padding: 20px 8px 0; text-align: center; text-indent: -9999px; width: 16px; }
- pix_pag_ul > li > span {
background: #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; height: 16px; width: 16px; }
- pix_pag_ul > li:hover > span > span {
background: #ccc; }
- pix_pag_ul > li > span > span {
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; float: left; height: 8px; margin: 4px; width: 8px; }
- pix_pag_ul > li.diapocurrent > span > span {
background: #ff0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
- pix_pag_ul > li > .pix_thumb {
border: 4px solid #f2f2f2; .border: 4px solid #e6e6e6; border: 4px solid #e6e6e6\9; -moz-box-shadow: 0 1px 8px #000; -webkit-box-shadow: 0 1px 8px #000; box-shadow: 0 1px 8px #000; height: 58px;
left: -17px;
position: absolute; top: -40px; width: 58px; }
- pix_pag_ul > li > .thumb_arrow {
border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #e6e6e6;
top: 26px; left: 12px; position: absolute; } .pix_relativize { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .elemHover { position: absolute; } .caption { /* background: rgba(0, 0, 0, 0.8);
.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
- / background:url() no-repeat left center;
top: 0px; color: #fff; display: block; font-size: 13px; padding: 21px 10px 22px 10px; width: 900px; } .ui-loader { display: none; } .caption-txt{ padding: 80px 0px 120px 25px; font-size: 16px; line-height: 63px; width: 400px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.69); } .caption-txt h2{ background:url() no-repeat center bottom; padding:0 0 20px 0; font-size:50px; color:#fefefe; font-weight:normal; text-transform:uppercase; } .caption-txt a{ background:url() #A88A58 repeat-x; text-shadow:none; padding:5px 8px; color:#FFF; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; font-size:12px; } .caption-txt a:hover{ color:#FFF; background:#cf302d url() repeat-x; }