Difference between revisions of "Template:UMaryland/placeholder"

Line 1: Line 1:
 
<html>
 
<html>
<style>
+
<!-- CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS !-->
/* Common CSS that will exist throughout the wiki - will probably move to its own separate CSS file */
+
<style>
/* Standard important stuff */
+
/* Common CSS that will exist throughout the wiki - will probably move to its own separate CSS file */
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
/* Proprietary iGEM Bullshit */
.float_left {
+
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
float: left;
+
/* Standard important stuff */
}
+
.float_left {
.float_right {
+
float: left;
float: right;
+
}
}
+
.float_right {
.container {
+
float: right;
max-width: 1250px;
+
}
margin: auto;
+
.container {
padding-left: 25px;
+
max-width: 1250px;
padding-right: 25px;
+
margin: auto;
}
+
padding-left: 25px;
.hidden {
+
padding-right: 25px;
display: none;
+
}
}
+
.hidden {
a {
+
display: none;
text-decoration: inherit;
+
}
color: inherit;
+
a {
}
+
text-decoration: inherit;
/* Navbar Stuff */
+
color: inherit;
.NavBar {
+
}
height: 75px;
+
/* Navbar Stuff */
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
+
.NavBar {
background-color: gray;
+
height: 75px;
position: fixed;
+
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
width: 100%;
+
background-color: gray;
top: 0;
+
position: fixed;
}
+
width: 100%;
#logocircleborder {
+
top: 18px;
height: 120px;
+
}
width: 120px;
+
#logocircleborder {
background-color: gray;
+
height: 120px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
+
width: 120px;
border-radius: 60px;
+
background-color: gray;
position: relative;
+
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
}
+
border-radius: 60px;
#removeshadowonnavbar {
+
position: relative;
height: 75px;
+
}
background-color: inherit;
+
#removeshadowonnavbar {
width: 140px;
+
height: 75px;
position: relative;
+
background-color: inherit;
left: -10px;
+
width: 140px;
}
+
position: relative;
.NavBarContainer {
+
left: -10px;
max-width: 1500px;
+
}
margin: auto;
+
.NavBarContainer {
padding-left: 25px;
+
max-width: 1500px;
padding-right: 25px;
+
margin: auto;
}
+
padding-left: 25px;
.NavBarOptions {
+
padding-right: 25px;
display: inline;
+
}
color: white;
+
.NavBarOptions {
font-family: 'Helvetica', sans-serif;
+
display: inline;
/* text-transform: uppercase; */
+
color: lightgray;
font-size: 20px;
+
font-family: 'Helvetica', sans-serif;
padding-left: 15px;
+
font-size: 20px;
position: relative;
+
padding-left: 15px;
top: 15px;
+
position: relative;
text-transform: uppercase;
+
top: 30px;
font-weight: bold;
+
text-transform: uppercase;
}
+
font-weight: bold;
.NavBarOptionsActive {
+
}
color: white;
+
.NavBarOptionsActive {
}
+
color: white;
/* Dropdown stuff */
+
}
.Dropdown {
+
/* Dropdown stuff */
font-size: 16px;
+
.Dropdown {
position: absolute;
+
font-size: 16px;
list-style-type: none;
+
position: absolute;
color: lightgray;
+
list-style-type: none;
padding: 10px 40px 10px 16px;
+
color: lightgray;
left: 20px;
+
padding: 10px 40px 10px 16px;
top: 30px;
+
left: 20px;
background-color: mediumpurple;
+
top: 30px;
border: solid purple 1px;
+
background-color: mediumpurple;
line-height: 1.25;
+
border: solid purple 1px;
}
+
line-height: 1.25;
.DropdownDivider {
+
}
height: 1px;
+
.DropdownDivider {
margin: 8px 0;
+
height: 1px;
background-color: lightgray;
+
margin: 8px 0;
}
+
background-color: lightgray;
/* Title Stuff */
+
}
.TitleRegion {
+
/* Title Stuff */
text-align: right;
+
.TitleRegion {
color: white;
+
text-align: right;
padding-top: 150px;
+
color: white;
margin-top: 75px;
+
padding-top: 150px;
background-image: url("https://static.igem.org/mediawiki/2018/0/09/T--UMaryland--patternAlternateOne.png"); /* Placeholder image, will replace later (along with everything else in here i guess */
+
margin-top: 75px;
font-family: 'Helvetica', sans-serif;
+
background-image: url("https://static.igem.org/mediawiki/2018/0/09/T--UMaryland--patternAlternateOne.png");
}
+
font-family: 'Helvetica', sans-serif;
.containerTitle {
+
}
margin-right: 25px;
+
.containerTitle {
padding-right: 25px;
+
margin-right: 25px;
border-right: 5px solid white;
+
padding-right: 25px;
}
+
border-right: 5px solid white;
.TitleText {
+
}
font-size: 100px;
+
.TitleText {
text-transform: uppercase;
+
font-size: 100px;
}
+
text-transform: uppercase;
.SubtitleText {
+
}
font-size: 50px;
+
.SubtitleText {
}
+
font-size: 50px;
.TitleFade {
+
}
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
+
.TitleFade {
margin-top: 100px;
+
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
height: 100px;
+
margin-top: 100px;
}
+
height: 100px;
/* Picture Box Stuff */
+
}
.PictureBox {
+
/* Picture Box Stuff */
  margin: 10px 20px;
+
.PictureBox {
padding: 20px;
+
  margin: 10px 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+
padding: 20px;
}
+
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
.PictureBoxPictureFloat {
+
}
  height: auto;
+
.PictureBoxPictureFloat {
  width: auto;
+
  height: auto;
  max-width: 300px;
+
  width: auto;
  max-height: 300px;
+
  max-width: 300px;
}
+
  max-height: 300px;
.PictureBoxTitle {
+
}
  font-weight: bold;
+
.PictureBoxTitle {
  font-family: Helvetica;
+
  font-weight: bold;
}
+
  font-family: Helvetica;
.PictureBoxCaption {
+
}
font-family: Helvetica;
+
.PictureBoxCaption {
}
+
font-family: Helvetica;
/* Body page stuff */
+
}
.meatSection {
+
/* Body page stuff */
font-family: 'Helvetica', sans-serif;
+
.meatSection {
font-size: 20px;
+
font-family: 'Helvetica', sans-serif;
}
+
font-size: 20px;
.meatSection a {
+
}
text-decoration: underline;
+
.meatSection a {
important;
+
text-decoration: underline;
}
+
important;
/* CopySTRIKE */
+
}
.onTopOfCopystrike {
+
/* CopySTRIKE */
height: 200px;
+
.onTopOfCopystrike {
}
+
height: 200px;
.bottomStuff {
+
}
border-top: 1px solid darkgray;
+
.bottomStuff {
color: grey ;
+
border-top: 1px solid darkgray;
background-color: black;
+
color: grey ;
padding-top: 50px;
+
background-color: black;
padding-bottom: 50px;
+
padding-top: 50px;
}
+
padding-bottom: 50px;
</style>
+
}
 +
</style>
 +
 +
<!-- jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery jQuery !-->
 +
 
 +
<meta charset="UTF-8">
 +
<head>
 +
<title>UMaryland iGEM 2018</title>
 +
</head>
 +
 
 +
<body style="margin:0">
 +
<div class="NavBar">
 +
<div class="NavBarContainer">
 +
<div class="float_left" id="logocircleborder">
 +
<div id="removeshadowonnavbar">
 +
<a href="https://2018.igem.org/Team:UMaryland"><img src="images/waluigiprofile.png" style="width: 100px; height: 100px; position: relative; top: 10px; left: 20px;" alt="UMD iGEM 2018 logo but in a small form factor"></a>
 +
</div>
 +
</div>
 +
<ul class="float_right"> <!-- <li class="DropdownDivider"></li> for the dropdown bar !-->
 +
<li class="NavBarOptions">
 +
Team
 +
<ul class="Dropdown hidden">
 +
<li>Team Members</li>
 +
<li>Collaborations</li>
 +
</ul>
 +
</li>
 +
<li class="NavBarOptions">
 +
Project
 +
<ul class="Dropdown hidden">
 +
<li>Description</li>
 +
<li>Design</li>
 +
<li>Experiments</li>
 +
<li>Notebook</li>
 +
<li>InterLab</li>
 +
<li>Model</li>
 +
<li>Results</li>
 +
<li>Demonstrate</li>
 +
<li>Improve</li>
 +
<li>Attribution</li>
 +
</ul>
 +
</li>
 +
<li class="NavBarOptions">
 +
Parts
 +
<ul class="Dropdown hidden">
 +
<li>Parts Overview</li>
 +
<li>Basic Parts</li>
 +
<li>Composite Parts</li>
 +
<li>Part Collection</li>
 +
</ul>
 +
</li>
 +
<li class="NavBarOptions">
 +
Safety
 +
</li>
 +
<li class="NavBarOptions">
 +
Human Practices
 +
<ul class="Dropdown hidden">
 +
<li>Human Practices</li>
 +
<li>Education and Engagement</li>
 +
</ul>
 +
</li>
 +
<li class="NavBarOptions">
 +
Awards
 +
<ul class="Dropdown hidden">
 +
<li>Applied Design</li>
 +
<li>Entrepreneurship</li>
 +
<li>Hardware</li>
 +
<li>Measurement</li>
 +
<li>Model</li>
 +
<li>Plant</li>
 +
<li>Software</li>
 +
</ul>
 +
</li>
 +
<li class="NavBarOptions">
 +
<a href="https://igem.org/2018_Judging_Form?team=UMaryland">Judging Form</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 15:57, 9 August 2018

UMaryland iGEM 2018