Template:Team:UC Davis/NotebookTemplate

From 2014.igem.org

(Difference between revisions)
 
(39 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 22: Line 21:
               /*Begin Switchbox*/
               /*Begin Switchbox*/
 +
             
 +
 +
               .switchbox {
               .switchbox {
-
                     background-color:rgba(0,0,0,.65);
+
                     width:32.64%;
-
                     width:33%;
+
                     height:43px;
                     text-decoration:none;
                     text-decoration:none;
                     border-radius:4px;
                     border-radius:4px;
Line 30: Line 32:
                     float:left;
                     float:left;
                     margin-top:10px;
                     margin-top:10px;
-
               }
+
                    position:relative;                                                           
 +
                    background-size: 316px 43px;
 +
               }    
 +
     
               .switchbox:nth-of-type(2) {
               .switchbox:nth-of-type(2) {
-
                     margin:10px 10px 0px 10px;
+
                     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 {
               .switchbox h2 {
                     text-decoration:none;
                     text-decoration:none;
 +
                    border:none;
 +
                    text-align:center;
               }
               }
 +
             
                      
                      
               /*End Switchbox*/
               /*End Switchbox*/
Line 45: Line 82:
               .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 104: 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