Difference between revisions of "Template:CCU Taiwan"

 
(47 intermediate revisions by 2 users not shown)
Line 57: Line 57:
 
 
 
// in case you preview mode is selected, the menu is hidden for better visibility  
 
// in case you preview mode is selected, the menu is hidden for better visibility  
if (window.location.href.indexOf("submit") < 0) {
+
if (window.location.href.indexOf("submit") >= 0) {
 
$(".igem_2017_menu_wrapper").hide();
 
$(".igem_2017_menu_wrapper").hide();
 
}
 
}
Line 107: Line 107:
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
<script>
+
/* Wrapper for the menu */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");
+
.igem_2017_menu_wrapper {
@import url("https://2017.igem.org/Team:CCU_Taiwan/fontawesome");
+
width: 15%;
</script>
+
height:100vh;
 +
position:fixed;
 +
right:0%;
 +
padding:0px;
 +
float:right;
 +
border-left: 1px solid #d3d3d3;
 +
background-color:#dddddd;
 +
text-align:left;
 +
font-family:Tahoma, Geneva, sans-serif;  
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
}
  
/* Reset */
+
/* this hides the scrollbar to keep view consistency */
 
+
.igem_2017_menu_wrappe::-webkit-scrollbar {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
display: none;  
margin: 0;
+
padding: 0;
+
border: 0;
+
font-size: 100%;
+
font: inherit;
+
vertical-align: baseline;
+
 
}
 
}
 +
 +
 +
/* styling for links in the menu, removes the line under text */
 +
.igem_2017_menu_wrapper a { 
 +
text-decoration: none;
 +
}
 +
  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+
/* styling for the images in the menu */
display: block;
+
.igem_2017_menu_wrapper img {  
 +
width: 100%;
 
}
 
}
  
body {
+
/* styling for the menu buttons */
line-height: 1;
+
.igem_2017_menu_wrapper .menu_button {  
 +
width: 100%;
 +
padding: 10px 0px 10px 15px;
 +
float:left;
 +
border-bottom: 1px solid #d3d3d3;
 +
font-size: 12px;
 +
font-weight: bold;
 +
color: #5e5f5f;
 +
cursor: pointer;
 
}
 
}
  
ol, ul {
+
 
list-style: none;
+
.igem_2017_menu_wrapper .menu_bottom_padding {  
 +
width: 100%;
 +
height: 30px;
 +
float:left;
 
}
 
}
  
blockquote, q {
+
.menu_button.direct_to_page {  
quotes: none;
+
padding-left: 36px;
 
}
 
}
  
blockquote:before, blockquote:after, q:before, q:after {
+
 
content: '';
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
content: none;
+
width:10%;
 +
float:left;
 
}
 
}
  
table {
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
border-collapse: collapse;
+
content: "+"; 
border-spacing: 0;
+
}
 +
 +
.open::before {
 +
content: "-" !important; 
 +
}
 +
 +
 +
 +
/* styling for the menu buttons on hover */
 +
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
 +
background-color: #3399ff;
 +
text-decoration: none;
 +
color:#ffffff;  
 
}
 
}
  
body {
+
/* styling for the menu button when it is the current page */
-webkit-text-size-adjust: none;
+
.current_page {  
 +
background-color:#7fc1f7  !important;
 +
color:#5e5f5f !important;
 
}
 
}
  
/* Box Model */
 
  
*, *:before, *:after {
+
/* styling for the submenu buttons */
-moz-box-sizing: border-box;
+
.igem_2017_menu_wrapper .submenu_button {
-webkit-box-sizing: border-box;
+
width: 100%;
box-sizing: border-box;
+
padding: 10px 0px 10px 34px;
 +
float:left;
 +
background-color:#f2f2f2;
 +
border-bottom: 1px solid #d3d3d3;  
 +
font-size: 12px;
 +
color: #5e5f5f;
 +
cursor: pointer;
 
}
 
}
/*******************1119*****************/
 
@media screen and (max-width: 840px) {
 
  
.row > * {
+
/* wrapper for the submenu items, they are hidden by default*/
padding: 32px 0 0 32px;
+
.igem_2017_menu_wrapper .submenu_wrapper {  
}
+
display:none;
 +
}
  
.row {
+
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
margin: -32px 0 -1px -32px;
+
.igem_2017_menu_wrapper #display_menu_control {
}
+
display:none;
 +
text-align:center;
 +
}
 +
  
.row.uniform > * {
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
padding: 32px 0 0 32px;
+
}
+
  
.row.uniform {
+
/* Wrapper for the content */
margin: -32px 0 -1px -32px;
+
.igem_2017_content_wrapper {
}
+
width: 81%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
background-color:white;
 +
font-family:Tahoma, Geneva, sans-serif;  
 +
}
  
.row.\32 00\25 > * {
 
padding: 64px 0 0 64px;
 
}
 
  
.row.\32 00\25 {
+
/********************************* HTML STYLING  *********************************/
margin: -64px 0 -1px -64px;
+
}
+
  
.row.uniform.\32 00\25 > * {
+
/* styling for the titles h1 h2 */
padding: 64px 0 0 64px;
+
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
}
+
padding:5px 15px;  
 +
border-bottom: 0px;
 +
color: #3399ff;
 +
}
  
.row.uniform.\32 00\25 {
 
margin: -64px 0 -1px -64px;
 
}
 
  
.row.\31 50\25 > * {
+
/* styling for the titles  h3 h4 h5 h6*/
padding: 48px 0 0 48px;
+
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {  
}
+
padding:5px 15px;  
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
  
.row.\31 50\25 {
 
margin: -48px 0 -1px -48px;
 
}
 
  
.row.uniform.\31 50\25 > * {
+
/* font and text */
padding: 48px 0 0 48px;
+
.igem_2017_content_wrapper p {  
}
+
padding: 0px 15px;  
 +
font-size: 13px;
 +
}
  
.row.uniform.\31 50\25 {
+
/* Links */
margin: -48px 0 -1px -48px;
+
.igem_2017_content_wrapper a {  
}
+
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color: #3399ff;
 +
color:  #3399ff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;  
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
  
.row.\35 0\25 > * {
+
/* hover for the links */
padding: 16px 0 0 16px;
+
.igem_2017_content_wrapper a:hover {  
}
+
text-decoration:none;
 +
color:#000000;
 +
}
  
.row.\35 0\25 {
+
/* non numbered lists */
margin: -16px 0 -1px -16px;
+
.igem_2017_content_wrapper ul {
}
+
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;  
 +
}
  
.row.uniform.\35 0\25 > * {
+
/* numbered lists */
padding: 16px 0 0 16px;
+
.igem_2017_content_wrapper ol {
}
+
padding:0px;  
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
  
.row.uniform.\35 0\25 {
+
/* Table */
margin: -16px 0 -1px -16px;
+
.igem_2017_content_wrapper table {  
}
+
width: 97%;
 +
margin:15px 10px;
 +
border: 1px solid #d3d3d3;  
 +
border-collapse: collapse;
 +
}
  
.row.\32 5\25 > * {
+
/* table cells */
padding: 8px 0 0 8px;
+
.igem_2017_content_wrapper  td {  
}
+
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
  
.row.\32 5\25 {
+
/* table headers */
margin: -8px 0 -1px -8px;
+
.igem_2017_content_wrapper th {  
}
+
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;  
 +
background-color:#f2f2f2;
 +
}
  
.row.uniform.\32 5\25 > * {
 
padding: 8px 0 0 8px;
 
}
 
  
.row.uniform.\32 5\25 {
+
/**********************************LAYOUT CLASSES **********************************/
margin: -8px 0 -1px -8px;
+
}
+
  
.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
+
/* general class for column divs */
width: 100%;
+
.igem_2017_content_wrapper .column  {  
clear: none;
+
padding: 10px 0px;
margin-left: 0;
+
float:left;  
}
+
}
  
.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
+
/* class for a full width column */
width: 91.6666666667%;
+
.column .full_size {
clear: none;
+
width:100%;  
margin-left: 0;
+
}
}
+
  
.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
+
/* styling for images in a full width column*/
width: 83.3333333333%;
+
.column.full_size img {  
clear: none;
+
width:97%;  
margin-left: 0;
+
padding: 10px 15px;
}
+
}
  
.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
+
/* class for a half width column */
width: 75%;
+
.column.half_size {
clear: none;
+
width: 50%;  
margin-left: 0;
+
}
}
+
/* styling for images in a half width column*/
 +
.column.half_size img {
 +
width: 94.5%;
 +
padding: 10px 15px;
 +
}
  
.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
 
width: 66.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
 
width: 58.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
 
width: 50%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
+
/********************************* SUPPORT CLASSES ********************************/
width: 41.6666666667%;
+
clear: none;
+
margin-left: 0;
+
}
+
  
.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
+
/* class that clears content below*/
width: 33.3333333333%;
+
.igem_2017_content_wrapper .clear {
clear: none;
+
clear:both;
margin-left: 0;
+
}
}
+
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
  
.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
 
width: 25%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
+
/* highlight class, makes content slightly smaller */
width: 16.6666666667%;
+
.igem_2017_content_wrapper .highlight {  
clear: none;
+
margin: 0px 15px;
margin-left: 0;
+
padding: 15px 0px;
}
+
}
  
.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
 
width: 8.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\31 2u\24\28narrower\29 + *,
+
/* highlight class, adds a gray background */
.\31 1u\24\28narrower\29 + *,
+
.igem_2017_content_wrapper .highlight.gray {
.\31 0u\24\28narrower\29 + *,
+
background-color: #f2f2f2;  
.\39 u\24\28narrower\29 + *,
+
}
.\38 u\24\28narrower\29 + *,
+
.\37 u\24\28narrower\29 + *,
+
.\36 u\24\28narrower\29 + *,
+
.\35 u\24\28narrower\29 + *,
+
.\34 u\24\28narrower\29 + *,
+
.\33 u\24\28narrower\29 + *,
+
.\32 u\24\28narrower\29 + *,
+
.\31 u\24\28narrower\29 + * {
+
clear: left;
+
}
+
  
.\-11u\28narrower\29 {
+
/* highlight with decoration blue line on top */
margin-left: 91.66667%;
+
.igem_2017_content_wrapper .highlight.blue_top {
}
+
    border-top: 4px solid #3399ff;
 +
}
  
.\-10u\28narrower\29 {
+
/* highlight with a full blue border decoration */
margin-left: 83.33333%;
+
.igem_2017_content_wrapper .highlight.blue_border {
}
+
    border: 4px solid  #3399ff;
 +
}
  
.\-9u\28narrower\29 {
 
margin-left: 75%;
 
}
 
  
.\-8u\28narrower\29 {
+
/* button class */
margin-left: 66.66667%;
+
.igem_2017_content_wrapper .button{
}
+
max-width: 35%;
 +
margin: 30px auto;
 +
padding: 12px 10px;
 +
    background-color: #3399ff;
 +
    text-align: center;
 +
  color: #ffffff;
 +
-webkit-transition: all 0.4s ease;  
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
  
.\-7u\28narrower\29 {
+
/* styling for button on hover */
margin-left: 58.33333%;
+
.igem_2017_content_wrapper .button:hover{
}
+
background-color: #3399ff;
 +
    color: #000000;
 +
}
  
.\-6u\28narrower\29 {
 
margin-left: 50%;
 
}
 
  
.\-5u\28narrower\29 {
 
margin-left: 41.66667%;
 
}
 
  
.\-4u\28narrower\29 {
 
margin-left: 33.33333%;
 
}
 
  
.\-3u\28narrower\29 {
+
/***************************************************** RESPONSIVE STYLING ****************************************************/
margin-left: 25%;
+
}
+
  
.\-2u\28narrower\29 {
+
/* IF THE SCREEN IS LESS THAN 1200PX */
margin-left: 16.66667%;
+
@media only screen and (max-width: 1200px) {
}
+
 
+
.\-1u\28narrower\29 {
+
margin-left: 8.33333%;
+
}
+
  
 +
#content {width:100%; }
 +
.igem_2017_menu_wrapper {width:15%; right:0;}
 +
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
 
}
 
}
  
@media screen and (max-width: 736px) {
+
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
  
.row > * {
+
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
padding: 20px 0 0 20px;
+
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
}
+
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
  
.row {
 
margin: -20px 0 -1px -20px;
 
}
 
  
.row.uniform > * {
+
padding: 20px 0 0 20px;
+
}
+
/* special class that the system uses to make sure the team wants a page to be evaluated */
 +
.judges-will-not-evaluate {
 +
    width: 96.6%;
 +
  margin: 5px 15px;
 +
  display: block;
 +
border: 4px solid #3399ff;
 +
    font-weight: bold;
 +
}
 +
 +
</style>
  
.row.uniform {
 
margin: -20px 0 -1px -20px;
 
}
 
  
.row.\32 00\25 > * {
+
<!--- THIS IS WHERE THE HTML BEGINS --->
padding: 40px 0 0 40px;
+
}
+
  
.row.\32 00\25 {
 
margin: -40px 0 -1px -40px;
 
}
 
  
.row.uniform.\32 00\25 > * {
 
padding: 40px 0 0 40px;
 
}
 
  
.row.uniform.\32 00\25 {
+
<head>
margin: -40px 0 -1px -40px;
+
}
+
  
.row.\31 50\25 > * {
+
<!-- This tells the browser that your page is responsive -->
padding: 30px 0 0 30px;
+
<meta name="viewport" content="width=device-width, initial-scale=1">
}
+
  
.row.\31 50\25 {
+
</head>
margin: -30px 0 -1px -30px;
+
}
+
  
.row.uniform.\31 50\25 > * {
 
padding: 30px 0 0 30px;
 
}
 
  
.row.uniform.\31 50\25 {
 
margin: -30px 0 -1px -30px;
 
}
 
  
.row.\35 0\25 > * {
+
<div class="igem_2017_menu_wrapper" >
padding: 10px 0 0 10px;
+
}
+
  
.row.\35 0\25 {
 
margin: -10px 0 -1px -10px;
 
}
 
  
.row.uniform.\35 0\25 > * {
 
padding: 10px 0 0 10px;
 
}
 
  
.row.uniform.\35 0\25 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan">
margin: -10px 0 -1px -10px;
+
<img src="http://placehold.it/350x150">
}
+
</a>
  
.row.\32 5\25 > * {
 
padding: 5px 0 0 5px;
 
}
 
  
.row.\32 5\25 {
+
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
margin: -5px 0 -1px -5px;
+
<div class="menu_button" id="display_menu_control">
}
+
MENU 
 +
</div>
  
.row.uniform.\32 5\25 > * {
+
<div id="menu_content">
padding: 5px 0 0 5px;
+
}
+
  
.row.uniform.\32 5\25 {
 
margin: -5px 0 -1px -5px;
 
}
 
  
.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
 
width: 100%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan">
width: 91.6666666667%;
+
<div class="menu_button direct_to_page">
clear: none;
+
HOME
margin-left: 0;
+
</div>
}
+
</a>
  
.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
 
width: 83.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
 
width: 75%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
+
<div class="menu_button">
width: 66.6666666667%;
+
<div class="expand_collapse_icon">  </div> TEAM
clear: none;
+
</div>
margin-left: 0;
+
}
+
  
.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
+
<div class="submenu_wrapper" id="team_submenu">
width: 58.3333333333%;
+
clear: none;
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Team">
margin-left: 0;
+
<div class="submenu_button" id="Team_page">
}
+
Team
 +
</div>
 +
</a>
  
.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Collaborations">
width: 50%;
+
<div class="submenu_button"  id="Collaborations_page">
clear: none;
+
Collaborations
margin-left: 0;
+
</div>
}
+
</a>
 +
 +
 +
</div>
  
.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
 
width: 41.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
  
.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
+
width: 33.3333333333%;
+
clear: none;
+
margin-left: 0;
+
}
+
  
.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
+
<div class="menu_button">
width: 25%;
+
<div class="expand_collapse_icon">  </div> PROJECT
clear: none;
+
</div>
margin-left: 0;
+
}
+
  
.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
+
<!-- project submenu -->
width: 16.6666666667%;
+
<div class="submenu_wrapper">
clear: none;
+
margin-left: 0;
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Description">
}
+
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
  
.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Design">
width: 8.3333333333%;
+
<div class="submenu_button"  id="Design_page">
clear: none;
+
Design
margin-left: 0;
+
</div>
}
+
</a>
  
.\31 2u\24\28mobile\29 + *,
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Experiments">
.\31 1u\24\28mobile\29 + *,
+
<div class="submenu_button"  id="Experiments_page">
.\31 0u\24\28mobile\29 + *,
+
Experiments
.\39 u\24\28mobile\29 + *,
+
</div>
.\38 u\24\28mobile\29 + *,
+
</a>
.\37 u\24\28mobile\29 + *,
+
.\36 u\24\28mobile\29 + *,
+
.\35 u\24\28mobile\29 + *,
+
.\34 u\24\28mobile\29 + *,
+
.\33 u\24\28mobile\29 + *,
+
.\32 u\24\28mobile\29 + *,
+
.\31 u\24\28mobile\29 + * {
+
clear: left;
+
}
+
  
.\-11u\28mobile\29 {
 
margin-left: 91.66667%;
 
}
 
  
.\-10u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Notebook">
margin-left: 83.33333%;
+
<div class="submenu_button"  id="Notebook_page">
}
+
Notebook
 +
</div>
 +
</a>
  
.\-9u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/InterLab">
margin-left: 75%;
+
<div class="submenu_button"  id="InterLab_page">
}
+
InterLab
 +
</div>
 +
</a>
  
.\-8u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Contribution">
margin-left: 66.66667%;
+
<div class="submenu_button"  id="Contribution_page">
}
+
Contribution
 +
</div>
 +
</a>
  
.\-7u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Model">
margin-left: 58.33333%;
+
<div class="submenu_button"  id="Model_page">
}
+
Model
 +
</div>
 +
</a>
  
.\-6u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Results">
margin-left: 50%;
+
<div class="submenu_button"  id="Results_page">
}
+
Results
 +
</div>
 +
</a>
  
.\-5u\28mobile\29 {
 
margin-left: 41.66667%;
 
}
 
  
.\-4u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Demonstrate">
margin-left: 33.33333%;
+
<div class="submenu_button"  id="Demonstrate_page">
}
+
Demonstrate
 +
</div>
 +
</a>
  
.\-3u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Improve">
margin-left: 25%;
+
<div class="submenu_button"  id="Improve_page">
}
+
Improve
 +
</div>
 +
</a>
  
.\-2u\28mobile\29 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Attributions">
margin-left: 16.66667%;
+
<div class="submenu_button"  id="Attributions_page">
}
+
Attributions
 +
</div>
 +
</a>
  
.\-1u\28mobile\29 {
+
</div>
margin-left: 8.33333%;
+
}
+
  
}
+
 +
 +
 +
  
/*******************1549****************/
+
<div class="menu_button">
/* Basic */
+
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:CCU_Taiwan/Parts">
 +
<div class="submenu_button"  id="Parts_page">
 +
Parts
 +
</div>
 +
</a>
  
body {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Basic_Part">
background: #f0f4f4;
+
<div class="submenu_button"  id="Basic_Part_page">
color: #5b5b5b;
+
Basic Parts
font-size: 15pt;
+
</div>
line-height: 0.5em;
+
</a>
font-family: 'Source Sans Pro', sans-serif;
+
font-weight: 300;
+
}
+
+
body.is-loading *, body.is-loading *:after, body.is-loading *:before {
+
-moz-transition: none !important;
+
-webkit-transition: none !important;
+
-ms-transition: none !important;
+
transition: none !important;
+
-moz-animation: none !important;
+
-webkit-animation: none !important;
+
-ms-animation: none !important;
+
animation: none !important;
+
}
+
  
input, textarea, select {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Composite_Part">
font-size: 15pt;
+
<div class="submenu_button"  id="Composite_Part_page">
line-height: 1.85em;
+
Composite Parts
font-family: 'Source Sans Pro', sans-serif;
+
</div>
font-weight: 300;
+
</a>
}
+
  
h1, h2, h3, h4, h5, h6 {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Part_Collection">
font-weight: 400;
+
<div class="submenu_button"  id="Part_Collection_page">
color: #483949;
+
Part Collection
line-height: 1.25em;
+
</div>
}
+
</a>
 +
</div>
  
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+
color: inherit;
+
text-decoration: none;
+
border-bottom-color: transparent;
+
}
+
  
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Safety">
font-weight: 600;
+
<div class="menu_button direct_to_page">
}
+
SAFETY
 +
</div>
 +
</a>
  
h2 {
 
font-size: 2.85em;
 
}
 
  
h3 {
 
font-size: 1.25em;
 
}
 
  
h4 {
 
font-size: 1em;
 
margin: 0 0 0.25em 0;
 
}
 
  
strong, b {
 
font-weight: 400;
 
color: #483949;
 
}
 
  
em, i {
 
font-style: italic;
 
}
 
  
a {
 
color: inherit;
 
border-bottom: solid 1px rgba(128, 128, 128, 0.15);
 
text-decoration: none;
 
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
 
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
 
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
 
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
 
}
 
  
a:hover {
+
<div class="menu_button" >
color: #ef8376;
+
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
border-bottom-color: transparent;
+
</div>
}
+
  
sub {
+
<!-- human practices submenu -->
position: relative;
+
<div class="submenu_wrapper">
top: 0.5em;
+
font-size: 0.8em;
+
}
+
  
sup {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/HP/Silver">
position: relative;
+
<div class="submenu_button"  id="Silver_page">
top: -0.5em;
+
Silver HP
font-size: 0.8em;
+
</div>
}
+
</a>
  
blockquote {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/HP/Gold_Integrated">
border-left: solid 0.5em #ddd;
+
<div class="submenu_button" id="Gold_Integrated_page">
padding: 1em 0 1em 2em;
+
Integrated and Gold
font-style: italic;
+
</div>
}
+
</a>
  
p, ul, ol, dl, table {
 
margin-bottom: 1em;
 
}
 
  
p {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Engagement">
text-align: justify;
+
<div class="submenu_button"  id="Engagement_page">
}
+
Public Engagement
 +
</div>
 +
</a>
  
br.clear {
+
</div>
clear: both;
+
}
+
  
hr {
 
position: relative;
 
display: block;
 
border: 0;
 
top: 4.5em;
 
margin-bottom: 9em;
 
height: 6px;
 
border-top: solid 1px rgba(128, 128, 128, 0.2);
 
border-bottom: solid 1px rgba(128, 128, 128, 0.2);
 
}
 
  
hr:before, hr:after {
+
<div class="menu_button">
content: '';
+
<div class="expand_collapse_icon">  </div> AWARDS
position: absolute;
+
</div>
top: -8px;
+
display: block;
+
width: 1px;
+
height: 21px;
+
background: rgba(128, 128, 128, 0.2);
+
}
+
  
hr:before {
+
<!-- awards submenu -->
left: -1px;
+
<div class="submenu_wrapper">
}
+
  
hr:after {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Applied_Design">
right: -1px;
+
<div class="submenu_button"  id="Applied_Design_page">
}
+
Applied Design
 +
</div>
 +
</a>
  
.timestamp {
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Entrepreneurship">
color: rgba(128, 128, 128, 0.75);
+
<div class="submenu_button"  id="Entrepreneurship_page">
font-size: 0.8em;
+
Entrepreneurship
}
+
</div>
 +
</a>
  
/******************1696*****************/
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Hardware">
 +
<div class="submenu_button"  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
  
 +
<a href="https://2017.igem.org/Team:CCU_Taiwan/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
  
</style>
+
<a href="https://2017.igem.org/Team:CCU_Taiwan/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
  
 +
<a href="https://2017.igem.org/Team:CCU_Taiwan/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
  
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 +
<a href="https://2017.igem.org/Team:CCU_Taiwan/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
  
 +
</div>
  
<head>  
+
<a href="https://igem.org/2017_Judging_Form?team=CCU_Taiwan">
 +
<div class="menu_button direct_to_page">
 +
JUDGING FORM
 +
</div>
 +
</a>
  
<!-- This tells the browser that your page is responsive -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
  
 
+
</head>
+
<div class="menu_bottom_padding" >
 +
</div>
 +
 +
</div>
  
  
  
  
 +
</div>
  
  

Latest revision as of 06:58, 20 August 2017

CCU_Taiwan