Template:Team:DukeTeam/CSS
From 2014.igem.org
(Difference between revisions)
Line 120: | Line 120: | ||
padding-bottom:30px; | padding-bottom:30px; | ||
} | } | ||
+ | |||
+ | #images { | ||
+ | width: 900px; | ||
+ | height: 350px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | margin: 20px auto; | ||
+ | } | ||
+ | #images img { | ||
+ | width: 900px; | ||
+ | height: 350px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: -400px; | ||
+ | z-index: 2; | ||
+ | opacity: 0; | ||
+ | transition: all linear 500ms; | ||
+ | -o-transition: all linear 500ms; | ||
+ | -moz-transition: all linear 500ms; | ||
+ | -webkit-transition: all linear 500ms; | ||
+ | } | ||
+ | #images img:target { | ||
+ | left: 0; | ||
+ | z-index: 9; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | #images img:first-child { | ||
+ | left: 0; | ||
+ | opacity:.9; | ||
+ | z-index:8; | ||
+ | } | ||
+ | #slider { | ||
+ | width:200px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | #slider a { | ||
+ | text-decoration: none; | ||
+ | background: #E3F1FA; | ||
+ | border: 1px solid #C6E4F2; | ||
+ | padding: 4px 6px; | ||
+ | color: #222; | ||
+ | } | ||
+ | #slider a:hover { | ||
+ | background: #C6E4F2; | ||
+ | } | ||
+ | |||
#teaminfo {} | #teaminfo {} |
Revision as of 19:00, 25 July 2014