"
Template:Team:UC Davis/NotebookTemplate
From 2014.igem.org
(Difference between revisions)
| (36 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 { | ||
| - | |||
width:32.64%; | width:32.64%; | ||
| + | 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; | ||
| Line 39: | Line 73: | ||
text-align:center; | text-align:center; | ||
} | } | ||
| + | |||
/*End Switchbox*/ | /*End Switchbox*/ | ||
| Line 47: | Line 82: | ||
.linktable{ | .linktable{ | ||
float:left; | float:left; | ||
| - | background-color: | + | background-color: transparent; |
border-radius: 4px; | border-radius: 4px; | ||
font: sans-serif; | font: sans-serif; | ||
| 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
