Difference between revisions of "Team:UMaryland/Basic Part"

 
Line 4: Line 4:
 
</html>
 
</html>
 
{{Team:UMarylandClasses}}
 
{{Team:UMarylandClasses}}
−
{{Team:UMaryland/UMD15_CSSJS}}  
+
{{Team:UMaryland/UMD15_CSSJS}}
−
<html>
+
−
<style type="text/css">body {background-color:#ffffff;}<style>
+
−
<body>
+
−
</html>
+
 
{{Team:UMarylandMenu}}
 
{{Team:UMarylandMenu}}
  
Line 16: Line 12:
  
 
<style type="text/css">
 
<style type="text/css">
 +
 +
#layer1 {
 +
overflow:hidden;
 +
position:relative;
 +
top:0px;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color: #89e1ff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 +
}
 +
#layer2 {
 +
overflow:hidden;
 +
position:relative;
 +
top:0px;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#ffffff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 +
}
 +
 +
#contentbox{
 +
width: 80%;
 +
max-width: 1900px;
 +
min-width: 1000px;
 +
text-align: justify;
 +
margin:auto;
 +
}
 +
#cover {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:auto;
 +
padding:0px;
 +
background-image: url("https://static.igem.org/mediawiki/2015/5/52/Okdna.png");
 +
background-size: 100% ;
 +
background-repeat: no-repeat;
 +
width:100%;
 +
height:400px;
 +
color: #0DFF00;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-size:xx-large;
 +
top:-220px;
 +
}
 +
#bar{
 +
display: inline-block;
 +
opacity:1;
 +
background-color: #89e1ff;
 +
color:black;
 +
border-top:4px solid black;
 +
border-bottom:4px solid black;
 +
width:100%;
 +
text-align:center;
 +
height:350px;
 +
top:-220px;
 +
position:relative;
 +
}
 +
 +
#buttonset {
 +
text-align:center;
 +
position:relative;
 +
}
 +
#button {
 +
overflow:hidden;
 +
display: inline-block;
 +
height:50px;
 +
width: 200px;
 +
background-color: rgba(255,255,255,.5);
 +
border: 2px solid black;
 +
border-radius: 10px;
 +
margin: 10px;
 +
padding:10px;
 +
font-size:medium;
 +
color:black;
 +
text-align: center;
 +
}
  
 
#partcontainer {
 
#partcontainer {
 
overflow:hidden;
 
overflow:hidden;
−
background-color:#66FF00;
+
background-color:#A9F5BC;
 
width:1000px;
 
width:1000px;
 
margin:auto;
 
margin:auto;
 +
border:5px solid black;
 +
border-radius:20px;
 
}
 
}
  
Line 42: Line 121:
 
float:left;
 
float:left;
 
margin:10px;
 
margin:10px;
 +
border-radius:10px;
 
}
 
}
  
Line 47: Line 127:
 
float:right;
 
float:right;
 
margin:10px;
 
margin:10px;
−
border: 2px solid black;
+
border: 4px solid black;
 +
border-radius:10px;
 
}
 
}
  
 
</style>
 
</style>
  
 +
<div id='cover'>
 +
</div>
 +
 +
<div id='bar'>
 +
<p style="font-size:48px"><b>Basic Parts</b></style>
 +
<p style="font-size:24px">This page contains just the basic parts we made. Click below to see all our parts.
 +
 +
<div id='buttonset'>
 +
<a href="https://2015.igem.org/Team:UMaryland/Part_Collection">
 +
<div id='button'>
 +
<p> All Parts
 +
</div>
 +
</a>
 +
<p style="font-size:18px">A basic part is a biobrick that is not made of any other biobricks.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id='layer2'>
  
−
<h1 align = "center"><b>Basic Parts</b></h1>
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
Line 67: Line 167:
 
<br>
 
<br>
 
<br>
 
<br>
−
<br>
+
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
Line 81: Line 181:
 
<br>
 
<br>
 
<br>
 
<br>
−
<br>
+
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
Line 93: Line 193:
 
</div>
 
</div>
 
</div>
 
</div>
−
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
−
 
  
  
Line 103: Line 201:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
 
−
<!--
 
−
 
−
<div id='swagcontent'>
 
−
 
−
<h2> Basic Parts</h2>
 
−
 
−
<style type="text/css">
 
−
 
−
html, body {
 
−
    background-color: #FFFFFF;
 
−
    margin: auto;
 
−
    height: 100%;
 
−
    overflow: auto;
 
−
}
 
−
 
−
.part-container{
 
−
  padding-top: 2em;
 
−
  background-color: #4b4040;
 
−
}
 
−
 
−
.part-container .part-example{
 
−
  padding-top: 15%;
 
−
  padding-bottom: 15em;
 
−
  padding-left: 15%;
 
−
  padding-right: 85%;
 
−
  position: relative;
 
−
  opacity: 1;
 
−
  filter: alpha(opacity=60);
 
−
  background-color: #4b4040;
 
−
}
 
−
 
−
.part-container .part-example .name{
 
−
 
 
−
  font-size: 25px;
 
−
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 
−
  position: absolute;
 
−
  top: 5%;
 
−
  left: 7%;
 
−
  color: #e0dfdc;
 
−
 
−
}
 
−
 
−
.part-container .part-example .catalog{
 
−
  font-size: 20px;
 
−
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 
−
  position: absolute;
 
−
  top: 8%;
 
−
  left: 60%;
 
−
  color: #FFFFFF;
 
−
}
 
−
 
−
.part-container .part-example .desc{
 
−
  position:absolute;
 
−
  background: rgba(0,0,0,0.9);
 
−
  top: 8em;
 
−
  bottom: 1em;
 
−
  left: 45%;
 
−
  width: 50%;
 
−
  padding-left: 1em;
 
−
  padding-right: 1em;
 
−
}
 
−
 
−
.part-container .part-example #part-img{
 
−
  overflow: hidden;
 
−
}
 
−
 
−
.part-container .part-example > #part-img{
 
−
    width: 100%;
 
−
    max-height: 100%;
 
−
    display: block;
 
−
}
 
−
 
−
.part-container .part-example .desc h3{
 
−
  color: #009A90;
 
−
  font-family: Verdana; 
 
−
  font-size: 16px;
 
−
 
−
}
 
−
 
−
.part-container .part-example .desc h1{
 
−
  color: #009A90;
 
−
  font-family: Verdana; 
 
−
  font-size: 12px;
 
−
 
−
}
 
−
 
−
 
−
.part-container .part-example .desc p{
 
−
  color: #FFFFFF;
 
−
  font-family: Verdana;
 
−
  font-size: 10px;
 
−
}
 
−
 
−
</style>
 
−
 
−
<div class = "part-container">
 
−
 
−
  <div id = "Part 1">
 
−
  <div class = "part-example col-sm-6">
 
−
    <div class = "name"> <b> Basic 1 </b> </div>
 
−
      <div class = "catalog"> Basic 1 Catalog no </div>
 
−
 
−
      <div class = desc>
 
−
        <h3> Part 1 Gene
 
−
        </h3>
 
−
          <p>
 
−
          Part Notes
 
−
          </p>
 
−
      </div>
 
−
    </div>
 
−
    </div>
 
−
</div>
 
−
 
 
−
 
−
 
−
</div>
 
−
 
−
-->
 
−
 
  
 
</html>
 
</html>

Latest revision as of 01:16, 19 September 2015