Template:Team:KIT-Kyoto/mobile

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="viewport" content="width=device-width; initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
-
<script type="text/javascript">
 
-
$(function(){
 
-
    var ua = navigator.userAgent;
 
-
if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 || ua.indexOf('BlackBerry') > 0 || ua.indexOf('Windows Phone') > 0){
 
-
$(".accordion").addClass('ac_active');
 
-
}
 
-
});
 
</script>
</script>
<style type="text/css">
<style type="text/css">
Line 88: Line 81:
z-index:10;
z-index:10;
}
}
-
.ac_active label {
+
.accordion label {
position: relative;
position: relative;
display: block;
display: block;
cursor: pointer;
cursor: pointer;
}
}
-
.ac_active label::after {
+
 
 +
.accordion label::after {
position: absolute;
position: absolute;
top: 50%;
top: 50%;
Line 113: Line 107:
transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
}
}
-
.ac_active input:checked + label::after {
+
.accordion input:checked + label::after {
margin-top: -3px;
margin-top: -3px;
-webkit-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
-
.ac_active input:checked ~ div.ac {
+
 
 +
.accordion input:checked ~ div.ac {
height: auto;
height: auto;
}
}

Revision as of 18:33, 21 September 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/mobile"