Difference between revisions of "Template:Base"

 
(39 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 {
−
              color: #000091;
 
 
               margin: auto;
 
               margin: auto;
 +
              background-color: #E8BB00;
 +
              width: 980px;
 
           }
 
           }
−
           #page {
+
 
−
               max-width: 980px;
+
           #header {
−
               min-width: 720px;
+
               background-color: #000091;
−
              margin: 10px auto 10px auto;
+
               border: 10px solid black;
−
              padding: 20px;
+
 
           }
 
           }
  
−
           header {
+
           #header img {
 +
              width: 960px;
 +
          }
  
−
           nav ul {
+
           #nav {
−
               margin: 0px;
+
               background-color: gold;
−
               padding: 5px auto 5px auto;
+
               width: 960px;
 +
              float: left;
 +
              border: 10px solid black;
 +
              text-align: center;
 
           }
 
           }
  
−
           .backDrop img {
+
           #nav a:hover{
−
               margin: 10px auto 10px auto;
+
               background-color: #0050FF;
−
               width:100%;
+
               color: #FFE304;
−
              border: 10px solid #000091;
+
−
              padding: 10px;;
+
 
           }
 
           }
  
−
    </style>
+
          #nav a:link {
 +
              color:yellow;
 +
          }
  
−
    <head>
+
           #section {
−
           <meta charset="utf-8">
+
              display: block;
−
          <meta name="viewport" content="width=device-width, initial-scale=1">
+
              border: 10px solid black;
−
          <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
+
              background-color: #000091;
−
          <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
              float: left;
−
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
              width: 960px;
−
    </head>
+
              color: yellow;
 +
              font-size: 18px;
 +
          }
  
−
    <body>
+
           #section1 {
−
        <div id="page">
+
               display: block;
−
           <div class="backDrop">
+
              border: 10px solid black;
−
                
+
               background-color: #E8BB00;
−
               <!--insert coding for background colors and style (UMD Color Palette: https://color.adobe.com/my/libraries/all)-->
+
              float: left;
−
               <img src='https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg'>
+
               width: 960px;
−
           </div>
+
              color: #000091;
 +
              font-size: 18px;
 +
           }
  
−
           <nav class="navbar navbar-inverse navbar-fixed-top">
+
           #footer {
−
            <a class="navbar-brand" href="#">UMASS_DARTMOUTH</a>
+
              border: 10px solid black;
−
               <!--insert coding for navigation bar-->
+
              background-color: #E8BB00;
−
               <div class="container">
+
               text-align: center;
 +
               margin: auto;
 +
              width: 960px;
 +
              float:left;
 +
              height: 230px;
 +
          }
  
−
                    <ul class="nav navBar-nav">
+
          #footer a {
−
                        <li><a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home Page</li></a>
+
              font-size: 20px;
−
                        <li><a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</li></a>
+
          }
−
                              <ul>
+
          #footer img {
−
                                  <li><a href= "https://2015.igem.org/Team:UMass-Dartmouth/proj-desc">Project Description</li></a>                              <li><a href= "link">About H. Pylori</li></a>
+
              width: 96px;
−
                                  <li><a href= "link">Our Proposition</li></a>
+
              height: 76px;
−
                              </ul>
+
          }
−
                        <li><a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</li></a>
+
−
                        <li><a href= "https://2015.igem.org/Team:UMass-Dartmouth/contactus">Contact</li></a>
+
  
−
                    </ul>
+
    </style>
−
              </div>
+
    </head>
−
          </nav>
+
  
−
          <br></br>
+
     <body>
−
     </body>
+
  
 +
    <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)-->
 +
              <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>
 +
    </body>
 
</html>
 
</html>

Latest revision as of 01:34, 19 September 2015