Template:Team:UC Davis/NotebookTemplate

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style> - →Smaller floatbox for the Notebook START: .floatnotebook { width:635px; ...")
 
(74 intermediate revisions not shown)
Line 5: Line 5:
               /* Smaller floatbox for the Notebook START*/
               /* Smaller floatbox for the Notebook START*/
-
               .floatnotebook
+
               .floatnotebook {
-
              {
+
                     width:635px;
                     width:635px;
                     float:left;
                     float:left;
Line 19: Line 18:
               }
               }
               /* Smaller floatbox for the Notebook END*/
               /* Smaller floatbox for the Notebook END*/
 +
              /* Begin team  */
 +
 +
              /*Begin Switchbox*/
 +
             
 +
 +
 +
              .switchbox {
 +
                    width:32.64%;
 +
                    height:43px;
 +
                    text-decoration:none;
 +
                    border-radius:4px;
 +
                    border:none;
 +
                    float:left;
 +
                    margin-top:10px;
 +
                    position:relative;                                                           
 +
                    background-size: 316px 43px;
 +
              }   
 +
     
 +
              .switchbox:nth-of-type(2) {
 +
                    margin:10px 10px 0px 10px;
 +
              }
 +
 +
              .switchbox span {
 +
                    position:absolute;
 +
                    top:0;
 +
                    left:0;
 +
                    width:316px;
 +
                    height:43px;
 +
                    background-size: 316px 43px;
 +
                    opacity:.80;
 +
                    -webkit-transition: opacity 0.5s;
 +
                    -moz-transition:    opacity 0.5s;
 +
                    -o-transition:      opacity 0.5s;
 +
                    border-radius:4px;
 +
              }
 +
 +
              .switchbox span:nth-of-type(1) {
 +
                    background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
 +
              }
 +
              .switchbox span:nth-of-type(2) {
 +
                    background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
 +
              }
 +
              .switchbox span:nth-of-type(3) {
 +
                    background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
 +
              }
 +
 +
              .switchbox span:hover {
 +
                    opacity:1;
 +
              }
 +
             
 +
              .switchbox h2 {
 +
                    text-decoration:none;
 +
                    border:none;
 +
                    text-align:center;
 +
              }
 +
             
 +
                   
 +
              /*End Switchbox*/
 +
             
 +
                
                
               /* Link bar for each week in the Notebook START*/
               /* Link bar for each week in the Notebook START*/
               .linktable{
               .linktable{
                     float:left;
                     float:left;
-
                     background-color: rgba(0,0,0,.65);
+
                     background-color: transparent;
-
                    margin-top: 10px;
+
                     border-radius: 4px;
                     border-radius: 4px;
-
                    padding: 5px 5px 5px 5px;
 
                     font: sans-serif;
                     font: sans-serif;
                     font-size: 13px;
                     font-size: 13px;
Line 82: Line 139:
               td:hover>#fifteen{ left:-140px }
               td:hover>#fifteen{ left:-140px }
               /*Show dates when hovering over a link for a week END*/
               /*Show dates when hovering over a link for a week END*/
 +
             
 +
              .notebookcontent {
 +
              float:left;
 +
              text-decoration:none;
 +
              border:none;
 +
              width:93%
 +
              }
       </style>
       </style>
Line 87: Line 151:
<body>
<body>
-
<div><img src="https://static.igem.org/mediawiki/2013/7/7d/Notebkbanner_UCDavis.jpg" class="banner" width=967px height=226/>
+
        
-
</div>
+
-
       <table class="linktable">
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="zero">June 19-21</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook">0</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="one">June 24-28</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_1">1</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="two">July 1-5</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_2">2</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="three">July 8-12</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_3">3</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="four">July 15-19</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_4">4</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="five">July 22-26</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_5">5</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="six">July 29-August 2</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_6">6</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="seven">August 5-9</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_7">7</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="eight">August 12-16</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_8">8</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="nine">August 19-24</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_9">9</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="ten">August 26-31</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_10">10</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="eleven">September 1-7</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_11">11</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="twelve">September 8-14</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_12">12</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="thirteen">September 15-21</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_13">13</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="fourteen">September 22-28</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_14">14</a></td>
+
-
              </tr>
+
-
              <tr>
+
-
                    <td><span class="weeklink" id="fifteen">September 30-October 28</span><a href="https://2013.igem.org/Team:UC_Davis/Notebook/Week_15">15+</a></td>
+
-
              </tr>
+
-
      </table>
+
</body>
</body>
</html>
</html>

Latest revision as of 21:06, 8 October 2014

Retrieved from "http://2014.igem.org/Template:Team:UC_Davis/NotebookTemplate"