From 2012e.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | | | |
| - | | + | <link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css"> |
| | <style type="text/css"> | | <style type="text/css"> |
| - | #container {
| |
| - | width:580px;
| |
| - | padding:10px;
| |
| - | margin:0 auto;
| |
| - | position:relative;
| |
| - | z-index:0;
| |
| - | }
| |
| | | | |
| - | #example {
| |
| - | width:600px;
| |
| - | height:350px;
| |
| - | position:relative;
| |
| - | }
| |
| - |
| |
| - | #ribbon {
| |
| - | position:absolute;
| |
| - | top:-3px;
| |
| - | left:-15px;
| |
| - | z-index:500;
| |
| - | }
| |
| - |
| |
| - | #frame {
| |
| - | position:absolute;
| |
| - | z-index:0;
| |
| - | width:739px;
| |
| - | height:341px;
| |
| - | top:-3px;
| |
| - | left:-80px;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | Slideshow
| |
| - | */
| |
| - |
| |
| - | #slides {
| |
| - | position:absolute;
| |
| - | top:15px;
| |
| - | left:4px;
| |
| - | z-index:100;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | Slides container
| |
| - | Important:
| |
| - | Set the width of your slides container
| |
| - | Set to display none, prevents content flash
| |
| - | */
| |
| - |
| |
| - | .slides_container {
| |
| - | width:570px;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | Each slide
| |
| - | Important:
| |
| - | Set the width of your slides
| |
| - | If height not specified height will be set by the slide content
| |
| - | Set to display block
| |
| - | */
| |
| - |
| |
| - | .slides_container div.slide {
| |
| - | width:570px;
| |
| - | height:270px;
| |
| - | display:block;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*
| |
| - | Next/prev buttons
| |
| - | */
| |
| - |
| |
| - | #slides .next,#slides .prev {
| |
| - | position:absolute;
| |
| - | top:107px;
| |
| - | left:-39px;
| |
| - | width:24px;
| |
| - | height:43px;
| |
| - | display:block;
| |
| - | z-index:101;
| |
| - | }
| |
| - |
| |
| - | #slides .next {
| |
| - | left:585px;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | Pagination
| |
| - | */
| |
| - |
| |
| - | .pagination {
| |
| - | margin:26px auto 0;
| |
| - | width:100px;
| |
| - | }
| |
| - |
| |
| - | .pagination li {
| |
| - | float:left;
| |
| - | margin:0 1px;
| |
| - | list-style:none;
| |
| - | }
| |
| - |
| |
| - | .pagination li a {
| |
| - | display:block;
| |
| - | width:12px;
| |
| - | height:0;
| |
| - | padding-top:12px;
| |
| - | background-image:url(../img/pagination.png);
| |
| - | background-position:0 0;
| |
| - | float:left;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - | .pagination li.current a {
| |
| - | background-position:0 -12px;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | Caption
| |
| - | */
| |
| - |
| |
| - | .caption {
| |
| - | z-index:500;
| |
| - | position:absolute;
| |
| - | bottom:-35px;
| |
| - | left:0;
| |
| - | height:30px;
| |
| - | padding:5px 20px 0 20px;
| |
| - | background:#000;
| |
| - | background:rgba(0,0,0,.5);
| |
| - | width:540px;
| |
| - | font-size:1.3em;
| |
| - | line-height:1.33;
| |
| - | color:#fff;
| |
| - | border-top:1px solid #000;
| |
| - | text-shadow:none;
| |
| - | }
| |
| | </style> | | </style> |
| | | | |
Revision as of 01:15, 13 September 2012
"
