Difference between revisions of "Team:UMaryland/Description"

Line 4: Line 4:
 
<style>  
 
<style>  
  
−
wrapper {  
+
.wrapper {  
 
color:#202020 ;
 
color:#202020 ;
 
     text-shadow: 0 1px 0 #ccc,
 
     text-shadow: 0 1px 0 #ccc,
Line 24: Line 24:
 
       position:absolute;
 
       position:absolute;
 
       overflow: hidden;
 
       overflow: hidden;
−
       font-size: 55px;
+
       font-size: 35px;  
−
      left: 27%;  
+
 
      
 
      
 +
 
 
}
 
}
 
  #Hok{
 
  #Hok{
Line 37: Line 37:
 
       }
 
       }
  
−
.container{  
+
.containerL{  
−
     width: 500px;  
+
     width: 350px;  
−
     height: 200px;   
+
     height: 300px;   
−
     margin: auto;
+
     margin: 15px 100px 100px 100px;  
−
    margin-top: 40px;  
+
 
     border: 7px solid black;   
 
     border: 7px solid black;   
 
     border-radius: 10px;  
 
     border-radius: 10px;  
 
     padding: 20px;  
 
     padding: 20px;  
 +
    text-align:center;
  
 
}
 
}
  
  
−
</style>
+
.containerH{
 +
    width: 350px;
 +
    height: 300px; 
 +
    margin: 15px 100px 100px 550px;
 +
    border: 7px solid black; 
 +
    border-radius: 10px;
 +
    padding: 20px;
 +
    text-align:center;
  
−
<wrapper>
+
}
  
−
<div id ="Lutein"> Lutein </div>  
+
.container > h1{
−
<div id="Hok"> Hok/Sok </div>
+
    align:center;
 +
}
  
−
</wrapper>
 
  
−
<div class = "container">
+
</style>
 +
 
 +
 
 +
<div class = "containerL">
  
 +
<div id ="Lutein"; class = "wrapper"> <h1>Lutein</h1> </div>
 
<a href ="#Lutein">
 
<a href ="#Lutein">
−
<img src="http://www.ventajahealth.com/_Media/lutein.gif">   
+
    <img src="http://www.ventajahealth.com/_Media/lutein.gif">   
 
</a>  
 
</a>  
  
 +
</div>
 +
 +
 +
<div class = "containerH">
  
 +
<div id="Hok"; class = "wrapper"> Hok/Sok </div>
 
<a href ="#Hok">
 
<a href ="#Hok">
 
<img src= "http://commoncore.hku.hk/wp-content/uploads/2012/07/icon_science_b.png">
 
<img src= "http://commoncore.hku.hk/wp-content/uploads/2012/07/icon_science_b.png">
Line 70: Line 86:
  
 
</div>  
 
</div>  
−
+
 
  
 
<a name = "Lutein">  
 
<a name = "Lutein">  

Revision as of 20:30, 29 July 2015