Template:Team:UC Davis/NotebookTemplate
From 2014.igem.org
(Difference between revisions)
(31 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) { | ||
+ | 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:nth-of-type( | + | |
- | + | .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( | + | .switchbox span:nth-of-type(2) { |
- | background-image:url( | + | 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 113: | 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