Markswayne (Talk | contribs) |
Markswayne (Talk | contribs) |
||
(7 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 | + | 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: | + | 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 108: | Line 118: | ||
text-align:center; | text-align:center; | ||
} | } | ||
+ | |||
+ | |||
+ | /***************************************************** 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
/***************************************************** RESPONSIVE STYLING ****************************************************/ | /***************************************************** RESPONSIVE STYLING ****************************************************/ | ||
Line 139: | Line 317: | ||
+ | |||
+ | |||
+ | /* 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> | </style> | ||
Line 150: | Line 338: | ||
</head> | </head> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="igem_2017_menu_wrapper" > | <div class="igem_2017_menu_wrapper" > | ||
Line 161: | 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 348: | Line 537: | ||
</div> | </div> | ||
+ | |||
<script> | <script> | ||
Line 361: | Line 551: | ||
menu_functionality(); | menu_functionality(); | ||
hide_show_menu(); | hide_show_menu(); | ||
+ | |||
+ | |||
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols |
Latest revision as of 14:04, 31 October 2017