Difference between revisions of "Template:Washington"

 
(47 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 108: Line 107:
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
#contentContainer h1, h2, h3, h4, h5, h6 {  
+
#contentContainer h2, h3, h4, h5, h6 {  
 
font-family: "Uni Sans", Helvetica, sans-serif;
 
font-family: "Uni Sans", Helvetica, sans-serif;
 
color: white;
 
color: white;
Line 115: Line 114:
 
font-weight: bold;
 
font-weight: bold;
 
                                 font-size: 25px;
 
                                 font-size: 25px;
                                 line-height:100%
+
                                 line-height:100%;
 +
                                padding-top: 1em;
 +
                                padding-bottom: 1em;
 +
                                text-align: center;
 +
                                margin-right: 20%;
 +
                                margin-left: 20%;
 +
                               
 +
}
 +
 
 +
#contentContainer h1 {
 +
font-family: "Uni Sans", Helvetica, sans-serif;
 +
color: white;
 +
                                line-spacing: 5px;
 +
border-bottom: none;
 +
font-weight: bold;
 +
                                font-size: 25px;
 +
                                line-height:100%;
 +
                                padding-top: 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 125: Line 146:
 
border-bottom: none;
 
border-bottom: none;
 
font-weight: normal;
 
font-weight: normal;
                                 line-height: 250%;
+
                                 line-height: 200%;
                                 font-size: 17.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 198: Line 239:
 
                               font-size: 36px;
 
                               font-size: 36px;
 
                         }
 
                         }
 +
                       
 +
                        img {
 +
                              float: center;
 +
                              margin: 0px 0px 15px 20px;
 +
}
  
  
Line 340: Line 386:
 
}
 
}
  
 
+
      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 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.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; font-size: 16px; line-height:1.5em; margin-right: 20%; margin-left: 20%;}
 +
      div.tabContent.hide { display: none; }
  
 
</style>
 
</style>
 
     <!-- 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 () {

Latest revision as of 22:39, 18 September 2015