Template:Team:KIT-Kyoto/mobile
From 2014.igem.org
(Difference between revisions)
(15 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<ul class="m_menu_left"> | <ul class="m_menu_left"> | ||
<li><a href="/Team:KIT-Kyoto">Home</a></li> | <li><a href="/Team:KIT-Kyoto">Home</a></li> | ||
- | <li><a href="/Team:KIT-Kyoto/About">About | + | <li><a href="/Team:KIT-Kyoto/About">About Us</a></li> |
+ | <li><a href="/Team:KIT-Kyoto/Acknowledgements">Acknowledgements</a></li> | ||
<li><a href="/Team:KIT-Kyoto/Project">Project</a></li> | <li><a href="/Team:KIT-Kyoto/Project">Project</a></li> | ||
- | <li><a href="/Team:KIT-Kyoto/ | + | <li><a href="/Team:KIT-Kyoto/Parts">Parts</a></li> |
- | + | ||
</ul> | </ul> | ||
<ul class="m_menu_right"> | <ul class="m_menu_right"> | ||
+ | <li><a href="/Team:KIT-Kyoto/Modeling">Modeling</a></li> | ||
<li><a href="/Team:KIT-Kyoto/HumanPractice">Policy&Practices</a></li> | <li><a href="/Team:KIT-Kyoto/HumanPractice">Policy&Practices</a></li> | ||
<li><a href="/Team:KIT-Kyoto/Safety">Safety</a></li> | <li><a href="/Team:KIT-Kyoto/Safety">Safety</a></li> | ||
- | |||
<li><a href="/Team:KIT-Kyoto/Achievement">Achievement</a></li> | <li><a href="/Team:KIT-Kyoto/Achievement">Achievement</a></li> | ||
+ | <li><a href="/Team:KIT-Kyoto/Notebook">Notebook</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 122: | Line 123: | ||
top:50px; | top:50px; | ||
width: 100%; | width: 100%; | ||
- | background: rgba(0,0,0,0. | + | background: rgba(0,0,0,0.8); |
color: #999; | color: #999; | ||
overflow: hidden; | overflow: hidden; | ||
Line 153: | Line 154: | ||
padding: 3px 20px; | padding: 3px 20px; | ||
height: 30px; | height: 30px; | ||
- | border-bottom: 1px solid rgba(0,200,0,0. | + | border-bottom: 1px solid rgba(0,200,0,0.3); |
line-height: 40px; | line-height: 40px; | ||
font-size: 15px; | font-size: 15px; | ||
Line 161: | Line 162: | ||
background: #333; | background: #333; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
@media screen and (max-width: 568px) { | @media screen and (max-width: 568px) { | ||
+ | *{ | ||
+ | font-size:14px; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | font-size:30px; | ||
+ | } | ||
+ | h2{ | ||
+ | font-size:22px; | ||
+ | } | ||
+ | h2 a{ | ||
+ | font-size:22px; | ||
+ | } | ||
+ | h2 em{ | ||
+ | font-size:22px; | ||
+ | } | ||
div#mobilemenu{ | div#mobilemenu{ | ||
display:inline; | display:inline; | ||
Line 209: | Line 224: | ||
.sentence,ul.procedure{ | .sentence,ul.procedure{ | ||
font-size:13px; | font-size:13px; | ||
+ | line-height:1.5em; | ||
} | } | ||
Line 224: | Line 240: | ||
left:50%; | left:50%; | ||
} | } | ||
- | + | div#igem a{ | |
position:fixed; | position:fixed; | ||
z-index:10; | z-index:10; | ||
bottom:0; | bottom:0; | ||
+ | top:auto; | ||
right:0; | right:0; | ||
width:80px; | width:80px; | ||
height:80px; | height:80px; | ||
- | background:url("https://static.igem.org/mediawiki/2014/ | + | background:url("https://static.igem.org/mediawiki/2014/3/3f/Kit_Igem_m.png") no-repeat 0 0; |
-webkit-background-size:80px 80px; | -webkit-background-size:80px 80px; | ||
background-size:80px 80px; | background-size:80px 80px; |
Latest revision as of 01:19, 18 October 2014