Difference between revisions of "Template:CSS UCL5"

@@ Line 3: / Line 3: @@
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
-<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway"/>
+<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/>
+<link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
+<link href='https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
@@ Line 22: / Line 28: @@
 <style type="text/css">
+/*references*/
+.content .tooltip {
+  background-color: #fff;
+border: 1px #22343C solid;
+  border-radius: 4px;
+  padding: 3px;
+  position: absolute;
+  width: 300px;
+  z-Index: 99999;
+  display: none;
+letter-spacing: 1px;
+line-height: 1;
+font-size: 11px;
+}
+.tooltip a {color: #22343C;}
+.tooltip {color: #22343C;}
+.content {
+  position: relative;
+}
+.content {color: #d67166;}
+/* end-of-references */
+.bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/4/43/UCL_headercircle.png'); text-align: center; line-height: 2;
+    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 300px; color: #22343C;}
+.bigtitle a {color: #22343C; text-decoration: none;}
+.title2 {font-family: Allura; font-size: 300%;line-height:1.5; color:grey;}
+.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;}
+.arrow {font-size: 50px;}
+/*HEADINGS*/
 h5 {
 font-size:600%;
@@ Line 35: / Line 76: @@
 }
+h3{padding:25px 40px 0px 0px;}
+#text h2 {
+font-size: 30px !important;
+}
+#wrapper {
+width: 80%;
+height: 80%;
+margin: 0 auto;
+position: relative;
+top: 80px;
+opacity: 1;
+}
+#submenu {
+width: 100%;
+margin-top: 20px;
+text-align: center;
+position: relative;}
+#text {
+margin-top: 50px;
+z-index: 9999;
+}
+#text h2 {
+font-size: 20px;
+text-decoration: none;
+border-bottom: 0px;
+display: block;
+background-color: #c97062;
+color: #fff;
+font-weight: bold;
+border-radius: 4px;
+padding: 10px;
+opacity: 0.5;
+}
 a {
@@ Line 53: / Line 131: @@
 #bodyContent {
-background-color:#F8FFFF;
+width:100%;
+	height:100%;
+box-sizing: border-box;
+background-color:transparent;
 }
@@ Line 85: / Line 166: @@
 	}
-html, #bodyContent, body, #container {
+html, body, #container {
 	width:100%;
 	height:100%;
@@ Line 98: / Line 179: @@
-#header {background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); margin: -5px;
+#header {/*background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg');*/ margin: -5px;
   text-align: center; width: 100%;
 min-height: 640px;
@@ Line 114: / Line 195: @@
    background-size: 130%;
 background-position: center -200px;
+color:none;
 -webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
-vertical-align: middle; }
+vertical-align: middle;
+}
 @media (max-width:743px) {
@@ Line 388: / Line 470: @@
 @media(max-width:400px){
-h5 {font-size:400%;margin-top:30px;text-align:center;font-familt:arial;}
+h5 {font-size:400%;margin-top:30px;text-align:center;font-family: arial;}
 #main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
 }
@@ Line 396: / Line 478: @@
 .mainmenu {display:none;}
 .mainmenu ul {display:none;}
-#hidden-menu {display:block;}
+#hidden-menu {
+display:block;}
 }
+#hidden-menu {
+margin-left:85%;}
 @media(min-width: 606px){
@@ Line 408: / Line 495: @@
 height:auto;
 width:auto;
+z-index:99999999
 }
@@ Line 421: / Line 509: @@
 padding-top:8px;
 padding-bottom:8px;
-box-shadow:1.5px 1.5px lightgrey;
+/*box-shadow:1.5px 1.5px lightgrey;*/
 border-radius:4px;
 opacity:0.9;
@@ Line 431: / Line 519: @@
 position:fixed;
 top:60px;
-left:-0px;
+right:50px;
 }
@@ Line 455: / Line 543: @@
 width:50px;
 top:0;
-  margin-top: 17px;
+right:0px;
+margin-top: 17px;
 position:fixed;
 opacity:0.9;
@@ Line 483: / Line 572: @@
 }
-.menu-items {
+.menu-items {display: inline-block;
-display: inline-block;
 width: 100%;
 text-align: right;
 position:fixed;
-top:19px;
+top:26px;
+right:3%;
 z-index:99998;
-right: 2%;
 }
@@ Line 498: / Line 586: @@
 .menu-items li {
-display: inline-block;
+  display: inline-block;
-margin-right: 10px;
+  margin-right: 10px;
-margin-left: 10px;
+  margin-left: 10px;
-margin-top: 2px;
+margin-top: 3px;
 letter-spacing: 1.1px;
-height: 30px;
-}
+  }
-.menu-items li:hover ul, .menu-items li.hover ul{
+.menu-items ul li:hover ul{
-display: inline;
+display:block;
-left: 0;
-width:80%;
-margin:0;
-padding: 0;}
+height:auto; width:auto;
+list-style-position: inside;
+list-style-type: none !important;
+padding-left: 0 !important;
+margin-left: -10px;
+float: left;
+}
 .menu-items li ul {
 display:none;
-width:100px;}
+position:fixed;
-position:absolute;
+top:53px;
-top:26px;
+margin:auto;
 }
-/*.menu-items li ul li{
+.menu-items li ul li{
-    clear:both;
+clear:both;
-text-align: left;
+position: relative;
-padding: 2px;
+text-align: center;
+font-size:9px;
+display: block;
+background: #383E45;
+padding: 4px;
+/*border: solid 1px #493C54;
+border-radius: 4px;
+box-shadow:1.5px 1.5px lightgrey;*/
 opacity:0.95;
-width: auto;
+z-index:99999999;
-}*/
+margin:0 0 0 0;
+}
 .menu-items li ul li a {
-color: #22343C;
+color: #fff;
-  font-size: 15px;
+  font-size: 14px;
 }
 .menu-items li ul li a:hover {
-color: #FE6C68;
+color: #70c4bb;
 }
 .menu-items a {
-color: #22343C;
+color: black;
   text-decoration: none;
   font-family: Raleway;
 }
@@ Line 549: / Line 647: @@
      -webkit-transition: color ease-in-out 150ms;
 }
@@ Line 725: / Line 822: @@
 <div class="menu-items">
 <div id="igemlogo">
+<ul style="margin-top:-5px;">
+<ul style="margin-left:-50px;">
 <a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div>
 <div id="ucligemlogo">
-<a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/0/0f/UCL_iGEM_logo.png" style="width: 45px; height: 45px; opacity: 0.8;"></a>
+<ul style="margin-top:5px;">
+<ul style="margin-left:-50px;">
+<a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/b/b7/UCL_igem_logo_black_and_white.png" style="width: 40px; height: 40px; opacity: 0.8;"></a>
 </div>
 <ul style="margin-left:150px;">
 <li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/People">People</a>
+<li><a href="#">Lab work</a>
-<ul>
-<li><a href="https://2015.igem.org/Team:UCL/Team">Team</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Advisors">Advisors</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Sponsors">Sponsors</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Attributions">Attributions</a></li>
-							</ul>
-						</li>
-						<li><a href="https://2015.igem.org/Team:UCL/Experiments">Science</a>
 <ul>
 <li><a href="https://2015.igem.org/Team:UCL/Effectors">Psychobiotics</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Sensors">Mood Detection</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/">Built-in Biosafety</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Safety">Built-in Biosafety</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/">Gut-on-a-Chip</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Design">Gut-on-Chip</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Protocols">Protocols</a></li>
-							</ul>
+</ul>
-						</li>
+</li>
-<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice"=">Policy & Practice</a>
+<li><a href="#">Practices</a>
-							<ul>
+<ul>
-								<li><a href="https://2015.igem.org/Team:UCL/Practices">Integrated Human Practices</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Practices">Integrated Human Practices</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Public Engagement</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Education and Public Engagement</a></li>
-							</ul>
+</ul>
-						</li>
+</li>
@@ Line 777: / Line 867: @@
 <li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Achievements">Medal criteria</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Achievements">Medal Criteria</a></li>
-							</ul></li>
+</ul>
+</li>
 <li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Entrepreneurship">ProKao</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Bactoman">Bactoman</a></li>
+<!--<li><a href="https://2015.igem.org/Team:UCL/Bactoman">Bactoman</a></li>	-->
+<li><a href="https://2015.igem.org/Team:UCL/People">People</a>
-</li>
+<ul>
+<li><a href="https://2015.igem.org/Team:UCL/Team">Team</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Advisors">Advisors</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Sponsors">Sponsors</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Attributions">Attributions</a></li>
 </ul>
-				</div>
+</li>
+</ul>
-		</nav>
+</div>
+</nav>
 <div id="hidden-menu">
@@ Line 797: / Line 897: @@
 <li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Experiments">Science</a></li><li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/Experiments">Labwork</a></li><li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li>
 <li><a href="https://2015.igem.org/Team:UCL/People">People</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice"=">Policy & Practice</a></li>
+<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice">Policy & Practice</a></li>
-<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
+<!--<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>-->
 </ul>
 </div>
+          </div>
 </body>
-</p>
 </html>

Latest revision as of 12:41, 17 September 2015

Project
Lab work
Practices
- Integrated Human Practices
- Education and Public Engagement
Outcomes
- Parts
- Medal Criteria
Notebook
ProKao
People

Home
Project
Parts
Labwork
Collaborations
Notebook
People
Policy & Practice