(40 intermediate revisions by 3 users not shown) | |||
Line 14: | Line 14: | ||
.menu-wrap { | .menu-wrap { | ||
− | |||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
+ | background-color: #893939; /*this is the color behind menu buttons */ | ||
} | } | ||
Line 35: | Line 35: | ||
.menu a { | .menu a { | ||
font-size: 22px; | font-size: 22px; | ||
− | font-family: ' | + | font-family: 'Days One', sans-serif; |
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 3px; | letter-spacing: 3px; | ||
transition: all linear 0.15s; | transition: all linear 0.15s; | ||
− | color: | + | /* color: #aba5aa; this is the color of menu text */ |
− | background-color: # | + | color: #be740d; |
+ | background-color: #893939; /*this is the color of menu buttons */ | ||
text-decoration: none; | text-decoration: none; | ||
− | + | /* border-radius: 15px 15px 15px 15px;*/ | |
} | } | ||
Line 48: | Line 49: | ||
.menu .current-item > a { | .menu .current-item > a { | ||
text-decoration: none; | text-decoration: none; | ||
− | + | /* color: #be740d;*/ | |
+ | color: orangered; | ||
+ | |||
} | } | ||
Line 98: | Line 101: | ||
.sub-menu li a { | .sub-menu li a { | ||
− | font-family: 'Farsan', cursive; | + | /*font-family: 'Farsan', cursive;*/ |
font-size: 16px; | font-size: 16px; | ||
padding: 4px; | padding: 4px; | ||
display: block; | display: block; | ||
− | background: # | + | background: #893939; /* color of submenu */ |
+ | /* background: #1b8b91; */ | ||
} | } | ||
li li{ | li li{ | ||
Line 110: | Line 114: | ||
.sub-menu li a:hover, | .sub-menu li a:hover, | ||
.sub-menu .current-item a {} | .sub-menu .current-item a {} | ||
+ | |||
+ | .menuSmall{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width : 560px){ | ||
+ | |||
+ | .menu-wrap { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .menuSmall{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Londrina Sketch'; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/a/a5/T--Freiburg--Font_LondrinaSketch.ttf) format('truetype'); | ||
+ | font-weight: bold; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Gloria Hallelujah'; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/f/f1/T--Freiburg--Font-Gloria_Hallelujah.ttf) format('truetype'); | ||
+ | font-weight: bold; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Baloo Paaji'; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/b/b1/T--Freiburg--Fonts_BalooPaani.ttf) format('truetype'); | ||
+ | font-weight: bold; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Farsan'; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/6/61/T--Freiburg--Font-Farsan.ttf) format('truetype'); | ||
+ | font-weight: bold; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Days One'; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/5/52/T--Freiburg--Fonts_DaysOne.ttf) format('truetype'); | ||
+ | font-weight: bold; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
<!--- THIS IS WHERE THE HTML BEGINS ---> | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
− | < | + | <div class="menuSmall"> |
− | + | <h5> <a href=" https://2016.igem.org/Team:Freiburg/sitemap"> Menu </a> </h5> | |
− | < | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | |||
<div class="menu-wrap"> | <div class="menu-wrap"> | ||
<nav class="menu"> | <nav class="menu"> | ||
Line 132: | Line 185: | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Achievements"> Achievements </a> </li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Achievements"> Achievements </a> </li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Pictures"> Pictures </a> </li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Pictures"> Pictures </a> </li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Freiburg/GiantJamboree"> Giant Jamboree </a> </li> | ||
+ | |||
+ | |||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/ | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Overview"> Project </a> |
<ul class="sub-menu"> | <ul class="sub-menu"> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Motivation"> Motivation </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Motivation"> Motivation </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Goals_Approach"> Approach </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Goals_Approach"> Approach </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> | + | <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> B. subtilis </a> |
− | <li> <a href="https://2016.igem.org/Team:Freiburg/Surface_Display"> Microbial | + | <li> <a href="https://2016.igem.org/Team:Freiburg/Surface_Display"> Microbial surface display |
</a> | </a> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Targeted Drug Delivery"> Targeted Drug Delivery</a> </ul> | <li> <a href="https://2016.igem.org/Team:Freiburg/Targeted Drug Delivery"> Targeted Drug Delivery</a> </ul> | ||
Line 145: | Line 202: | ||
<li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Lab"> Lab </a> | <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Lab"> Lab </a> | ||
<ul class="sub-menu"> | <ul class="sub-menu"> | ||
− | |||
<li> <a href="https://2016.igem.org/Team:Freiburg/Experiments"> Methods </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Experiments"> Methods </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Notebook"> Journal </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Notebook"> Journal </a></li> | ||
Line 153: | Line 209: | ||
<ul class="sub-menu"> | <ul class="sub-menu"> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Proof"> Proof of Concept </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Proof"> Proof of Concept </a></li> | ||
− | <li> <a href="https://2016.igem.org/Team:Freiburg/ | + | <li> <a href="https://2016.igem.org/Team:Freiburg/Binding"> Binding </a></li> |
<li> <a href="https://2016.igem.org/Team:Freiburg/Delivery"> Delivery </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Delivery"> Delivery </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Production_Nanocillus"> Nanocillus </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Production_Nanocillus"> Nanocillus </a></li> | ||
Line 160: | Line 216: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/ | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Safety"> Safety </a> |
<ul class="sub-menu"> | <ul class="sub-menu"> | ||
− | |||
<li> <a href="https://2016.igem.org/Team:Freiburg/Knockouts"> Knock Outs </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Knockouts"> Knock Outs </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Killswitch"> Kill Switch </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Killswitch"> Kill Switch </a></li> | ||
Line 169: | Line 224: | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/PR"> Public relations </a> | <li> <a href="https://2016.igem.org/Team:Freiburg/PR"> Public relations </a> | ||
<ul class="sub-menu"> | <ul class="sub-menu"> | ||
− | <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> | + | <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> Human Practice </a></li> |
<li> <a href="https://2016.igem.org/Team:Freiburg/Integrated_Practices"> Integrated </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Integrated_Practices"> Integrated </a></li> | ||
<li> <a href="https://2016.igem.org/Team:Freiburg/Collaborations"> Collaborations </a></li> | <li> <a href="https://2016.igem.org/Team:Freiburg/Collaborations"> Collaborations </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:Freiburg/Poster"> Poster </a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 177: | Line 233: | ||
</nav> | </nav> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 10:35, 3 November 2016