Template:Team:KIT-Kyoto/Common
From 2014.igem.org
(Difference between revisions)
(75 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | *{ | ||
+ | font-family:'Lucida Grande', | ||
+ | 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', | ||
+ | Meiryo, メイリオ, sans-serif; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | .sentence a{ | ||
+ | color: rgb(0,20,300); | ||
+ | } | ||
+ | |||
#contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { | #contentSub, #footer-box, #catlinks,#search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { | ||
display: none; | display: none; | ||
} | } | ||
+ | #top-section li,#top-section a{ | ||
+ | font-size:13px; | ||
+ | } | ||
+ | #menubar ul{ | ||
+ | line-height:1em; | ||
+ | } | ||
#menubar ul li a:link,#menubar ul li a:visited,#menubar ul li a:active{ | #menubar ul li a:link,#menubar ul li a:visited,#menubar ul li a:active{ | ||
color:gray; | color:gray; | ||
Line 13: | Line 29: | ||
} | } | ||
- | + | #bgimg { | |
position: fixed; | position: fixed; | ||
left:0; | left:0; | ||
Line 22: | Line 38: | ||
} | } | ||
- | + | #bgimg img { | |
position: fixed; | position: fixed; | ||
min-height: 100%; | min-height: 100%; | ||
Line 41: | Line 57: | ||
position:relative; | position:relative; | ||
width:70%; | width:70%; | ||
+ | min-width:730px; | ||
+ | max-width:930px; | ||
margin:100px auto; | margin:100px auto; | ||
- | background-color:rgba(300,300,300,0. | + | background-color:rgba(300,300,300,0.85); |
overflow:hidden; | overflow:hidden; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.sentence{ | .sentence{ | ||
font-family:'Lucida Grande', | font-family:'Lucida Grande', | ||
Line 59: | Line 69: | ||
Meiryo, メイリオ, sans-serif; | Meiryo, メイリオ, sans-serif; | ||
text-align:justify; | text-align:justify; | ||
+ | line-height:2em; | ||
+ | text-indent:1em; | ||
+ | } | ||
+ | |||
+ | .sentence span{ | ||
+ | border-bottom:2px solid rgba(300,0,0,0.5); | ||
} | } | ||
Line 80: | Line 96: | ||
padding-left:10px; | padding-left:10px; | ||
list-style:disc; | list-style:disc; | ||
+ | font-family:'Lucida Grande', | ||
+ | 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', | ||
+ | Meiryo, メイリオ, sans-serif; | ||
} | } | ||
Line 85: | Line 104: | ||
padding-left:10px; | padding-left:10px; | ||
list-style:decimal; | list-style:decimal; | ||
+ | font-family:'Lucida Grande', | ||
+ | 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', | ||
+ | Meiryo, メイリオ, sans-serif; | ||
+ | line-height:2em; | ||
} | } | ||
Line 90: | Line 113: | ||
padding-left:10px; | padding-left:10px; | ||
list-style:none; | list-style:none; | ||
+ | font-family:'Lucida Grande', | ||
+ | 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', | ||
+ | Meiryo, メイリオ, sans-serif; | ||
} | } | ||
Line 96: | Line 122: | ||
margin:14px -10px -10px -15px; | margin:14px -10px -10px -15px; | ||
z-index:1; | z-index:1; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 110: | Line 130: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | h1, h2, h3, h4, h5 { | |
- | + | font-family:'Lucida Grande', | |
- | + | 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', | |
- | + | Meiryo, メイリオ, sans-serif; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | h1{ | |
- | + | font-size:40px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | h1 | + | |
- | font- | + | |
} | } | ||
Line 181: | Line 144: | ||
padding-left:10px; | padding-left:10px; | ||
border-left:5px solid rgba(0,200,100,0.8); | border-left:5px solid rgba(0,200,100,0.8); | ||
+ | font-size:30px; | ||
+ | font-weight:bold; | ||
} | } | ||
h2 a{ | h2 a{ | ||
display:block; | display:block; | ||
+ | font-size:30px; | ||
+ | font-weight:bold; | ||
cursor:text; | cursor:text; | ||
} | } | ||
Line 192: | Line 159: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
#top-section { | #top-section { | ||
background-color: #383838; | background-color: #383838; | ||
Line 246: | Line 214: | ||
display:inline; | display:inline; | ||
list-style:none; | list-style:none; | ||
- | margin:2px | + | margin:2px 1%; |
+ | font-size:12px; | ||
} | } | ||
Line 275: | Line 244: | ||
.clear hr { | .clear hr { | ||
display:none; | display:none; | ||
+ | } | ||
+ | .mimg1{ | ||
+ | width: 240px; | ||
+ | } | ||
+ | .mimg2{ | ||
+ | width:400px; | ||
+ | } | ||
+ | figure.mimg1,.mimg2 { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | background: #37e996; | ||
+ | margin:10px; | ||
+ | } | ||
+ | figure.mimg1 img,figure.mimg2 img { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | -webkit-transition: .3s; | ||
+ | transition: .3s; | ||
+ | } | ||
+ | figcaption.mcap1 ,figcaption.mcap2{ | ||
+ | position: absolute; | ||
+ | bottom: -70px; | ||
+ | left: 0; | ||
+ | z-index: 2; | ||
+ | width:100%; | ||
+ | height: 70px; | ||
+ | background: #37e996; | ||
+ | -webkit-transition: .3s; | ||
+ | transition: .3s; | ||
+ | } | ||
+ | .mimg1:hover img ,.mimg2:hover img{ | ||
+ | -webkit-transform: translateY(-40px); | ||
+ | transform: translateY(-40px); | ||
+ | } | ||
+ | .mimg1:hover figcaption ,.mimg2:hover figcaption{ | ||
+ | bottom: 0; | ||
+ | -webkit-transform: translateY(-30px); | ||
+ | transform: translateY(-30px); | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 18:15, 17 October 2014