Template:Team:UC Davis/NotebookTemplate

From 2014.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 21: Line 21:
               /*Begin Switchbox*/
               /*Begin Switchbox*/
 +
             
 +
 +
               .switchbox {
               .switchbox {
-
                    background-color:rgba(0,0,0,.65);
 
                     width:32.64%;
                     width:32.64%;
 +
                    height:43px;
                     text-decoration:none;
                     text-decoration:none;
                     border-radius:4px;
                     border-radius:4px;
Line 29: Line 32:
                     float:left;
                     float:left;
                     margin-top:10px;
                     margin-top:10px;
-
                     position:relative;
+
                     position:relative;                                                          
                     background-size: 316px 43px;
                     background-size: 316px 43px;
 +
              }   
 +
     
 +
              .switchbox:nth-of-type(2) {
 +
                    margin:10px 10px 0px 10px;
               }
               }
 +
               .switchbox span {
               .switchbox span {
-
                     position:relative;
+
                     position:absolute;
                     top:0;
                     top:0;
                     left:0;
                     left:0;
-
                     width 316px;
+
                     width:316px;
                     height:43px;
                     height:43px;
-
                     background:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
+
                     background-size: 316px 43px;
-
                    opacity:.65;
+
                     opacity:.80;
-
                    z-index:-1;
+
-
              }
+
-
              .switchbox a {
+
-
                    position:relative;
+
-
                    top:0;
+
-
                    left:0;
+
-
                    width 316px;
+
-
                    height:43px;
+
-
                    background:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
+
-
                     opacity:.0;
+
                     -webkit-transition: opacity 0.5s;
                     -webkit-transition: opacity 0.5s;
                     -moz-transition:    opacity 0.5s;
                     -moz-transition:    opacity 0.5s;
                     -o-transition:      opacity 0.5s;
                     -o-transition:      opacity 0.5s;
 +
                    border-radius:4px;
               }
               }
-
              .switchbox a:hover {
 
-
                    opacity:1;
 
-
              }
 
-
              .switchbox:nth-of-type(1) {
 
 +
              .switchbox span:nth-of-type(1) {
 +
                    background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
               }
               }
-
               .switchbox:nth-of-type(2) {
+
               .switchbox span:nth-of-type(2) {
-
                     margin:10px 10px 0px 10px;
+
                     background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);  
               }
               }
-
               .switchbox:nth-of-type(3) {
+
               .switchbox span:nth-of-type(3) {
                     background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
                     background-image:url(https://static.igem.org/mediawiki/2014/5/5d/UCD_2014_Potent_notebook_click.jpg);
-
                    background-size:100%;
 
-
                    opacity:.5;
 
               }
               }
 +
 +
              .switchbox span:hover {
 +
                    opacity:1;
 +
              }
 +
             
               .switchbox h2 {
               .switchbox h2 {
                     text-decoration:none;
                     text-decoration:none;
Line 139: 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>

Latest revision as of 21:06, 8 October 2014

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