"
Template:Team:KIT-Kyoto/mobile
From 2014.igem.org
(Difference between revisions)
| (27 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 29: | Line 30: | ||
var ua = navigator.userAgent; | var ua = navigator.userAgent; | ||
if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){ | if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){ | ||
| + | var mt = function(){ | ||
| + | var tw = $('.main-contents').width(); | ||
| + | $('.m_table,.member_box_before,.member_box_after,.member_img_profile,#ln img').css({width:tw}); | ||
| + | } | ||
| + | $(function(){ | ||
| + | mt(); | ||
| + | $(window).resize(mt); | ||
| + | }); | ||
| + | |||
$(".m_menu").css("display","none"); | $(".m_menu").css("display","none"); | ||
$(".button-toggle").on("click", function() { | $(".button-toggle").on("click", function() { | ||
| Line 113: | 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 144: | 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 152: | 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 200: | Line 224: | ||
.sentence,ul.procedure{ | .sentence,ul.procedure{ | ||
font-size:13px; | font-size:13px; | ||
| + | line-height:1.5em; | ||
} | } | ||
| Line 215: | 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; | ||
| Line 251: | Line 277: | ||
margin-left:-50%; | margin-left:-50%; | ||
} | } | ||
| - | |||
.member_img_profile{ | .member_img_profile{ | ||
margin:5px auto; | margin:5px auto; | ||
| - | width: | + | width:auto; |
| - | + | ||
} | } | ||
.img_after,.img_before{ | .img_after,.img_before{ | ||
left:0; | left:0; | ||
| - | |||
} | } | ||
.img_after{ | .img_after{ | ||
| Line 270: | Line 293: | ||
.member_box_before,.member_box_after{ | .member_box_before,.member_box_after{ | ||
| - | width: | + | width:auto; |
| - | + | ||
text-align:left; | text-align:left; | ||
} | } | ||
| - | + | .m_table{ | |
| - | . | + | overflow:scroll; |
| - | + | margin:5px 0px; | |
} | } | ||
| + | |||
.show,.hide{ | .show,.hide{ | ||
position:relative; | position:relative; | ||
} | } | ||
} | } | ||
| + | |||
</style> | </style> | ||
| + | |||
</head> | </head> | ||
Latest revision as of 01:19, 18 October 2014
