CSS/gifu/main
From 2014.igem.org
(Difference between revisions)
(216 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/javascript"> | ||
<meta http-equiv="Content-Script-Type" content="text/css"> | <meta http-equiv="Content-Script-Type" content="text/css"> | ||
- | <script src=" | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> |
- | </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 18: | 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 24: | 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 57: | Line 59: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
Line 79: | 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 93: | 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 135: | 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 150: | 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 167: | 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 225: | 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; | ||
} | } | ||
Line 257: | Line 269: | ||
left:5px; | left:5px; | ||
z-index:0; | z-index:0; | ||
+ | text-align:right; | ||
} | } | ||
Line 268: | Line 281: | ||
body | body | ||
- | { | + | {margin:0px; |
- | + | padding:0px; | |
- | padding:0px; | + | text-align:center; |
- | background:#000000 | + | 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; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 305: | Line 299: | ||
text-align:left; | text-align:left; | ||
width:70%; | width:70%; | ||
- | background-color:# | + | 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; | ||
+ | |||
+ | } | ||
Line 313: | Line 322: | ||
{ | { | ||
font-size:large; | font-size:large; | ||
- | font-family: | + | font-family:; |
background-color:#f0f8ff | 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> | |
- | + | <script type="text/javascript"> | |
- | + | ||
- | + | ||
+ | $(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> | </head> | ||
<body> | <body> | ||
<a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop" | <a href="https://2014.igem.org/Main_Page"> <img id="iGEMtop" | ||
- | src="https:// | + | 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> | </body> | ||
- | https://static.igem.org/mediawiki/igem.org/6/ | + | </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