Difference between revisions of "Team:UC Davis/AchalaTestPage"
| Line 10: | Line 10: | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
/*-------------------------------------------------------------------*/ | /*-------------------------------------------------------------------*/ | ||
| + | /*----Top Navigation Styling-----*/ | ||
/*----Top Navigation Styling-----*/ | /*----Top Navigation Styling-----*/ | ||
#topnav { | #topnav { | ||
display: table; | display: table; | ||
| − | + | width: 100%; | |
| − | + | background-color: #002855; | |
| − | + | margin-left: 0px; | |
| − | + | margin-top: 0px; | |
} | } | ||
#topnav li { | #topnav li { | ||
display: table-cell; | display: table-cell; | ||
| − | + | width: 16.666666667%; | |
| − | + | line-height: 50px; | |
| − | + | text-align: center; | |
| − | + | ||
} | } | ||
#topnav a { | #topnav a { | ||
| Line 30: | Line 30: | ||
font-size: 20px; | font-size: 20px; | ||
color: white; | color: white; | ||
| − | |||
} | } | ||
#topnav li a { | #topnav li a { | ||
display: block; | display: block; | ||
} | } | ||
| + | /*--------------------------------*/ | ||
/* The dropdown container */ | /* The dropdown container */ | ||
| − | .dropdown { | + | .dropdown { |
| − | + | float: left; | |
| − | + | overflow: hidden; | |
| − | + | } | |
| − | + | ||
| − | } | + | |
| − | /* Dropdown button */ | + | /* Dropdown button */ |
| − | .dropdown .dropbtn { | + | .dropdown .dropbtn { |
| − | + | font-size: 20px; | |
| − | + | border: none; | |
| − | + | outline: none; | |
| − | + | color: white; | |
| − | + | padding: 14px 16px; | |
| − | + | background-color: inherit; | |
| − | + | font-family: inherit; /* Important for vertical align on mobile phones */ | |
| − | + | margin: 0; /* Important for vertical align on mobile phones */ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | /* Adds navy blue color to backgroup to navbar links | ||
| + | #topnav li a:hover, .dropdown:hover .dropbtn { | ||
| + | background-color: #123b68; | ||
| + | }*/ | ||
/* Dropdown content (hidden by default) */ | /* Dropdown content (hidden by default) */ | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| − | position: | + | position: absolute; |
background-color: #eff1f2; | background-color: #eff1f2; | ||
min-width: 160px; | min-width: 160px; | ||
| Line 91: | Line 88: | ||
/*--------------------------------*/ | /*--------------------------------*/ | ||
</style> | </style> | ||
| + | <style> | ||
| + | .contain { | ||
| + | max-width:960px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | .category { | ||
| + | position:relative; | ||
| + | display: inline-block; | ||
| + | float:left; | ||
| + | padding:10px; | ||
| + | } | ||
| + | |||
| + | .category2 { | ||
| + | position:relative; | ||
| + | display: inline-block; | ||
| + | pading:10px; | ||
| + | } | ||
| + | .category3 { | ||
| + | position:relative; | ||
| + | display: inline-block; | ||
| + | float:right; | ||
| + | margin-right:50%; | ||
| + | padding:10px; | ||
| + | } | ||
| + | </style> | ||
| + | <style> | ||
| + | .content { | ||
| + | max-width: 100%; | ||
| + | margin: auto; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<body> | <body> | ||
| − | <div class=" | + | <div class="content"> |
| − | + | <!--______________Cental logo____________--> | |
| + | |||
| + | <div align="center" class="category" style="background-color: #002855"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/4/40/T--UC_Davis--UC_Davis_Logo.png" alt="uc davis logo" width="147px"; height="25px";> | ||
| + | |||
</div> | </div> | ||
| + | |||
| + | <!--______________UC Davis logo____________--> | ||
| + | |||
| + | <div align="center" class="category2" style="background-color: #002855"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/1/1b/T--UC_Davis--DNA_refined.png" alt="Cenozoic logo" style="display: block;"width="301px"; height="301px";> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <!--______________iGEM logo____________--> | ||
| + | |||
| + | <div align="center" class="category3" style="background-color: #002855"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/2/2b/T--UC_Davis--iGEM.png" alt="uc davis logo" width="112px"; height="90px";> | ||
| + | </div> | ||
| + | |||
<!--______________Top Navigation Bar____________--> | <!--______________Top Navigation Bar____________--> | ||
<ul id="topnav"> | <ul id="topnav"> | ||
| − | <div class="topnav"> | + | <div class="topnav"> |
<!--______________Project____________--> | <!--______________Project____________--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| Line 106: | Line 154: | ||
<a href="#">Link 3</a> | <a href="#">Link 3</a> | ||
</div> | </div> | ||
| − | </div> | + | </div> |
| + | </div> | ||
<!--______________Human Resources____________--> | <!--______________Human Resources____________--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| Line 153: | Line 202: | ||
</div> | </div> | ||
</ul> | </ul> | ||
| − | + | </div> | |
</body> | </body> | ||
</html> | </html> | ||
Revision as of 05:52, 25 July 2018
