Template:Team:UC Davis/NotebookTemplate
From 2014.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 21: | Line 21: | ||
/*Begin Switchbox*/ | /*Begin Switchbox*/ | ||
+ | |||
+ | |||
+ | |||
.switchbox { | .switchbox { | ||
- | |||
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:absolute; | position:absolute; | ||
top:0; | top:0; | ||
left:0; | left:0; | ||
- | width 316px; | + | width:316px; |
height:43px; | height:43px; | ||
- | background: | + | 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; | ||
-o-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: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