Difference between revisions of "Template:Washington"

 
(32 intermediate revisions by the same user not shown)
Line 64: Line 64:
 
/* Creates the container for the content */
 
/* Creates the container for the content */
 
#contentContainer {
 
#contentContainer {
−
                                max-width: 1000px;
 
 
                                 margin: 0 auto;
 
                                 margin: 0 auto;
 
                                 height: auto;
 
                                 height: auto;
Line 80: Line 79:
 
                                 //background-image: url("https://static.igem.org/mediawiki/2015/6/69/Igem_front_page_UW.png");
 
                                 //background-image: url("https://static.igem.org/mediawiki/2015/6/69/Igem_front_page_UW.png");
 
                                 //background-image: url("https://static.igem.org/mediawiki/2015/7/7b/Igem_skyline_seattle.png");
 
                                 //background-image: url("https://static.igem.org/mediawiki/2015/7/7b/Igem_skyline_seattle.png");
−
                                   background-image: url("https://static.igem.org/mediawiki/2015/8/87/Igem_lab_on_a_strip.jpeg");
+
                                   background-image: url("https://static.igem.org/mediawiki/2015/d/d6/Igem_banner.jpg");
 
                                 background-repeat: no-repeat;
 
                                 background-repeat: no-repeat;
 
                                 background-size: 100%;
 
                                 background-size: 100%;
Line 98: Line 97:
  
 
/*Change the styling of text for everything inside main container*/
 
/*Change the styling of text for everything inside main container*/
−
#mainContainer p {  
+
#mainContainer p, p2 {  
 
font-family: "Open Sans", Helvetica, sans-serif;
 
font-family: "Open Sans", Helvetica, sans-serif;
 
font-size: 12px;
 
font-size: 12px;
Line 119: Line 118:
 
                                 padding-bottom: 1em;
 
                                 padding-bottom: 1em;
 
                                 text-align: center;
 
                                 text-align: center;
 +
                                margin-right: 20%;
 +
                                margin-left: 20%;
 
                                  
 
                                  
 
}
 
}
Line 132: Line 133:
 
                                 padding-top: 1em;
 
                                 padding-top: 1em;
 
                                 padding-bottom: 1em;
 
                                 padding-bottom: 1em;
 +
                                margin-right: 20%;
 +
                                margin-left: 20%;
 
                                  
 
                                  
 
}
 
}
  
 
                         #contentContainer p {  
 
                         #contentContainer p {  
 +
                                margin-right: 15%;
 +
                                margin-left: 15%;
 
font-family: "Uni Sans", Helvetica, sans-serif;
 
font-family: "Uni Sans", Helvetica, sans-serif;
 
color: white;
 
color: white;
Line 143: Line 148:
 
                                 line-height: 200%;
 
                                 line-height: 200%;
 
                                 font-size: 15.5px;
 
                                 font-size: 15.5px;
−
                                text-indent: 50px;
 
−
                               
 
 
}
 
}
 +
 +
                        #contentContainer p1 {
 +
font-family: "Uni Sans", Helvetica, sans-serif;
 +
color: white;
 +
                                line-spacing: 5px;
 +
border-bottom: none;
 +
font-weight: normal;
 +
                                line-height: 200%;
 +
                                font-size: 15.5px;
 +
}
 +
                        #contentContainer p2 {
 +
                                margin-right: 30%;
 +
                                margin-left: 30%;
 +
font-family: "Uni Sans", Helvetica, sans-serif;
 +
color: white;
 +
                                line-spacing: 5px;
 +
border-bottom: none;
 +
font-weight: normal;
 +
                                line-height: 200%;
 +
                                font-size: 15.5px;
 +
}
 +
  
 
/*Style of the links - links are different inside the menu */
 
/*Style of the links - links are different inside the menu */
Line 214: Line 239:
 
                               font-size: 36px;
 
                               font-size: 36px;
 
                         }
 
                         }
 +
                       
 +
                        img {
 +
                              float: center;
 +
                              margin: 0px 0px 15px 20px;
 +
}
  
  
Line 356: Line 386:
 
}
 
}
  
−
       ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
+
       ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; margin-right: 20%; margin-left: 20%; }
 
       ul#tabs li { display: inline; }
 
       ul#tabs li { display: inline; }
−
       ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
+
       ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; font-size: 17px; }
 
       ul#tabs li a:hover { background-color: #f1f0ee; }
 
       ul#tabs li a:hover { background-color: #f1f0ee; }
−
       ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
+
       ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-size: 18px; padding: 0.7em 0.3em 0.38em 0.3em; }
−
       div.tabContent { border: 1px solid #c9c3ba; padding: 1.5em; background-color: #b7a57a; }
+
       div.tabContent { border: 1px solid #c9c3ba; padding: 1.5em; background-color: #b7a57a; font-size: 16px; line-height:1.5em; margin-right: 20%; margin-left: 20%;}
 
       div.tabContent.hide { display: none; }
 
       div.tabContent.hide { display: none; }
  
Line 367: Line 397:
 
     <!-- End of CSS -->
 
     <!-- End of CSS -->
 
     <head>
 
     <head>
−
         <script data-require="jquery-cookie@1.3.1" data-semver="1.3.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.js"></script>
+
         <script data-require="jquery-cookie@1.3.1" data-semver="1.3.1" src="https://2015.igem.org/Template:Washington_jquary?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
         <script type="text/javascript">
 
         <script type="text/javascript">
 
$(document).ready(function () {
 
$(document).ready(function () {
Line 427: Line 457:
  
 
     function init() {
 
     function init() {
−
 
−
      // Grab the tab links and content divs from the page
 
−
      var tabListItems = document.getElementById('tabs').childNodes;
 
−
      for ( var i = 0; i < tabListItems.length; i++ ) {
 
−
        if ( tabListItems[i].nodeName == "LI" ) {
 
−
          var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
 
−
          var id = getHash( tabLink.getAttribute('href') );
 
−
          tabLinks[id] = tabLink;
 
−
          contentDivs[id] = document.getElementById( id );
 
−
        }
 
−
      }
 
−
 
−
      // Assign onclick events to the tab links, and
 
−
      // highlight the first tab
 
−
      var i = 0;
 
−
 
−
      for ( var id in tabLinks ) {
 
−
        tabLinks[id].onclick = showTab;
 
−
        tabLinks[id].onfocus = function() { this.blur() };
 
−
        if ( i == 0 ) tabLinks[id].className = 'selected';
 
−
        i++;
 
−
      }
 
−
 
−
      // Hide all content divs except the first
 
−
      var i = 0;
 
−
 
−
      for ( var id in contentDivs ) {
 
−
        if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
 
−
        i++;
 
−
      }
 
−
    }
 
−
 
−
function init1() {
 
  
 
       // Grab the tab links and content divs from the page
 
       // Grab the tab links and content divs from the page

Latest revision as of 22:39, 18 September 2015