Difference between revisions of "Template:Lanzhou/Header"

Revision as of 15:35, 26 October 2017 (view source)

Zover (Talk | contribs)

← Older edit

Latest revision as of 01:36, 2 November 2017 (view source)

Zover (Talk | contribs)

(17 intermediate revisions by the same user not shown)

Line 8:

<style>

+

img[data-action="zoom"] {

+

cursor: pointer;

+

cursor: -webkit-zoom-in;

+

cursor: -moz-zoom-in;

+

}

+

.zoom-img,

+

.zoom-img-wrap {

+

position: relative;

+

z-index: 666;

+

-webkit-transition: all 300ms;

+

-o-transition: all 300ms;

+

transition: all 300ms;

+

}

+

img.zoom-img {

+

cursor: pointer;

+

cursor: -webkit-zoom-out;

+

cursor: -moz-zoom-out;

+

}

+

.zoom-overlay {

+

z-index: 420;

+

background: #fff;

+

position: fixed;

+

top: 0;

+

left: 0;

+

right: 0;

+

bottom: 0;

+

pointer-events: none;

+

filter: "alpha(opacity=0)";

+

opacity: 0;

+

-webkit-transition: opacity 300ms;

+

-o-transition: opacity 300ms;

+

transition: opacity 300ms;

+

}

+

.zoom-overlay-open .zoom-overlay {

+

filter: "alpha(opacity=100)";

+

opacity: 1;

+

}

+

.zoom-overlay-open,

+

.zoom-overlay-transitioning {

+

cursor: default;

+

}

+

.mdc__toolbar--fixed{top: 16px;}

@font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2017/d/d5/Lanzhou_wiki_MaterialIcons-Regular.woff) format('woff'); } .material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} body {background-color:white; margin: 0;} #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }#top_title{display:none; }#top_menu_under {position:relative; width:100%; height:18px } #top_menu_14 {position:fixed; width:100%; top:0px; left:0px; height:16px; background-color:#383838; border-bottom:2px solid black; z-index:9999 } #top_menu_inside {display:block; position:relative; width:960px; height:100%; margin:0px auto; padding:0 10px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-family:'arial',sans-serif; font-size:12px; font-weight:400; color:#ffffff } #top_menu_inside ul {list-style:none; margin:0; padding:0 } #top_menu_inside li {float:left; padding:0px 25px 0px 20px; cursor:pointer; margin:0 } #top_menu_inside .has_submenu:hover {background-color:#000000; color:white; text-decoration:none } #top_menu_inside #user_item {float:right; padding-top:2px; margin-right:100px; cursor:pointer; color:orange } #top_menu_inside #user_item:hover {background-color:#000000; color:#ffc864 } #top_menu_inside #bars_item {position:absolute; top:1px; left:960px; z-index:2; cursor:pointer } #top_menu_inside #bars_box {position:absolute; right:0px; top:17px; min-height:100px; min-width:100px; color:black; background-color:white; border:1px solid black; box-shadow:rgba(50,50,50,0.75) 1px 1px 10px 0px; z-index:1 } #top_menu_inside .submenu {display:none; position:absolute; z-index:10; top:16px; left:20px; width:900px; min-height:80px; background-color:#000000; padding:10px 15px 20px 15px; box-shadow:rgba(10,10,10,0.75) 0px 5px 15px 0px; color:#ffffff } #top_menu_inside .section {float:left; width:190px; font-family:helvitica,sans-serif; font-style:normal; font-weight:400; font-size:14px; line-height:22px; text-align:justify } #top_menu_inside .section .google span {padding-left:20px } #top_menu_inside .section .google span:hover,#top_menu_inside .section #page_go:hover {text-decoration:none; color:orange } #top_menu_inside .h1 {font-style:normal; font-size:18px; line-height:24px; text-weight:600; text-decoration:underline; text-align:left } #top_menu_inside .intro {color:#ffffff; font-style:italic; font-weight:normal; font-size:16px } #top_menu_inside .has_submenu .intro a {color:#ffffff; cursor:pointer } #top_menu_inside .has_submenu .intro a:hover {color:orange }

Line 56:

Line 98:

Home

</a>

−

+

<i class="material-icons mdc-list-item__start-detail">local_florist</i>

Project

Line 65:

Line 107:

Background

</a>

−

+

+

Tandem RNAi

+

</a>

+

Design

+

</a>

+

+

Results

</a>

−

~~Application &~~ Device

+

Device

</a>

−

+

Safety

−

~~</a>~~

−

~~<a href="results.html" class="mdc-list-item mdc-ripple-surface">~~

−

~~results~~

</a>

</nav>

Line 87:

Line 132:

Notebook

</a>

−

+

Protocols

</a>

Line 93:

Line 138:

−

~~Modeling~~

+

Model

</a>

Line 101:

Line 146:

</a>

−

<a href="~~" class="mdc-list-item mdc-ripple-surface">~~

+

−

~~Education~~

+

HP Silver

−

</a>

+

</a>

−

~~<a href="~~" class="mdc-list-item mdc-ripple-surface">

+

−

~~Public engagement~~

+

Gold Integrated

−

</a>

+

−

<a href="~~" class="mdc-list-item mdc-ripple-surface">~~

+

−

~~Consulting~~

+

−

</a>

+

−

~~<a href="~~" class="mdc-list-item mdc-ripple-surface">

+

−

~~Questionnaire~~

+

</a>

−

+

−

~~Handbook~~

+

Engagement

</a>

</nav>

Line 130:

Line 169:

</a>

−

Collaborations ~~& Meet up~~

+

Collaborations

</a>

</nav>

Line 139:

Line 178:

</a>

−

+

Parts

</a>

−

~~Inter Lab~~

+

Interlab

</a>

−

+

Medal requirements

</a>

Line 153:

Line 192:

</aside>

−

+

</div>

@@ Line 8: / Line 8: @@
 	<style>
+img[data-action="zoom"] {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+}
+.zoom-img,
+.zoom-img-wrap {
+  position: relative;
+  z-index: 666;
+  -webkit-transition: all 300ms;
+  -o-transition: all 300ms;
+  transition: all 300ms;
+}
+img.zoom-img {
+  cursor: pointer;
+  cursor: -webkit-zoom-out;
+  cursor: -moz-zoom-out;
+}
+.zoom-overlay {
+  z-index: 420;
+  background: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  filter: "alpha(opacity=0)";
+  opacity: 0;
+  -webkit-transition: opacity 300ms;
+  -o-transition: opacity 300ms;
+  transition: opacity 300ms;
+}
+.zoom-overlay-open .zoom-overlay {
+  filter: "alpha(opacity=100)";
+  opacity: 1;
+}
+.zoom-overlay-open,
+.zoom-overlay-transitioning {
+  cursor: default;
+}
 .mdc__toolbar--fixed{top: 16px;}
   @font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2017/d/d5/Lanzhou_wiki_MaterialIcons-Regular.woff) format('woff'); } .material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink  {display:none;} #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;} body {background-color:white; margin: 0;} #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }#top_title{display:none; }#top_menu_under {position:relative; width:100%; height:18px } #top_menu_14 {position:fixed; width:100%; top:0px; left:0px; height:16px; background-color:#383838; border-bottom:2px solid black; z-index:9999 } #top_menu_inside {display:block; position:relative; width:960px; height:100%; margin:0px auto; padding:0 10px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-family:'arial',sans-serif; font-size:12px; font-weight:400; color:#ffffff } #top_menu_inside ul {list-style:none; margin:0; padding:0 } #top_menu_inside li {float:left; padding:0px 25px 0px 20px; cursor:pointer; margin:0 } #top_menu_inside .has_submenu:hover {background-color:#000000; color:white; text-decoration:none } #top_menu_inside #user_item {float:right; padding-top:2px; margin-right:100px; cursor:pointer; color:orange } #top_menu_inside #user_item:hover {background-color:#000000; color:#ffc864 } #top_menu_inside #bars_item {position:absolute; top:1px; left:960px; z-index:2; cursor:pointer } #top_menu_inside #bars_box {position:absolute; right:0px; top:17px; min-height:100px; min-width:100px; color:black; background-color:white; border:1px solid black; box-shadow:rgba(50,50,50,0.75) 1px 1px 10px 0px; z-index:1 } #top_menu_inside .submenu {display:none; position:absolute; z-index:10; top:16px; left:20px; width:900px; min-height:80px; background-color:#000000; padding:10px 15px 20px 15px; box-shadow:rgba(10,10,10,0.75) 0px 5px 15px 0px; color:#ffffff } #top_menu_inside .section {float:left; width:190px; font-family:helvitica,sans-serif; font-style:normal; font-weight:400; font-size:14px; line-height:22px; text-align:justify } #top_menu_inside .section .google span {padding-left:20px } #top_menu_inside .section .google span:hover,#top_menu_inside .section #page_go:hover {text-decoration:none; color:orange } #top_menu_inside .h1 {font-style:normal; font-size:18px; line-height:24px; text-weight:600; text-decoration:underline; text-align:left } #top_menu_inside .intro {color:#ffffff; font-style:italic; font-weight:normal; font-size:16px } #top_menu_inside .has_submenu .intro a {color:#ffffff; cursor:pointer } #top_menu_inside .has_submenu .intro a:hover {color:orange }
@@ Line 56: / Line 98: @@
 					Home
 				</a>
-				<a href="project.html" class="mdc-list-item mdc-ripple-surface">
+				<a href="" class="mdc-list-item mdc-ripple-surface">
 					<i class="material-icons mdc-list-item__start-detail">local_florist</i>
 					Project
@@ Line 65: / Line 107: @@
 						Background
 					</a>
-					<a href="design.html" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Tandem_RNAi" class="mdc-list-item mdc-ripple-surface">
+						Tandem RNAi
+					</a>
+					<a href="https://2017.igem.org/Team:Lanzhou/Design" class="mdc-list-item mdc-ripple-surface">
 						Design
+					</a>
+					<a href="https://2017.igem.org/Team:Lanzhou/Demonstrate" class="mdc-list-item mdc-ripple-surface">
+						Results
 					</a>
 					<a href="https://2017.igem.org/Team:Lanzhou/Applied_Design" class="mdc-list-item mdc-ripple-surface">
-						Application & Device
+						Device
 					</a>
-					<a href="safety.html" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Safety" class="mdc-list-item mdc-ripple-surface">
 						Safety
-					</a>
-					<a href="results.html" class="mdc-list-item mdc-ripple-surface">
-						results
 					</a>
 				</nav>
@@ Line 87: / Line 132: @@
 						Notebook
 					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Protocols" class="mdc-list-item mdc-ripple-surface">
 						Protocols
 					</a>
@@ Line 93: / Line 138: @@
 				<a href="https://2017.igem.org/Team:Lanzhou/Model" class="mdc-list-item mdc-ripple-surface">
 					<i style="font-size: 24px;" class="fa fa-cube material-icons mdc-list-item__start-detail"></i>
-					Modeling
+					Model
 				</a>
 				<a href="" class="mdc-list-item mdc-ripple-surface">
@@ Line 101: / Line 146: @@
 				</a>
 				<nav class="mdc-temporary-drawer__content mdc-list-group sub-nav">
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/HP/Silver" class="mdc-list-item mdc-ripple-surface">
-						Education
+						HP Silver
 					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/HP/Gold_Integrated" class="mdc-list-item mdc-ripple-surface">
-						Public engagement
+						Gold Integrated
-					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
-						Consulting
-					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
-						Questionnaire
 					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Engagement" class="mdc-list-item mdc-ripple-surface">
-						Handbook
+						Engagement
 					</a>
 				</nav>
@@ Line 130: / Line 169: @@
 					</a>
 					<a href="https://2017.igem.org/Team:Lanzhou/Collaborations" class="mdc-list-item mdc-ripple-surface">
-						Collaborations & Meet up
+						Collaborations
 					</a>
 				</nav>
@@ Line 139: / Line 178: @@
 				</a>
 				<nav class="mdc-temporary-drawer__content mdc-list-group sub-nav">
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Parts" class="mdc-list-item mdc-ripple-surface">
 						Parts
 					</a>
 					<a href="https://2017.igem.org/Team:Lanzhou/InterLab" class="mdc-list-item mdc-ripple-surface">
-						Inter Lab
+						Interlab
 					</a>
-					<a href="" class="mdc-list-item mdc-ripple-surface">
+					<a href="https://2017.igem.org/Team:Lanzhou/Medal" class="mdc-list-item mdc-ripple-surface">
 						Medal requirements
 					</a>
@@ Line 153: / Line 192: @@
 	</aside>
-	<div class="page__header" style="background-image: url();">
+	<div class="page__header" style="background-position: center; background-size: cover;    background-image: url(https://static.igem.org/mediawiki/2017/2/24/Lanzhou_wiki_Header_background.jpg);">
 		<h1 class="mdc-typography--display2"></h1>
 	</div>