Difference between revisions of "Template:Hong Kong HKU/Header"

(Fix arrangement)
m
 
(5 intermediate revisions by the same user not shown)
Line 20: Line 20:
 
background-attachment:fixed;}
 
background-attachment:fixed;}
 
.container
 
.container
−
{background-color: rgba(255,255,255,0.4);
+
{background-color: rgba(255,255,255,0.6);
−
padding-top:80px;}
+
padding-top:40px;}
 
p {font-size: 16px;}
 
p {font-size: 16px;}
 
h1,h2,h3,h4,h5,h6 {color: #282828;}
 
h1,h2,h3,h4,h5,h6 {color: #282828;}
Line 30: Line 30:
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/logo?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
+
<link media="(max-width: 800px)" href="https://2016.igem.org/Team:Hong_Kong_HKU/css/logo-mobile?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 +
<link media="(min-width: 800px)" href="https://2016.igem.org/Team:Hong_Kong_HKU/css/logo?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
</head>
 
</head>
 
<body>
 
<body>
Line 46: Line 47:
 
                 <symbol class="icon icon-" id="icon-2" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Notebook</text></symbol>
 
                 <symbol class="icon icon-" id="icon-2" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Notebook</text></symbol>
 
<symbol class="icon icon-" id="icon-3" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Links</text></symbol>
 
<symbol class="icon icon-" id="icon-3" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Links</text></symbol>
−
<symbol class="icon icon-" id="icon-4" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">About</text></symbol>
+
<symbol class="icon icon-" id="icon-4" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Attributions</text></symbol>
 
                 <symbol class="icon icon-" id="icon-5" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Practices</text></symbol>
 
                 <symbol class="icon icon-" id="icon-5" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Practices</text></symbol>
 
<symbol class="icon icon-" id="icon-6" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Achievements</text></symbol>
 
<symbol class="icon icon-" id="icon-6" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Achievements</text></symbol>
−
<symbol class="icon icon-" id="icon-7" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">HomePage</text></symbol>
+
<symbol class="icon icon-" id="icon-7" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">HOMEPAGE</text></symbol>
 
             </g>
 
             </g>
 
             <g id="itemsContainer">
 
             <g id="itemsContainer">
Line 58: Line 59:
 
                     <a class="item" id="item-3" role="link" tabindex="3" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Links" xlink:title=" " transform="matrix(-0.22252,-0.97492,0.97492,-0.22252,61.89825544362267,549.3622115345345)" data-svg-origin="250 250" style="">
 
                     <a class="item" id="item-3" role="link" tabindex="3" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Links" xlink:title=" " transform="matrix(-0.22252,-0.97492,0.97492,-0.22252,61.89825544362267,549.3622115345345)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-3" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-3" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
−
                     <a class="item" id="item-4" role="link" tabindex="4" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Attribution" xlink:title=" " transform="matrix(-0.90096,-0.43388,0.43388,-0.90096,366.7712821962152,583.7131517549943)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-4" role="link" tabindex="4" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions" xlink:title=" " transform="matrix(-0.90096,-0.43388,0.43388,-0.90096,366.7712821962152,583.7131517549943)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-4" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-4" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                     <a class="item" id="item-5" role="link" tabindex="6" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices" xlink:title=" " transform="matrix(-0.90096,0.43388,-0.43388,-0.90096,583.7131517549942,366.7712821962153)" data-svg-origin="250 250" style="">
 
                     <a class="item" id="item-5" role="link" tabindex="6" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices" xlink:title=" " transform="matrix(-0.90096,0.43388,-0.43388,-0.90096,583.7131517549942,366.7712821962153)" data-svg-origin="250 250" style="">
Line 78: Line 79:
 
     </div>
 
     </div>
 
</body>
 
</body>
 +
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/jQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/TweenMax?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/TweenMax?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/Nav?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/Nav?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
</html>
 
</html>

Latest revision as of 06:16, 19 October 2016