CSS/gifu/main
From 2014.igem.org
(Difference between revisions)
(46 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<meta http-equiv="Content-Script-Type" content="text/css"> | <meta http-equiv="Content-Script-Type" content="text/css"> | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | <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 14: | 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 23: | Line 21: | ||
{margin-left: 10px; | {margin-left: 10px; | ||
margin-right: 10px; | margin-right: 10px; | ||
- | font-family: | + | font-family:; |
font-color:black; | font-color:black; | ||
font-size:x-large; | font-size:x-large; | ||
Line 78: | 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 92: | 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 134: | 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 149: | 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 166: | 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 230: | Line 228: | ||
{margin-left:10px; | {margin-left:10px; | ||
margin-right:10px; | margin-right:10px; | ||
- | font-family: | + | font-family:; |
font-size:18px;} | font-size:18px;} | ||
Line 245: | Line 243: | ||
#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 260: | Line 269: | ||
left:5px; | left:5px; | ||
z-index:0; | z-index:0; | ||
+ | text-align:right; | ||
} | } | ||
Line 297: | Line 307: | ||
} | } | ||
+ | ul{font-size:16px; | ||
+ | } | ||
+ | |||
+ | .table { | ||
+ | text-align:center; | ||
+ | border-collapse:collapse; | ||
+ | empty-cells:show; | ||
+ | margin:auto; | ||
+ | |||
+ | } | ||
Line 302: | Line 322: | ||
{ | { | ||
font-size:large; | font-size:large; | ||
- | font-family: | + | font-family:; |
background-color:#f0f8ff | background-color:#f0f8ff | ||
Line 315: | Line 335: | ||
position:fixed; | position:fixed; | ||
bottom:15px; | bottom:15px; | ||
- | right: | + | right:20px; |
color:white; | color:white; | ||
- | font-size: | + | font-size:20px; |
- | + | width:150px; | |
- | width: | + | |
} | } | ||
Line 328: | Line 347: | ||
width:150px; | width:150px; | ||
} | } | ||
+ | |||
+ | #mada { | ||
+ | font-size:500%; | ||
+ | } | ||
</style> | </style> | ||
Line 345: | Line 368: | ||
img[1].src = "https://static.igem.org/mediawiki/2014/d/d4/Factory1.png"; | img[1].src = "https://static.igem.org/mediawiki/2014/d/d4/Factory1.png"; | ||
img[2] = new Image(); | img[2] = new Image(); | ||
- | img[2].src = "https://static.igem.org/mediawiki/2014/ | + | img[2].src = "https://static.igem.org/mediawiki/2014/7/70/Factory_go_top.png"; |
img[3] = new Image(); | img[3] = new Image(); | ||
img[3].src = "https://static.igem.org/mediawiki/2014/b/b3/Factory3.png"; | img[3].src = "https://static.igem.org/mediawiki/2014/b/b3/Factory3.png"; | ||
Line 359: | Line 382: | ||
function imgchangeB(){ | function imgchangeB(){ | ||
cnt=2 | cnt=2 | ||
+ | $("#factory").css("height","140px"); | ||
document.getElementById("factory").src=img[cnt].src; | document.getElementById("factory").src=img[cnt].src; | ||
}; | }; | ||
Line 372: | Line 396: | ||
<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://static.igem.org/mediawiki/2014/1/ | + | src="https://static.igem.org/mediawiki/2014/1/1c/IGEMlogo_gifu.png" height="80px" width="80px" > |
</img></a> | </img></a> | ||
- | |||
<div class="goTop"> | <div class="goTop"> | ||
- | |||
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1" | <img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" id ="factory" alt="factory1" | ||
onClick="imgchangeA()" | onClick="imgchangeA()" | ||
Line 383: | Line 405: | ||
></img> | ></img> | ||
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:05, 17 October 2014