Raj Magesh (Talk | contribs) |
Raj Magesh (Talk | contribs) |
||
Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | |||
+ | @import url('https://fonts.googleapis.com/css?family=Yesteryear'); | ||
/* Code for removing iGEM loader content */ | /* Code for removing iGEM loader content */ | ||
− | #sideMenu, #top_title, #top | + | #sideMenu, #top_title, #top { |
display: none; | display: none; | ||
} | } | ||
/* Content styling */ | /* Content styling */ | ||
− | |||
− | |||
#content { | #content { | ||
− | background-color: # | + | background-color: #FFFDE7; |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
Line 26: | Line 26: | ||
margin: 0; | margin: 0; | ||
height: 100%; | height: 100%; | ||
+ | font-family: 'Yesteryear', cursive; | ||
} | } | ||
#inPageNav { | #inPageNav { | ||
− | width: | + | width: 25%; |
float: left; | float: left; | ||
display: block; | display: block; | ||
position: fixed; | position: fixed; | ||
+ | font-family: 'Yesteryear', cursive; | ||
} | } | ||
#inPageNav ol { | #inPageNav ol { | ||
Line 42: | Line 44: | ||
display: block; | display: block; | ||
padding: 10px 0 10px 10px; | padding: 10px 0 10px 10px; | ||
− | text-align: | + | text-align: center; |
} | } | ||
#inPageNav ol li:hover { | #inPageNav ol li:hover { | ||
background-color: #ddd; | background-color: #ddd; | ||
− | } | + | } |
− | + | ||
#contentMain { | #contentMain { | ||
width: 85%; | width: 85%; | ||
Line 57: | Line 58: | ||
position: relative; | position: relative; | ||
top: 16px; | top: 16px; | ||
− | left: | + | left: 25%; |
height: 1000px; | height: 1000px; | ||
z-index: -1; | z-index: -1; | ||
height: auto; | height: auto; | ||
overflow: auto; | overflow: auto; | ||
+ | font-family: 'Yesteryear', cursive; | ||
} | } | ||
#content h1 { | #content h1 { | ||
margin: 0 0 40px 0; | margin: 0 0 40px 0; | ||
+ | font-family: 'Yesteryear', cursive; | ||
} | } | ||
#content h2, h3 { | #content h2, h3 { | ||
margin: 0 0 30px 0; | margin: 0 0 30px 0; | ||
+ | font-family: 'Yesteryear', cursive; | ||
} | } | ||
#content p { | #content p { | ||
margin: 0 0 30px 0; | margin: 0 0 30px 0; | ||
line-height: 2; | line-height: 2; | ||
+ | font-family: 'Yesteryear', cursive; | ||
+ | font-size: 2em; | ||
} | } | ||
.navbar { | .navbar { | ||
overflow: hidden; | overflow: hidden; | ||
− | background-color: | + | background-color: #333; |
+ | font-family: 'Yesteryear', cursive; | ||
padding-right: 30px; | padding-right: 30px; | ||
} | } | ||
Line 81: | Line 88: | ||
.navbar a { | .navbar a { | ||
float: right; | float: right; | ||
− | font-size: | + | font-size: 16px; |
− | color: | + | color: white; |
text-align: center; | text-align: center; | ||
padding: 14px 16px; | padding: 14px 16px; | ||
Line 98: | Line 105: | ||
border: none; | border: none; | ||
outline: none; | outline: none; | ||
− | color: | + | color: white; |
padding: 14px 16px; | padding: 14px 16px; | ||
background-color: inherit; | background-color: inherit; | ||
Line 120: | Line 127: | ||
.navbar a:hover, .dropdown:hover .dropbtn { | .navbar a:hover, .dropdown:hover .dropbtn { | ||
− | background-color: | + | background-color: red; |
} | } | ||
Line 162: | Line 169: | ||
<div class="navbar"> | <div class="navbar"> | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore" id="logoImg">Logo here</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore" id="logoImg">Logo here</a> | ||
− | |||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Community</button> | <button class="dropbtn">Community</button> | ||
Line 170: | Line 176: | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a> | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a> | ||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 188: | Line 192: | ||
<button class="dropbtn">Lab</button> | <button class="dropbtn">Lab</button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | |||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a> | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a> | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a> | ||
<a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a> | <a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a> | ||
− | <a href="https://2017.igem.org/Team:IISc-Bangalore/ | + | <a href="https://2017.igem.org/Team:IISc-Bangalore/Safety">Safety</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 221: | Line 224: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | + | <a href="https://2017.igem.org/Team:IISc-Bangalore">Home</a> | |
</div> | </div> | ||
</div> | </div> |
Revision as of 21:20, 19 October 2017