Difference between revisions of "Team:NTHU Taiwan/MenuBar"

(Created page with "<html> <style> **************************************************** DEFAULT SETTINGS ***************************************************: /* Clear the default wiki setti...")
 
 
(8 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px; overflow-x: hidden;}
 
body {background-color:#f6f6e3;}
 
body {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
Line 19: Line 19:
 
font-family:'Open Sans', sans-serif;  
 
font-family:'Open Sans', sans-serif;  
 
overflow: hidden;
 
overflow: hidden;
 +
margin-left: 20px;
 
}
 
}
  
Line 52: Line 53:
 
outline: none;
 
outline: none;
 
color: #6c5070;
 
color: #6c5070;
padding: 25px 20px;
+
padding: 25px 15px;
 
background-color: inherit;
 
background-color: inherit;
 
}
 
}
Line 88: Line 89:
 
/*menu_wrapper left space*/
 
/*menu_wrapper left space*/
 
.igem_2017_menu_wrapper .menu_right_margin {  
 
.igem_2017_menu_wrapper .menu_right_margin {  
margin-left: 160px;
+
margin-left: 100px;
 
}
 
}
  
Line 96: Line 97:
 
height: 30px;
 
height: 30px;
 
float:left;
 
float:left;
 +
}
 +
 +
.igem_2017_menu_wrapper .logo {
 +
height: 75px;
 +
float:left;
 +
}
 +
.igem_2017_menu_wrapper .logo a{
 +
padding: 0px 0px !important;
 +
height: 75px;
 
}
 
}
  
Line 113: Line 123:
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
width: 81%;
+
width: 100%;
 
margin: 2%;
 
margin: 2%;
 
display:block;
 
display:block;
float:left;
+
float:left;
background-color:white;  
+
font-family:'Open Sans', sans-serif;
font-family:Tahoma, Geneva, sans-serif;  
+
background-color: #F6F6E3;
 
}
 
}
  
 
+
.igem_2017_content_wrapper hr{
/********************************* HTML STYLING  *********************************/
+
margin: auto;
/* styling for the titles h1 h2 */
+
height: 3px;
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
border: none;
padding:5px 15px;  
+
background-color: #DF6A6A;
border-bottom: 0px;  
+
color: #3399ff;
+
 
}
 
}
  
/* styling for the titles  h3 h4 h5 h6*/
+
.igem_2017_content_wrapper .title img{
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {  
+
margin: auto;
padding:5px 15px;  
+
display: block;
border-bottom:0px;  
+
padding: 50px 0px 0px 0px;
color: #000000;
+
float: center;
 
}
 
}
  
/* font and text */
+
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
.igem_2017_content_wrapper p {  
+
padding: 40px 0px 15px 0px;
padding: 0px 15px;  
+
border-bottom: 0px;
font-size: 13px;
+
color: #2C2C2C;
 +
letter-spacing: 1px;
 
}
 
}
  
/* Links */
+
.igem_2017_content_wrapper .content {
.igem_2017_content_wrapper a {  
+
width: 950px;
font-weight: bold;  
+
margin: 2em auto;
text-decoration: underline;
+
padding-top: 40px;
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;
+
 
}
 
}
  
/* hover for the links */
+
.igem_2017_content_wrapper .content p{
.igem_2017_content_wrapper a:hover {  
+
color: #2C2C2C;
text-decoration:none;
+
font-size: 1.3em;
color:#000000;
+
line-height: 1.2em;
 +
padding: 10px 0px;
 
}
 
}
  
/* non numbered lists */
+
.igem_2017_content_wrapper .content img{
.igem_2017_content_wrapper ul {
+
margin: auto;
padding:0px 20px;
+
display: block;
font-size: 13px;
+
float: center;
font-family:Tahoma, Geneva, sans-serif;  
+
padding: 20px 0px 30px 0px;
 
}
 
}
  
/* numbered lists */
+
.column .full_size {
.igem_2017_content_wrapper ol {
+
width: 100%;
padding:0px;  
+
padding-top: 50px;
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;  
+
 
}
 
}
  
/* Table */
+
/* class for a half width column */
.igem_2017_content_wrapper table {  
+
.column .half_size {
width: 97%;  
+
width: 50%;
margin:15px 10px;
+
float: left;
border: 1px solid #d3d3d3;
+
border-collapse: collapse;  
+
 
}
 
}
 
+
#pdf {
/* table cells */
+
width: 950px;
.igem_2017_content_wrapper  td {  
+
height: 1200px;
padding: 10px;
+
margin: 2em auto;
vertical-align: text-top;  
+
padding-top: 20px;
border: 1px solid #d3d3d3;  
+
border-collapse: collapse;  
+
 
}
 
}
  
/* table headers */
+
#pdf object {
.igem_2017_content_wrapper th {  
+
display: block;
padding: 10px;
+
border: solid 2px #2c2c2c;
vertical-align: text-top;  
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;  
+
 
}
 
}
  
Line 345: Line 338:
 
</head>
 
</head>
  
<!-- <div class="munu_img">
+
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
+
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTHU_Taiwan--HOME--logo.png">
+
</a>
+
</div> -->
+
  
 
<div class="igem_2017_menu_wrapper" >
 
<div class="igem_2017_menu_wrapper" >
Line 356: Line 345:
 
MENU   
 
MENU   
 
</div>  
 
</div>  
 
+
<div class="logo">
 
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 +
<img height="95%" src="https://static.igem.org/mediawiki/2017/4/47/T--NTHU_Taiwan--logo.png">
 +
</a>
 +
</div>
 +
 
<div id="menu_content">
 
<div id="menu_content">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 +
 
<div class="menu_button menu_right_margin">
 
<div class="menu_button menu_right_margin">
 
HOME
 
HOME
Line 431: Line 425:
 
</div>
 
</div>
 
</a>
 
</a>
<a href="#">
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Protocol">
 
<div  id="Protocol_page">
 
<div  id="Protocol_page">
 
Protocol
 
Protocol
Line 505: Line 499:
 
</div>
 
</div>
 
</a>
 
</a>
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 
<div  id="Entrepreneurship_page">
 
<div  id="Entrepreneurship_page">
 
Integrated Human Practices
 
Integrated Human Practices
Line 525: Line 519:
 
</div>
 
</div>
 
</a>
 
</a>
<a href="#">
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Criteria">
<div>
+
<div id="Criteria_page">
 
Criteria
 
Criteria
 
</div>
 
</div>
 
</a>
 
</a>
 +
 
</div>
 
</div>
 
</div>
 
</div>
Line 542: Line 537:
  
 
</div>
 
</div>
 +
  
 
<script>
 
<script>

Latest revision as of 14:04, 31 October 2017