Difference between revisions of "Template:Base"

 
(25 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<!--erase all boundary blocks-->
 
<!--erase all boundary blocks-->
 
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
 
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
−
 
+
    <head>
 
     <style type="text/css">
 
     <style type="text/css">
 +
          #main {
 +
              max-width: 980px;
 +
              margin: auto;
 +
          }
  
 
           body {
 
           body {
−
              background-color: #E8BB00;
 
 
               margin: auto;
 
               margin: auto;
−
               text-align: center;
+
               background-color: #E8BB00;
−
          }
+
               width: 980px;
−
          #page {
+
−
               max-width: 980px;
+
−
              min-width: 720px;
+
−
              margin: 10px auto 10px auto;
+
−
              padding: 20px;
+
 
           }
 
           }
  
−
           header {
+
           #header {
−
               display: inline;
+
               background-color: #000091;
 +
              border: 10px solid black;
 
           }
 
           }
  
−
           li {
+
           #header img {
−
               margin: 0px;
+
               width: 960px;
−
              padding: 5px auto 5px auto;
+
−
              display: inline;
+
 
           }
 
           }
  
−
           .nav a {
+
           #nav {
−
               display: block, inline;
+
               background-color: gold;
−
               background-color: Black;
+
               width: 960px;
−
               padding: 5px;
+
               float: left;
 +
              border: 10px solid black;
 +
              text-align: center;
 
           }
 
           }
  
−
           .nav a:hover{
+
           #nav a:hover{
 
               background-color: #0050FF;
 
               background-color: #0050FF;
 
               color: #FFE304;
 
               color: #FFE304;
 
           }
 
           }
  
−
           .backDrop img {
+
           #nav a:link {
−
               margin: 10px auto 10px auto;
+
               color:yellow;
−
              border: 10px solid #000091;
+
−
              padding: 10px;;
+
 
           }
 
           }
  
−
    </style>
+
          #section {
 +
              display: block;
 +
              border: 10px solid black;
 +
              background-color: #000091;
 +
              float: left;
 +
              width: 960px;
 +
              color: yellow;
 +
              font-size: 18px;
 +
          }
  
−
    <head>
+
          #section1 {
 +
              display: block;
 +
              border: 10px solid black;
 +
              background-color: #E8BB00;
 +
              float: left;
 +
              width: 960px;
 +
              color: #000091;
 +
              font-size: 18px;
 +
          }
  
 +
          #footer {
 +
              border: 10px solid black;
 +
              background-color: #E8BB00;
 +
              text-align: center;
 +
              margin: auto;
 +
              width: 960px;
 +
              float:left;
 +
              height: 230px;
 +
          }
 +
 +
          #footer a {
 +
              font-size: 20px;
 +
          }
 +
          #footer img {
 +
              width: 96px;
 +
              height: 76px;
 +
          }
 +
 +
    </style>
 
     </head>
 
     </head>
  
 
     <body>
 
     <body>
−
          <div class="backDrop">
+
 
−
             
+
    <div id="main">
 +
          <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>
 
           </div>
 
           </div>
  
−
            
+
           <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>
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</a>
+
                    <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</a>
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
+
                    <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/contactus">Contact</a>
+
                    <a href= "https://2015.igem.org/Team:UMass-Dartmouth/outreach">Outreach</a>
−
 
+
              </ul>
−
                    </ul>
+
−
 
+
−
 
+
−
          <br></br>
+
−
          <div id="footer">
+
−
              <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>
+
−
              <a href="https://www.facebook.com/umdsynthbio">Like us on Facebook</a>
+
−
 
+
−
              <a href="https://twitter.com/UMassD_iGEM?p=s">Follow Us on Twitter</a>
+
−
         
+
−
              <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
+
−
 
+
 
           </div>
 
           </div>
 +
    </div>
 
     </body>
 
     </body>
−
    <footer>
 
−
          Yo
 
−
    </footer>
 
 
</html>
 
</html>

Latest revision as of 01:34, 19 September 2015