CSS/gifu/main
From 2014.igem.org
(Difference between revisions)
(381 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
<head> | <head> | ||
+ | <meta http-equiv="Content-Script-Type" content="text/javascript"> | ||
+ | <meta http-equiv="Content-Script-Type" content="text/css"> | ||
+ | <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
Line 12: | Line 12: | ||
padding-top: 0px; | padding-top: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
- | font-family: | + | font-family:; |
color:white; | color:white; | ||
font-size:10%; | font-size:10%; | ||
Line 18: | Line 18: | ||
} | } | ||
- | h1, h2, h3, h4, h5 { font-family: | + | h1, h2, h3, h4, h5 |
- | + | {margin-left: 10px; | |
+ | margin-right: 10px; | ||
+ | font-family:; | ||
+ | font-color:black; | ||
+ | font-size:x-large; | ||
+ | text-decoration:none; | ||
+ | |||
} | } | ||
+ | |||
+ | |||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
Line 27: | Line 35: | ||
height: 14px; | height: 14px; | ||
z-index: 100; | z-index: 100; | ||
- | + | bottom: 0px; | |
- | position: | + | position: fixed; |
width: 975px; | width: 975px; | ||
left: 50%; | left: 50%; | ||
Line 40: | Line 48: | ||
display: block; | display: block; | ||
z-index: 10; | z-index: 10; | ||
- | position: | + | position: fixed; |
width: 100%; | width: 100%; | ||
- | + | bottom: 0px; | |
} | } | ||
Line 51: | Line 59: | ||
} | } | ||
- | |||
- | |||
- | |||
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
Line 71: | Line 76: | ||
#contentcontainer { /*-- creates container for all content on page --*/ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
- | font-family: | + | font-family:; |
font-weight: normal; | font-weight: normal; | ||
font-size: 14px; | font-size: 14px; | ||
Line 85: | Line 90: | ||
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
- | font-family: | + | font-family:; |
text-decoration: none; | text-decoration: none; | ||
color:#000; | color:#000; | ||
Line 127: | Line 132: | ||
.contentpara {margin-bottom: 30px;} | .contentpara {margin-bottom: 30px;} | ||
- | span.email{font-family: | + | span.email{font-family: ;} |
fieldset {border: 1px solid #337f53;} | fieldset {border: 1px solid #337f53;} | ||
Line 142: | Line 147: | ||
color: #414141; | color: #414141; | ||
font-size: 25px; | font-size: 25px; | ||
- | font-family: | + | font-family:; |
padding: 10px 15px 5px 10px; | padding: 10px 15px 5px 10px; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
Line 159: | Line 164: | ||
display: inline; | display: inline; | ||
font-size: 14px; | font-size: 14px; | ||
- | font-family: | + | font-family:; |
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
Line 217: | Line 222: | ||
.annItem li {list-style: none; margin: 5px} | .annItem li {list-style: none; margin: 5px} | ||
- | |||
- | |||
- | |||
- | |||
- | p { | + | |
- | + | ||
- | } | + | p |
+ | {margin-left:10px; | ||
+ | margin-right:10px; | ||
+ | font-family:; | ||
+ | font-size:18px;} | ||
#space { | #space { | ||
width: auto; | width: auto; | ||
- | height: | + | height: 150px; |
} | } | ||
+ | #spacehead{ | ||
+ | width: auto; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
#theme { | #theme { | ||
text-align:center; | text-align:center; | ||
- | font-size:xx-large; | + | font-size:400%; |
+ | text-shadow: 5px 5px 1px #c0c0c0; | ||
+ | } | ||
+ | |||
+ | .theme2 { | ||
+ | text-align:center; | ||
+ | font-size:270%; | ||
+ | } | ||
+ | |||
+ | .theme3 { | ||
+ | text-align:center; | ||
+ | font-size:xx-large; | ||
} | } | ||
#index { | #index { | ||
- | font-size: | + | font-size:120%; |
- | + | ||
list-style-type:none; | list-style-type:none; | ||
} | } | ||
+ | |||
+ | |||
#iGEMtop { | #iGEMtop { | ||
Line 247: | Line 269: | ||
left:5px; | left:5px; | ||
z-index:0; | z-index:0; | ||
+ | text-align:right; | ||
+ | } | ||
+ | |||
+ | #center { | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #trial { | ||
+ | color:#ff3710; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | {margin:0px; | ||
+ | padding:0px; | ||
+ | text-align:center; | ||
+ | background-color:#000000; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Universe12.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment:fixed; | ||
+ | background-size: cover; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #main | ||
+ | { | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | text-align:left; | ||
+ | width:70%; | ||
+ | background-color:#f0fff0; | ||
+ | border-radius: 20px; | ||
+ | font-size:16px; | ||
+ | font-family:Calibri; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | ul{font-size:16px; | ||
+ | } | ||
+ | |||
+ | .table { | ||
+ | text-align:center; | ||
+ | border-collapse:collapse; | ||
+ | empty-cells:show; | ||
+ | margin:auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .abc | ||
+ | { | ||
+ | font-size:large; | ||
+ | font-family:; | ||
+ | background-color:#f0f8ff | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .clear | ||
+ | { | ||
+ | clear:both;} | ||
+ | |||
+ | .goTop { | ||
+ | position:fixed; | ||
+ | bottom:15px; | ||
+ | right:20px; | ||
+ | color:white; | ||
+ | font-size:20px; | ||
+ | width:150px; | ||
+ | } | ||
+ | |||
+ | #factory { | ||
+ | visibility:visible; | ||
+ | cursor:pointer; | ||
+ | height:120px; | ||
+ | width:150px; | ||
+ | } | ||
+ | |||
+ | #mada { | ||
+ | font-size:500%; | ||
} | } | ||
</style> | </style> | ||
- | </ | + | <script type="text/javascript"> |
- | + | ||
- | <a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop" src="https://static.igem.org/mediawiki/ | + | $(function(){ |
+ | $(".goTop").click(function(){ | ||
+ | $("body,html").animate( | ||
+ | {scrollTop:0},800); | ||
+ | return false; | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | var img = new Array(); | ||
+ | |||
+ | img[1] = new Image(); | ||
+ | img[1].src = "https://static.igem.org/mediawiki/2014/d/d4/Factory1.png"; | ||
+ | img[2] = new Image(); | ||
+ | img[2].src = "https://static.igem.org/mediawiki/2014/7/70/Factory_go_top.png"; | ||
+ | img[3] = new Image(); | ||
+ | img[3].src = "https://static.igem.org/mediawiki/2014/b/b3/Factory3.png"; | ||
+ | |||
+ | var cnt = 1; | ||
+ | |||
+ | function imgchangeA(){ | ||
+ | cnt=3 | ||
+ | document.getElementById("factory").src=img[cnt].src; | ||
+ | $("#factory").css("height","170px"); | ||
+ | }; | ||
+ | |||
+ | function imgchangeB(){ | ||
+ | cnt=2 | ||
+ | $("#factory").css("height","140px"); | ||
+ | document.getElementById("factory").src=img[cnt].src; | ||
+ | }; | ||
+ | |||
+ | function imgchangeC(){ | ||
+ | cnt=1 | ||
+ | $("#factory").css("height","120px"); | ||
+ | document.getElementById("factory").src=img[cnt].src; | ||
+ | }; | ||
+ | |||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop" | ||
+ | src="https://static.igem.org/mediawiki/2014/1/1c/IGEMlogo_gifu.png" height="80px" width="80px" > | ||
+ | </img></a> | ||
+ | <div class="goTop"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1" | ||
+ | onClick="imgchangeA()" | ||
+ | onMouseOver="imgchangeB()" | ||
+ | onMouseOut="imgchangeC()" | ||
+ | ></img> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | <!-- | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" name="factory1" alt="factory1"></img> | ||
+ | <ing src="https://static.igem.org/mediawiki/2014/6/63/Factory2.png" name="factory2" alt="factory2"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" name="factory3" ait="factory3"></img> | ||
+ | --> |
Latest revision as of 08:05, 17 October 2014