Line 14: | Line 14: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | a:link {color:#000000; | ||
+ | } | ||
+ | a:visited {color:#000000; | ||
+ | } | ||
+ | a:hover {color:#fffc7a; | ||
+ | } | ||
+ | a:active {color:#000000; | ||
+ | } | ||
+ | |||
ul.index1 { | ul.index1 { | ||
list-style:none; | list-style:none; | ||
text-align:left; | text-align:left; | ||
font-family: serif, 'Times New Roman'; | font-family: serif, 'Times New Roman'; | ||
− | font-size: | + | font-size:140%; |
+ | margin-top: 15px; | ||
margin-left:10%; | margin-left:10%; | ||
margin-right:10%; | margin-right:10%; | ||
+ | margin-bottom: 10px; | ||
color: #f0f8ff; | color: #f0f8ff; | ||
} | } | ||
Line 34: | Line 45: | ||
margin-right: 0;margin-bottom: 0;; | margin-right: 0;margin-bottom: 0;; | ||
background: #25B6CA; | background: #25B6CA; | ||
− | padding: 0px 5px | + | padding: 0px 5px 5px 5px; |
} | } | ||
Line 40: | Line 51: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
− | top: | + | top: 7px; |
margin-left:10%; | margin-left:10%; | ||
padding: 0 15px ; | padding: 0 15px ; | ||
Line 46: | Line 57: | ||
line-height: 25px; | line-height: 25px; | ||
vertical-align: middle; | vertical-align: middle; | ||
− | font-size: | + | font-size: 240%; |
background: #25B6CA; | background: #25B6CA; | ||
color: #ffffff; | color: #ffffff; | ||
Line 56: | Line 67: | ||
padding: 0; | padding: 0; | ||
} | } | ||
− | + | p.description{ | |
+ | text-align:center; | ||
+ | margin-left:0 auto; | ||
+ | margin-right:0 auto;} | ||
+ | p.description2{ | ||
+ | text-align:center; | ||
+ | margin-left:47%; | ||
+ | margin-right:10%; | ||
+ | } | ||
+ | |||
+ | h1{ margin: 15px; | ||
+ | } | ||
− | + | h2 { | |
+ | background: linear-gradient(transparent 90%, #25B6CA 80%); | ||
+ | margin-left: 10%; | ||
+ | } | ||
− | + | #jump{ | |
− | + | position:fixed; | |
+ | bottom:5%; | ||
+ | right:0; | ||
+ | width:9%; | ||
+ | } | ||
+ | #jump img{ | ||
+ | width:70%; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </style> | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
<div class="clear"></div> | <div class="clear"></div> | ||
+ | <div id="jump"> | ||
− | < | + | <a href="#wrapper"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2018/1/11/T--Kyoto--upbotton.jpg"></a></div> |
− | + | <div id="BACKGROUND"> | |
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div | + | <div style='padding-top: 100px;'><h1 id="wrapper"><img src="" width="30%"></div></h1> |
− | < | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="box27"> | |
− | + | <span class="box-title"><font face="Segoe UI">Table of contents</font></span> | |
− | + | <ul class="index1"> | |
− | <div class=" | + | <li><a href="#seminor"><font color="#fffafa"><font face="Segoe UI">1) iGEM seminor at Kyoto university</font></a></li> |
− | < | + | <li><a href="#Workshop"><font color="#fffafa"><font face="Segoe UI">2) Workshop with high school students</font></a></li> |
− | < | + | <li><a href="#Presentation"><font color="#fffafa"><font face="Segoe UI">3) Presentation at ISS</font></a></li> |
− | + | <li><a href="#Learning"><font color="#fffafa"><font face="Segoe UI">4) Learning Lounge</font></a></li> | |
− | + | ||
− | </ | + | |
− | <ul> | + | |
− | <li><a href=" | + | |
− | <li><a href=" | + | |
− | <li><a href=" | + | |
− | <li><a href=" | + | |
</ul> | </ul> | ||
</div> | </div> | ||
− | |||
− | |||
− |
Revision as of 10:16, 14 October 2018