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

 
(6 intermediate revisions by the same user not shown)
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 109: Line 119:
 
}
 
}
 
 
 +
 +
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 +
/* Wrapper for the content */
 +
.igem_2017_content_wrapper {
 +
width: 100%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
font-family:'Open Sans', sans-serif;
 +
background-color: #F6F6E3;
 +
}
 +
 +
.igem_2017_content_wrapper hr{
 +
margin: auto;
 +
height: 3px;
 +
border: none;
 +
background-color: #DF6A6A;
 +
}
 +
 +
.igem_2017_content_wrapper .title img{
 +
margin: auto;
 +
display: block;
 +
padding: 50px 0px 0px 0px;
 +
float: center;
 +
}
 +
 +
.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 {
 +
padding: 40px 0px 15px 0px;
 +
border-bottom: 0px;
 +
color: #2C2C2C;
 +
letter-spacing: 1px;
 +
}
 +
 +
.igem_2017_content_wrapper .content {
 +
width: 950px;
 +
margin: 2em auto;
 +
padding-top: 40px;
 +
}
 +
 +
.igem_2017_content_wrapper .content p{
 +
color: #2C2C2C;
 +
font-size: 1.3em;
 +
line-height: 1.2em;
 +
padding: 10px 0px;
 +
}
 +
 +
.igem_2017_content_wrapper .content img{
 +
margin: auto;
 +
display: block;
 +
float: center;
 +
padding: 20px 0px 30px 0px;
 +
}
 +
 +
.column .full_size {
 +
width: 100%;
 +
padding-top: 50px;
 +
}
 +
 +
/* class for a half width column */
 +
.column .half_size {
 +
width: 50%;
 +
float: left;
 +
}
 +
#pdf {
 +
width: 950px;
 +
height: 1200px;
 +
margin: 2em auto;
 +
padding-top: 20px;
 +
}
 +
 +
#pdf object {
 +
display: block;
 +
border: solid 2px #2c2c2c;
 +
}
 +
 +
 +
/**********************************LAYOUT CLASSES **********************************/
 +
 +
/* general class for column divs */
 +
.igem_2017_content_wrapper .column  {
 +
padding: 10px 0px;
 +
float:left;
 +
}
 +
 +
/* class for a full width column */
 +
.column .full_size {
 +
width:100%;
 +
}
 +
 +
/* styling for images in a full width column*/
 +
.column.full_size img {
 +
width:97%;
 +
padding: 10px 15px;
 +
}
 +
 +
/* class for a half width column */
 +
.column.half_size {
 +
width: 50%;
 +
}
 +
/* styling for images in a half width column*/
 +
.column.half_size img {
 +
width: 94.5%;
 +
padding: 10px 15px;
 +
}
 +
 +
 +
 +
 +
/********************************* SUPPORT CLASSES ********************************/
 +
 +
/* class that clears content below*/
 +
.igem_2017_content_wrapper .clear {
 +
clear:both;
 +
}
 +
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
 +
 +
 +
/* highlight class, makes content slightly smaller */
 +
.igem_2017_content_wrapper .highlight {
 +
margin: 0px 15px;
 +
padding: 15px 0px;
 +
}
 +
 +
 +
/* highlight class, adds a gray background */
 +
.igem_2017_content_wrapper .highlight.gray {
 +
background-color: #f2f2f2;
 +
}
 +
 +
/* highlight with decoration blue line on top */
 +
.igem_2017_content_wrapper .highlight.blue_top {
 +
    border-top: 4px solid #3399ff;
 +
}
 +
 +
/* highlight with a full blue border decoration */
 +
.igem_2017_content_wrapper .highlight.blue_border {
 +
    border: 4px solid  #3399ff;
 +
}
 +
 +
 +
/* button class */
 +
.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; 
 +
}
 +
 +
/* styling for button on hover */
 +
.igem_2017_content_wrapper .button:hover{
 +
background-color: #3399ff;
 +
    color: #000000;
 +
}
  
  
Line 164: 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 175: 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

Latest revision as of 14:04, 31 October 2017

HOME
Team
Attributions
Collaborations
Description
Design
Contribution
Model
Results
Demonstrate
Experiments
Protocol
Notebook
InterLab
Basic Parts
Composite Parts
Part Collection
SAFETY
Silver HP
Integrated and Gold
Public Engagement
Applied Design
Integrated Human Practices
Hardware
Model
Software
Criteria
JUDGING FORM