|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <body> | | <body> |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- |
| |
- | /*
| |
- | @charset "utf-8";
| |
- |
| |
- |
| |
- | CSS Document */
| |
- |
| |
- | .lof-slidecontent, .lof-slidecontent a {
| |
- | color:#FFF;
| |
- | }
| |
- | .lof-slidecontent a.readmore{
| |
- | color:#58B1EA;
| |
- | font-size:95%;
| |
- |
| |
- | }
| |
- | .lof-slidecontent{
| |
- | position:relative;
| |
- | overflow:hidden;
| |
- | border:#F4F4F4 solid 1px;
| |
- | margin: 0 auto 30px auto;
| |
- | border-radius: 4px;
| |
- | }
| |
- | .lof-slidecontent .preload{
| |
- | height:100%;
| |
- | width:100%;
| |
- | position:absolute;
| |
- | top:0;
| |
- | left:0;
| |
- | z-index:100000;
| |
- | text-align:center;
| |
- | background:#FFF
| |
- | }
| |
- | .lof-slidecontent .preload div{
| |
- | height:100%;
| |
- | width:100%;
| |
- | background:transparent url(https://static.igem.org/mediawiki/2011/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
| |
- | }
| |
- | .lof-main-outer{
| |
- | position:relative;
| |
- | height:340px;
| |
- | width:760px;
| |
- | z-index:3px;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- |
| |
- | /*******************************************************/
| |
- | .lof-main-item-desc{
| |
- | z-index:100px;
| |
- | position:absolute;
| |
- | top:0;
| |
- | left:0px;
| |
- | background:url(https://static.igem.org/mediawiki/2011/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
| |
- | /*height:20px;*/
| |
- | width:100%;
| |
- | /* filter:0.7(opacity:60) */
| |
- | padding:12px;
| |
- | overflow: hidden;
| |
- | }
| |
- | .lof-main-item-desc p{
| |
- | margin:0 8px;
| |
- | padding:0 0;
| |
- | font-size: small;
| |
- | line-height: 1.2em;
| |
- | }
| |
- | .lof-main-item-desc h3{
| |
- | padding:0;
| |
- | margin:0;
| |
- | color: #fff;
| |
- | font-size: small;
| |
- | border-left: none;
| |
- | }
| |
- | .lof-main-item-desc h2{
| |
- | padding:0;
| |
- | margin:0;
| |
- | color: #fff;
| |
- | border-bottom: none;
| |
- | font-weight:bold;
| |
- | }
| |
- | .lof-main-item-desc h3 a{
| |
- | margin:0;
| |
- | background:#C01F25;
| |
- | font-size:75%;
| |
- | padding:2px 3px;
| |
- | font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
| |
- | text-transform:uppercase;
| |
- | text-decoration:none
| |
- | }
| |
- | .lof-main-item-desc h3 a:hover{
| |
- |
| |
- | text-decoration:underline;
| |
- | }
| |
- | .lof-main-item-desc h3 i {
| |
- | font-size:70%;
| |
- | }
| |
- |
| |
- | /* main flash */
| |
- | ul.lof-main-wapper{
| |
- | /* margin-right:auto; */
| |
- | overflow:hidden;
| |
- | background:transparent url(https://static.igem.org/mediawiki/2011/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
| |
- | padding:0px;
| |
- | margin:0;
| |
- | position:absolute;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- | ul.lof-main-wapper li{
| |
- | overflow:hidden;
| |
- | padding:0px;
| |
- | margin:0px;
| |
- | float:left;
| |
- | position:relative;
| |
- | }
| |
- | .lof-opacity li{
| |
- | position:absolute;
| |
- | top:0;
| |
- | left:0;
| |
- | float:inherit;
| |
- | }
| |
- | ul.lof-main-wapper li img{
| |
- | padding:0px;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /* item navigator */
| |
- | .lof-navigator-wapper {
| |
- | position:absolute;
| |
- | bottom:10px;
| |
- | left:10px;
| |
- | width:740px;
| |
- | height:40px;
| |
- | background:url(https://static.igem.org/mediawiki/2011/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
| |
- | padding:5px 0 0 5px;
| |
- | }
| |
- | .lof-navigator-outer{
| |
- | position:relative;
| |
- | z-index:100;
| |
- | /*height:60px;
| |
- | width:780px;*/
| |
- | overflow:hidden;
| |
- | color:#FFF;
| |
- | /*float:left */
| |
- | }
| |
- | ul.lof-navigator{
| |
- | top:0;
| |
- | padding:0;
| |
- | margin:0;
| |
- | /*position:absolute;
| |
- | width:600px;*/
| |
- | }
| |
- | ul.lof-navigator li{
| |
- | cursor:hand;
| |
- | cursor:pointer;
| |
- | list-style:none;
| |
- | padding:0;
| |
- | margin-left:0px;
| |
- | overflow:hidden;
| |
- | float:left;
| |
- | display:block;
| |
- |
| |
- | text-align:center;
| |
- |
| |
- | }
| |
- | ul.lof-navigator li img{
| |
- | border:#666 solid 3px;
| |
- | }
| |
- | ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
| |
- | border:#A8A8A8 solid 3px;
| |
- | }
| |
- | .lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{
| |
- | display:block;
| |
- | width:22px;
| |
- | height:30px;
| |
- | color:#FFF;
| |
- | cursor:pointer;
| |
- |
| |
- | }
| |
- | .lof-navigator-wapper .lof-next {
| |
- | float:left;
| |
- | text-indent:-999px;
| |
- | margin-right:5px;
| |
- | background:url(https://static.igem.org/mediawiki/2011/9/9c/IGEM_HokkaidoU_Index_Slideshow_Arrow-l.png) no-repeat right center;
| |
- | }
| |
- | .lof-navigator-wapper .lof-previous {
| |
- | float:left;
| |
- | text-indent:-999px;
| |
- | margin-left:5px;
| |
- | background:url(https://static.igem.org/mediawiki/2011/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | #hokkaidou-container{
| |
- | width: 780px;
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #hokkaidou-content
| |
- | {
| |
- | zoom: 1;
| |
- | }
| |
- | #hokkaidou-content:after
| |
- | {
| |
- | content: "";
| |
- | }
| |
- | #hokkaidou-content #hokkaidou-right-content
| |
- | {
| |
- | /*float: right;
| |
- | width: 680px; */
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
| + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script> |
| | | |
| + | <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" /> |
| | | |
| | | |
Line 348: |
Line 117: |
| | | |
| | | |
- | <script type="text/javascript">
| |
- | $(document).ready(function () {
| |
| | | |
| | | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <script type="text/javascript"> |
| + | $(document).ready(function () { |
| | | |
| | | |