Difference between revisions of "Template:Base"

Line 11: Line 11:
 
           body {
 
           body {
 
               background-color: #E8BB00;
 
               background-color: #E8BB00;
 +
              text-align: center;
 +
              margin: auto
 +
              width: 660px;
 +
              float: left;
 
           }
 
           }
  
           header {
+
           #header {
              border: 10px solid ;
+
 
               background-color: #000091;
 
               background-color: #000091;
 +
              border: 10px, solid, black;
 
               text-align: center;
 
               text-align: center;
 
               align-items: center;
 
               align-items: center;
 +
          }
 +
 +
          #header img {
 +
              width: 960px
 
           }
 
           }
 
   
 
   
           footer {
+
           #footer {
 
               border: 10px solid black;
 
               border: 10px solid black;
 
               background-color: #000091;
 
               background-color: #000091;
 
               text-align: center;
 
               text-align: center;
 
               margin: auto;
 
               margin: auto;
 +
              width: 660px;
 +
              float:left;
 +
              height: 500px;
 
           }
 
           }
           footer a {
+
 
 +
           #footer a {
 
               font-size: 20px;
 
               font-size: 20px;
 
           }
 
           }
           nav {
+
           #footer img {
 +
              width: 96px;
 +
              height: 76px;
 +
          }
 +
          #nav {
 
               background-color:Black;
 
               background-color:Black;
               width:300px;
+
               width: 300px;
               min-height:100%;
+
               height: 500px;
 
               float: left;
 
               float: left;
 +
          }
 +
 +
          #section {
 +
              display: block;
 +
              border: 10px, solid, black;
 
           }
 
           }
 
           .nav a {
 
           .nav a {
Line 43: Line 64:
 
               background-color: #0050FF;
 
               background-color: #0050FF;
 
               color: #FFE304;
 
               color: #FFE304;
              padding
 
 
           }
 
           }
  
Line 49: Line 69:
 
     </style>
 
     </style>
 
     <main>
 
     <main>
    <header>
+
          <div id="header">
 
               <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
 
               <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
 
               <a href="https://2015.igem.org/Team:UMass-Dartmouth"><img src='https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg' /></a>
 
               <a href="https://2015.igem.org/Team:UMass-Dartmouth"><img src='https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg' /></a>
    </header>
+
          </div>
  
 
     <body>
 
     <body>
  
           <nav>
+
           <div id="nav">
 
               <ul style="font-size: 30px" class="nav">
 
               <ul style="font-size: 30px" class="nav">
 
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home</a>
 
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home</a>
Line 63: Line 83:
 
               </ul>
 
               </ul>
  
           </nav>
+
           </div>
           <footer>
+
 
 +
           <div id="footer">
 
               <img src="https://static.igem.org/mediawiki/2015/1/18/UMassD_igem_480.png"/>
 
               <img src="https://static.igem.org/mediawiki/2015/1/18/UMassD_igem_480.png"/>
 
               <p style="font-size: 22px">Check us Out on Social Media!</p>
 
               <p style="font-size: 22px">Check us Out on Social Media!</p>
Line 72: Line 93:
 
            
 
            
 
               <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
 
               <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
           </footer>
+
           </div>
 
     </body>
 
     </body>
</main>
+
    </main>
 
</html>
 
</html>

Revision as of 01:42, 15 September 2015