Template:Team:KIT-Kyoto/mobile

From 2014.igem.org

(Difference between revisions)
 
(16 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 us</a></li>
+
<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/Notebook">Notebook</a></li>
+
<li><a href="/Team:KIT-Kyoto/Parts">Parts</a></li>
-
<li><a href="/Team:KIT-Kyoto/Modeling">Modeling</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/Acknowledgements">Acknowledgements</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 31: Line 32:
var mt = function(){
var mt = function(){
var tw = $('.main-contents').width();
var tw = $('.main-contents').width();
-
$('.m_table,.member_box_before,.member_box_after,.member_img_profile').css({width:tw});
+
$('.m_table,.member_box_before,.member_box_after,.member_img_profile,#ln img').css({width:tw});
}
}
$(function(){
$(function(){
Line 122: Line 123:
top:50px;
top:50px;
width: 100%;
width: 100%;
-
background:  rgba(0,0,0,0.7);
+
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.7);
+
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;
}
}
-
.accordion input{
+
 
-
display:none;
+
-
}
+
@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{
+
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/7/77/Igemlogo_circle.png") no-repeat 0 0;
+
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