(Prototype team template page) |
Djcamenares (Talk | contribs) |
||
(78 intermediate revisions by 2 users not shown) | |||
Line 115: | Line 115: | ||
padding:0px; | padding:0px; | ||
float:right; | float:right; | ||
− | border-left: | + | border-left: 20px solid #0f1e38; |
− | background-color:# | + | background-color:#0f1e38; |
text-align:left; | text-align:left; | ||
− | font-family: | + | font-family:Arial, sans-serif; |
overflow-y: auto; | overflow-y: auto; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
Line 138: | Line 138: | ||
.igem_2017_menu_wrapper img { | .igem_2017_menu_wrapper img { | ||
width: 100%; | width: 100%; | ||
+ | opacity: 0.5; | ||
} | } | ||
Line 145: | Line 146: | ||
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
float:left; | float:left; | ||
− | border-bottom: | + | border-bottom: 5px solid #dadafe; |
− | font-size: | + | font-size: 14px; |
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #fafafa; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 181: | Line 182: | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
− | background-color: # | + | background-color: #e8b025; |
text-decoration: none; | text-decoration: none; | ||
color:#ffffff; | color:#ffffff; | ||
Line 188: | Line 189: | ||
/* styling for the menu button when it is the current page */ | /* styling for the menu button when it is the current page */ | ||
.current_page { | .current_page { | ||
− | background-color:# | + | background-color:#960096 !important; |
− | color:# | + | color:#fafafa !important; |
} | } | ||
Line 198: | Line 199: | ||
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
− | background-color:# | + | background-color:#ef175c; |
border-bottom: 1px solid #d3d3d3; | border-bottom: 1px solid #d3d3d3; | ||
font-size: 12px; | font-size: 12px; | ||
− | color: # | + | color: #fafafa; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 226: | Line 227: | ||
float:left; | float:left; | ||
background-color:white; | background-color:white; | ||
− | font-family: | + | font-family:Arial, Geneva, sans-serif; |
} | } | ||
Line 236: | Line 237: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
− | color: # | + | color: #690069; |
} | } | ||
Line 251: | Line 252: | ||
.igem_2017_content_wrapper p { | .igem_2017_content_wrapper p { | ||
padding: 0px 15px; | padding: 0px 15px; | ||
− | font-size: | + | font-size: 16px; |
} | } | ||
Line 399: | Line 400: | ||
.igem_2017_content_wrapper .button:hover{ | .igem_2017_content_wrapper .button:hover{ | ||
background-color: #3399ff; | background-color: #3399ff; | ||
− | color: # | + | color: #D0D0F0; |
} | } | ||
+ | /***************************************************** Added by Prof C: Banner Class | ||
+ | ****************************************************/ | ||
+ | /* Wrapper for the content */ | ||
+ | .igem_2017_banner { | ||
+ | width: 85%; | ||
+ | height: 250px; | ||
+ | margin: 0%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background-color:#0f1e38; | ||
+ | font-family:Arial, Geneva, sans-serif; | ||
+ | color: #ffffff; | ||
+ | overflow: hidden; | ||
+ | border-bottom: 0px solid #dadafe; | ||
+ | } | ||
Line 422: | Line 438: | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
+ | .igem_2017_banner { width: 100%;} | ||
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
.igem_2017_content_wrapper {width:100%; margin-left:0px;} | .igem_2017_content_wrapper {width:100%; margin-left:0px;} | ||
Line 443: | Line 460: | ||
display: block; | display: block; | ||
border: 4px solid #3399ff; | border: 4px solid #3399ff; | ||
− | + | font-weight: bold; | |
} | } | ||
Line 461: | Line 478: | ||
+ | <!--- THIS IS THE BANNER SECTION ---> | ||
+ | |||
+ | <div class="igem_2017_banner" style="text-align:center"> | ||
+ | <b> | ||
+ | Kingsborough Community College || City Unversity of New York || 2017 iGEM Team</b> | ||
+ | <BR><BR> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/b1/Kbcc-banner.jpg" align="center" style="border:1px solid #0a0a0f; width:96%; height:400px; margin-left:2%; margin-right:2%;" alt="Computer Hope"> | ||
+ | </div> | ||
+ | |||
+ | <!--- END OF BANNER SECTION --> | ||
<div class="igem_2017_menu_wrapper" > | <div class="igem_2017_menu_wrapper" > | ||
Line 466: | Line 493: | ||
+ | <!-- Default Logo, Removed for final template | ||
<a href="https://2017.igem.org/Team:Kingsborough_NY"> | <a href="https://2017.igem.org/Team:Kingsborough_NY"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/8/86/T--Kingsborough_NY--DraftLogo2.png"> |
</a> | </a> | ||
+ | ---> | ||
Line 477: | Line 506: | ||
<div id="menu_content"> | <div id="menu_content"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> TEAM | + | <div class="expand_collapse_icon"> </div> TEAM |
</div> | </div> | ||
<div class="submenu_wrapper" id="team_submenu"> | <div class="submenu_wrapper" id="team_submenu"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY"> | ||
+ | <div class="submenu_button" id="Home_Page"> | ||
+ | Home Page | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY/Description"> | ||
+ | <div class="submenu_button" id="Description_page"> | ||
+ | Our Project | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
<a href="https://2017.igem.org/Team:Kingsborough_NY/Team"> | <a href="https://2017.igem.org/Team:Kingsborough_NY/Team"> | ||
<div class="submenu_button" id="Team_page"> | <div class="submenu_button" id="Team_page"> | ||
− | Team | + | Our Team |
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <!-- REMOVE EXTERNAL LINK TO KINGSBOROUGH | ||
+ | <a href="http://www.kbcc.cuny.edu/Pages/default.aspx"> | ||
+ | <div class="submenu_button" id="Campus_site"> | ||
+ | Our Campus | ||
+ | </div> | ||
+ | </a> | ||
+ | --> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY/Sponsor"> | ||
+ | <div class="submenu_button" id="Sponsor_page"> | ||
+ | Sponsors / Support | ||
</div> | </div> | ||
</a> | </a> | ||
Line 504: | Line 548: | ||
<div class="submenu_button" id="Collaborations_page"> | <div class="submenu_button" id="Collaborations_page"> | ||
Collaborations | Collaborations | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY/Attributions"> | ||
+ | <div class="submenu_button" id="Attributions_page"> | ||
+ | Attributions | ||
</div> | </div> | ||
</a> | </a> | ||
Line 515: | Line 565: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> DESIGN |
</div> | </div> | ||
<!-- project submenu --> | <!-- project submenu --> | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:Kingsborough_NY/Design"> | <a href="https://2017.igem.org/Team:Kingsborough_NY/Design"> | ||
<div class="submenu_button" id="Design_page"> | <div class="submenu_button" id="Design_page"> | ||
− | Design | + | Part Design |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:Kingsborough_NY/ | + | <a href="https://2017.igem.org/Team:Kingsborough_NY/Protocol"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Protocol_page"> |
− | + | Methods | |
</div> | </div> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:Kingsborough_NY/Model"> | <a href="https://2017.igem.org/Team:Kingsborough_NY/Model"> | ||
<div class="submenu_button" id="Model_page"> | <div class="submenu_button" id="Model_page"> | ||
Model | Model | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 597: | Line 598: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> RESULTS |
</div> | </div> | ||
Line 603: | Line 604: | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | <a href="https://2017.igem.org/Team:Kingsborough_NY/ | + | <a href="https://2017.igem.org/Team:Kingsborough_NY/Seawater"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Seawater_page"> |
− | + | Seawater Survival | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:Kingsborough_NY/ | + | <a href="https://2017.igem.org/Team:Kingsborough_NY/Bootcamp"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Bootcamp_page"> |
− | + | Bootcamp | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:Kingsborough_NY/ | + | <a href="https://2017.igem.org/Team:Kingsborough_NY/RFP"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="RFP_page"> |
− | + | RFP Characterization | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:Kingsborough_NY/ | + | <a href="https://2017.igem.org/Team:Kingsborough_NY/BioBrick"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="BioBrick_page"> |
− | + | BioBrick Construction | |
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY/LacZ"> | ||
+ | <div class="submenu_button" id="LacZ_page"> | ||
+ | LacZ-alpha Controls | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Kingsborough_NY/Demonstrate"> | ||
+ | <div class="submenu_button" id="Demonstrate_page"> | ||
+ | Demonstrated Results | ||
</div> | </div> | ||
</a> | </a> | ||
Line 654: | Line 667: | ||
<a href="https://2017.igem.org/Team:Kingsborough_NY/HP/Silver"> | <a href="https://2017.igem.org/Team:Kingsborough_NY/HP/Silver"> | ||
<div class="submenu_button" id="Silver_page"> | <div class="submenu_button" id="Silver_page"> | ||
− | + | Human Practices | |
</div> | </div> | ||
</a> | </a> | ||
Line 673: | Line 686: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://igem.org/2017_Judging_Form?team=Kingsborough_NY"> | <a href="https://igem.org/2017_Judging_Form?team=Kingsborough_NY"> | ||
Line 744: | Line 705: | ||
</div> | </div> | ||
− | + | <body style="background-color:grey;"> | |
<!-- start of content --> | <!-- start of content --> | ||
<div class="igem_2017_content_wrapper"> | <div class="igem_2017_content_wrapper"> | ||
− | <h1>Kingsborough_NY</h1> | + | |
+ | <!-- Included in the Original Template <h1>Kingsborough_NY</h1> --> |
Latest revision as of 20:13, 1 November 2017