Template:Team:UC Davis/NotebookTemplate

From 2014.igem.org

(Difference between revisions)
 
(49 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 20: Line 19:
               /* Smaller floatbox for the Notebook END*/
               /* Smaller floatbox for the Notebook END*/
               /* Begin team  */
               /* Begin team  */
 +
 +
              /*Begin Switchbox*/
                
                
-
              /* Begin Switchbox*/
+
 
-
               .switchbox{
+
 
-
                     width: 100%;
+
               .switchbox {
-
                     border-radius:4px;
+
                     width:32.64%;
-
                    text-align:center;
+
                     height:43px;
-
                    background-color:transparent;
+
-
                    border-spacing: 10 px 1 px;
+
-
+
-
              }
+
-
              .switchbox td{
+
                     text-decoration:none;
                     text-decoration:none;
                     border-radius:4px;
                     border-radius:4px;
-
                     background-color: rgba(0,0,0,.65);
+
                    border:none;
-
              }
+
                    float:left;
-
              .switchbox h2{
+
                    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;
                     text-decoration:none;
                     border:none;
                     border:none;
 +
                    text-align:center;
 +
              }
 +
             
                      
                      
-
               }
+
               /*End Switchbox*/
 +
             
-
              /* 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 105: 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