Template:Team:UC Davis/NotebookTemplate
From 2014.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 21: | Line 21: | ||
/*Begin Switchbox*/ | /*Begin Switchbox*/ | ||
+ | |||
+ | |||
+ | |||
.switchbox { | .switchbox { | ||
width:32.64%; | width:32.64%; | ||
Line 31: | Line 34: | ||
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:absolute; | position:absolute; | ||
Line 38: | Line 46: | ||
width:316px; | width:316px; | ||
height:43px; | height:43px; | ||
- | |||
background-size: 316px 43px; | background-size: 316px 43px; | ||
- | opacity:. | + | opacity:.80; |
-webkit-transition: opacity 0.5s; | -webkit-transition: opacity 0.5s; | ||
-moz-transition: opacity 0.5s; | -moz-transition: opacity 0.5s; | ||
Line 46: | Line 53: | ||
border-radius:4px; | 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:nth-of-type(2) { | + | .switchbox span:nth-of-type(2) { |
- | + | 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); | ||
- | |||
- | |||
} | } | ||
+ | |||
+ | .switchbox span:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
.switchbox h2 { | .switchbox h2 { | ||
text-decoration:none; | text-decoration:none; | ||
Line 131: | 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