Line 349: | Line 349: | ||
</style> | </style> | ||
+ | <style type="text/css"> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:100%; margin-top:0px; margin-left:0px; margin-bottom:0px;} | ||
− | |||
− | + | body { | |
+ | background-color:#FFFFFF; | ||
+ | border: 1px solid transparent; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | a { | |
− | + | text-decoration:none; | |
+ | color:white; | ||
} | } | ||
− | + | header { | |
− | + | position:absolute; | |
− | + | top:-11px; | |
− | + | z-index: +2; | |
− | + | background-color: #FFFFFF; | |
− | + | width:100%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.dropbtn { | .dropbtn { | ||
− | background-color: # | + | background-color: #FFFFFF; |
− | color: # | + | color: #72CA8C; |
− | + | padding:20px 10px; | |
− | font-size: | + | font-size:150%; |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.dropdown { | .dropdown { | ||
− | position: relative; | + | position:relative; |
display: inline-block; | display: inline-block; | ||
+ | float:left; | ||
+ | margin:0; | ||
} | } | ||
Line 463: | Line 393: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #DCE1DE; |
min-width: 160px; | min-width: 160px; | ||
− | |||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
− | + | z-index: +3; | |
} | } | ||
.dropdown-content a { | .dropdown-content a { | ||
color: black; | color: black; | ||
− | padding: | + | padding: 14px 14px; |
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
} | } | ||
− | .dropdown a:hover {background-color: # | + | .dropdown-content a:hover { |
− | + | background-color: #9CC5A1 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .dropdown:hover .dropdown-content { | |
− | + | display: block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | + | .dropdown:hover .dropbtn { | |
− | + | background-color: #387C44; | |
− | . | + | |
− | background-color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1 { | |
− | + | font-size:300%; | |
+ | font-family:verdana, sans-serif; | ||
+ | color:black; | ||
} | } | ||
− | . | + | .banner { |
− | + | width:100%; | |
− | + | background-size:100%; | |
+ | background-repeat: no-repeat; | ||
+ | background-color: #ffffff; | ||
+ | background-attachment: scroll; | ||
+ | background-position: center; | ||
+ | margin:0px; | ||
+ | padding:100px 0; | ||
+ | border-bottom: 0px; | ||
} | } | ||
− | . | + | .transp { |
− | + | margin: 10px 100px; | |
− | + | padding:0px; | |
− | + | background-color: #ffffff; | |
− | + | border: 1px solid black; | |
− | + | opacity: 0.8; | |
− | + | width:50%; | |
− | + | ||
} | } | ||
− | . | + | |
− | + | img.social { | |
− | + | -webkit-transition: all 0.2s ease; | |
− | + | -moz-transition: all 0.2s ease; | |
− | + | -ms-transition: all 0.2s ease; | |
+ | transition: all 0.2s ease; | ||
+ | margin:10px 0px; | ||
} | } | ||
− | . | + | img.social:hover { |
− | + | opacity:0.6; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | .footer { | |
− | + | float:bottom; | |
− | + | position:absolute; | |
− | + | overflow: hidden; | |
− | + | height:300px; | |
− | + | width:100%; | |
− | + | background-color: #ffffff; | |
− | + | margin:50px 0 0 0; | |
− | + | padding:0 0 50px 0; | |
− | + | text-align:center; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
} | } | ||
Line 615: | Line 475: | ||
</style> | </style> | ||
− | |||
− | |||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
+ | <head> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> | ||
+ | <link type="text/css" href="https://2017.igem.org/Team:ManhattanCol_Bronx/main?action=raw&ctype=text/css" rel="stylesheet"> <!--modifies css based on bootstrap.css--> | ||
+ | <script src="https://2017.igem.org/Team:ManhattanCol_Bronx/jquery?action=raw&ctype=text/javascript"></script> <!--necessary for bootstrap--> | ||
+ | <script src="https://2017.igem.org/Team:ManhattanCol_Bronx/bootstrapjs?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Font Awesome for icons--> | ||
+ | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"> | ||
+ | <!--Set width to the width of the device--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <div class="example3"> | ||
+ | <nav class="navbar navbar-default" style="margin-bottom: 0px"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <!--Three Spans below create buttons in iOS--> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
</head> | </head> | ||
− | < | + | <header> |
− | + | <!--Manhattan Logo--> | |
− | + | <div class="navbar"><font face="tahoma"> | |
− | + | <center><img id="logo" src="https://static.igem.org/mediawiki/2017/c/c2/ManhattanCol_Bronx_header-2.png" width="1000px" ></center> | |
− | + | <nav> | |
− | + | <div class="dropdown"> | |
− | + | <a style="text-decoration:none; color:white;" href="https://2017.igem.org/Team:ManhattanCol_Bronx"><button class="dropbtn">HOME</button></a> | |
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">TEAM</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Team">TEAM</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Collaborations">★COLLABORATIONS</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Attributions">★ATTRIBUTIONS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">PROJECT</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Description">DESCRIPTION</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Design">DESIGN</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Experiments">EXPERIMENT</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Results">RESULTS</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Notebook">NOTEBOOK</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <a style="text-decoration:none; color:white;" href="https://2017.igem.org/Team:ManhattanCol_Bronx/Parts"><button class="dropbtn">PARTS</button></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <a style="text-decoration:none; color:white;" href="https://2017.igem.org/Team:ManhattanCol_Bronx/Safety"><button class="dropbtn">SAFETY</button></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <a style="text-decoration:none; color:white;" href="https://2017.igem.org/Team:ManhattanCol_Bronx/InterLab"><button class="dropbtn">INTERLAB</button></a> | ||
+ | </div> | ||
+ | |||
<div class="dropdown"> | <div class="dropdown"> | ||
− | < | + | <a style="text-decoration:none; color:white;" href="https://2017.igem.org/Team:ManhattanCol_Bronx/HP/Silver"><button class="dropbtn">★HUMAN PRACTICES</button></a> |
+ | </div> | ||
+ | |||
− | + | ||
− | + | </nav> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </header> | ||
Revision as of 18:54, 30 October 2017