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

(Prototype team page)
 
Line 4: Line 4:
 
<h2> Basic Parts</h2>
 
<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: 15em;
 +
  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: 300px;
 +
  width: 50%;
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
}
 +
 +
.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 class="highlightBox">
 
<div class="highlightBox">

Revision as of 21:08, 13 August 2015