Difference between revisions of "Template:Base"

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

Latest revision as of 01:34, 19 September 2015