Difference between revisions of "Template:Base"

 
(23 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 {
 +
              margin: auto;
 
               background-color: #E8BB00;
 
               background-color: #E8BB00;
 +
              width: 980px;
 
           }
 
           }
  
−
           head {
+
           #header {
−
              display: inline;
+
−
              margin: 10px auto 10px auto;
+
−
              border: 10px solid ;
+
−
              padding: 10px;
+
−
              text-align: center;
+
 
               background-color: #000091;
 
               background-color: #000091;
 +
              border: 10px solid black;
 
           }
 
           }
  
−
           nav {
+
           #header img {
−
               background-color:Black;
+
              width: 960px;
−
               width:300px;
+
          }
−
              min-height:100%;
+
 
 +
          #nav {
 +
               background-color: gold;
 +
               width: 960px;
 
               float: left;
 
               float: left;
−
          }
+
               border: 10px solid black;
−
          .nav a {
+
               text-align: center;
−
               display: block;
+
−
               background-color: Black;
+
 
           }
 
           }
  
−
           .nav a:hover{
+
           #nav a:hover{
 
               background-color: #0050FF;
 
               background-color: #0050FF;
 
               color: #FFE304;
 
               color: #FFE304;
−
              padding
 
 
           }
 
           }
  
−
    </style>
+
          #nav a:link {
 +
              color:yellow;
 +
          }
  
−
    <head>
+
          #section {
−
               <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
+
               display: block;
−
               <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>
+
              border: 10px solid black;
−
    </head>
+
              background-color: #000091;
 +
               float: left;
 +
              width: 960px;
 +
              color: yellow;
 +
              font-size: 18px;
 +
          }
  
−
    <body>
+
          #section1 {
 +
              display: block;
 +
              border: 10px solid black;
 +
              background-color: #E8BB00;
 +
              float: left;
 +
              width: 960px;
 +
              color: #000091;
 +
              font-size: 18px;
 +
          }
  
−
           <nav>
+
           #footer {
−
                    <ul style="font-size: 30px" class="nav">
+
              border: 10px solid black;
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home</a>
+
              background-color: #E8BB00;
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</a>
+
              text-align: center;
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
+
              margin: auto;
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/contactus">Contact</a>
+
              width: 960px;
 +
              float:left;
 +
              height: 230px;
 +
          }
  
−
                    </ul>
+
          #footer a {
 +
              font-size: 20px;
 +
          }
 +
          #footer img {
 +
              width: 96px;
 +
              height: 76px;
 +
          }
  
−
          </nav>
+
    </style>
 +
    </head>
  
−
          <br></br>
+
    <body>
−
          <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>
+
    <div id="main">
−
         
+
          <div id="header">
−
               <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
+
              <!--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>
 +
          </div>
  
 +
          <div id="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/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/outreach">Outreach</a>
 +
              </ul>
 
           </div>
 
           </div>
 +
    </div>
 
     </body>
 
     </body>
−
    <footer>
 
−
          Yo
 
−
    </footer>
 
 
</html>
 
</html>

Latest revision as of 01:34, 19 September 2015