From 2014.igem.org
(Difference between revisions)
|
|
Line 40: |
Line 40: |
| #ciesla { | | #ciesla { |
| float: left; | | float: left; |
- | /*width: 450px;*/ | + | width: 450px; |
| } | | } |
| | | |
Line 107: |
Line 107: |
| color:#FFFFFF; | | color:#FFFFFF; |
| } | | } |
- |
| |
- | .slidingpics {
| |
- | background-color: #000;
| |
- | clear: both;
| |
- | height: 420px;
| |
- | margin-left: auto;
| |
- | margin-left: auto;
| |
- | padding:10px;
| |
- | position:relative;
| |
- | z-index:1;
| |
- | overflow:hidden;
| |
- | padding-bottom:30px;
| |
- | }
| |
- |
| |
- | #images {
| |
- | width:600px;
| |
- | height:300px;
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | margin: 20px auto;
| |
- | }
| |
- | #images img {
| |
- | width:200px;
| |
- | height:300px;
| |
- | 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 {
| |
- | opacity:1;
| |
- | }
| |
- | #images img:first-child {
| |
- | opacity:0.5;
| |
- | }
| |
- | #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;
| |
- | }
| |
| | | |
| | | |
Revision as of 19:50, 25 July 2014