Difference between revisions of "Template:US AFRL CarrollHS Main Body Layout"

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
 
−
<style>
+
<style>
  
−
 
+
div.background {
−
 
+
   background-color: none;
−
body {
+
−
                                background: url("https://static.igem.org/mediawiki/2017/f/f3/US_AFRL_CarrollHS_Gears_Background_HomePage.png") no repeat top center;
+
−
width: 90%;
+
−
float: center;
+
−
margin: 5px;
+
−
                                box-sizing: border-box;
+
−
 
+
−
#cover {
+
−
   background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center bottom;
+
 
   background-size: cover;
 
   background-size: cover;
−
  background-attachment: fixed;
 
−
  height: 900px;
 
−
  position: relative;
 
−
  top: -55px;
 
 
   width: 100%;
 
   width: 100%;
 +
  height: 100%
 +
  position: center;
 
}
 
}
  
−
.cover-content {
+
div.WholePage {
−
  box-sizing: border-box;
+
 
   margin: 0 auto;
 
   margin: 0 auto;
−
   position: relative;
+
   align-items: center;
−
  text-align: center;
+
−
  top: 280px;
+
−
  width: 70%;
+
 
}
 
}
  
−
</style>
+
div.maintext {
−
+
  width: 90%;
 +
  height: 500px;
 +
  position: center bottom;
 +
  background-color: white;
 +
  background-position: fixed;
 +
 
  
 +
}
  
−
<div id="cover">
+
body {
−
    <div class="cover-content">
+
  background: url("https://static.igem.org/mediawiki/2017/f/f3/US_AFRL_CarrollHS_Gears_Background_HomePage.png");
−
      <h1>US AFRL Carroll HS</h1>
+
  background-position: relative;
−
      <h2>Welcome to Our Project</h2>
+
  background-size: cover;
−
    </div>
+
  width: 70%;
−
  </div>
+
  position: center;
−
 
+
}
 +
</style>
  
 
</html>
 
</html>

Latest revision as of 17:37, 11 July 2017