Team:Columbia-Cooper-NYC/Template/Test
From 2012.igem.org
(Difference between revisions)
(Blanked the page) |
|||
(36 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> | ||
+ | <script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.min.js&action=raw&ctype=text/javascript></script> | ||
+ | <script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.js&action=raw&ctype=text/javascript></script> | ||
+ | <link rel="stylesheet" href="https://igem.org/User:Ssharif/coin-slider-style.css&action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
+ | /*background image*/ | ||
+ | body | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/b/bf/Pat_bg3.png'); | ||
+ | min-height:100%; | ||
+ | height:100%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | /* no iGEM logo */ | ||
+ | div#p-logo | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#top-section | ||
+ | { | ||
+ | height:150px; | ||
+ | background-size: 975px 150px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/8/83/Ban1.png'); | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | /* no search */ | ||
+ | div#search-controls | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /*footer*/ | ||
+ | div#footer-box | ||
+ | { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background: transparent; | ||
+ | border: none; | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3 | ||
+ | { | ||
+ | color:#FFF200; | ||
+ | border-bottom-width:0px; | ||
+ | } | ||
+ | h1 | ||
+ | { | ||
+ | font-family:"Terminal Dosis Light", sans-serif; | ||
+ | font-size:17pt; | ||
+ | letter-spacing:1px; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | h1.firstHeading | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | h2 | ||
+ | { | ||
+ | font-family:"Open Sans Condensed", sans-serif; | ||
+ | font-size:15pt; | ||
+ | } | ||
+ | h3 | ||
+ | { | ||
+ | font-family:"Open Sans Condensed", sans-serif; | ||
+ | font-size:13pt; | ||
+ | } | ||
+ | p, li, td | ||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#D0D0D0; | ||
+ | } | ||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/d/d9/Pat_bg.png'); | ||
+ | } | ||
+ | |||
+ | #content | ||
+ | { | ||
+ | background-color:#3F3E40; | ||
+ | text-align:center; | ||
+ | border-style:solid; | ||
+ | border-color:#707070; | ||
+ | border-width: 1px 1px 1px 1px; | ||
+ | } | ||
+ | a | ||
+ | |||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#313436; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | a:visited | ||
+ | { | ||
+ | color:#BBBBBB; | ||
+ | } | ||
+ | strong.selflink | ||
+ | { | ||
+ | font-family:"Tahoma", sans-serif; | ||
+ | font-size:11pt; | ||
+ | color:#FFF200; | ||
+ | font-weight:normal | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | background-color:#3F3E40; | ||
+ | border-width:0px; | ||
+ | } | ||
+ | div.column | ||
+ | { | ||
+ | text-align: left; | ||
+ | width:340px; | ||
+ | margin:50px; | ||
+ | padding:20px; | ||
+ | float:left; | ||
+ | } | ||
+ | div#circlemenu | ||
+ | { | ||
+ | margin:auto; | ||
+ | height:125px; | ||
+ | } | ||
+ | div#circlemenuwrapper | ||
+ | { | ||
+ | position:relative; | ||
+ | text-align: center; | ||
+ | } | ||
+ | div.pic | ||
+ | { | ||
+ | float:left; | ||
+ | width:380px; | ||
+ | height:300px; | ||
+ | margin:50px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100%; | ||
+ | } | ||
+ | div.picinfo | ||
+ | { | ||
+ | text-align:left; | ||
+ | float:right; | ||
+ | width:380px; | ||
+ | height:300px; | ||
+ | margin:50px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-size:100%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div id='coin-slider'> | ||
+ | <a href="img01_url" target="_blank"> | ||
+ | <img src='' > | ||
+ | <span> | ||
+ | Description for img01 | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | <a href="imgN_url"> | ||
+ | <img src='http://farm9.staticflickr.com/8039/7987219806_9c7a481a41_b.jpg' > | ||
+ | <span> | ||
+ | Description for imgN | ||
+ | </span> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#coin-slider').coinslider(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 23:54, 28 September 2012