Team:Virginia/Test
From 2014.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <script type = "text/javascript" src="http://www.turnjs.com/lib/turn.min.js"></script> | ||
<style> | <style> | ||
+ | body{ | ||
+ | overflow:hidden; | ||
+ | } | ||
- | # | + | #flipbook{ |
- | background-color: | + | width:400px; |
- | height:20px; | + | height:300px; |
+ | } | ||
+ | |||
+ | #flipbook .page{ | ||
+ | width:400px; | ||
+ | height:300px; | ||
+ | background-color:white; | ||
+ | line-height:300px; | ||
+ | font-size:20px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #flipbook .page-wrapper{ | ||
+ | -webkit-perspective:2000px; | ||
+ | -moz-perspective:2000px; | ||
+ | -ms-perspective:2000px; | ||
+ | -o-perspective:2000px; | ||
+ | perspective:2000px; | ||
+ | } | ||
+ | |||
+ | #flipbook .hard{ | ||
+ | background:#ccc !important; | ||
+ | color:#333; | ||
+ | -webkit-box-shadow:inset 0 0 5px #666; | ||
+ | -moz-box-shadow:inset 0 0 5px #666; | ||
+ | -o-box-shadow:inset 0 0 5px #666; | ||
+ | -ms-box-shadow:inset 0 0 5px #666; | ||
+ | box-shadow:inset 0 0 5px #666; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | #flipbook .odd{ | ||
+ | background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA)); | ||
+ | background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%); | ||
+ | background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%); | ||
+ | background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%); | ||
+ | background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%); | ||
+ | background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%); | ||
+ | -webkit-box-shadow:inset 0 0 5px #666; | ||
+ | -moz-box-shadow:inset 0 0 5px #666; | ||
+ | -o-box-shadow:inset 0 0 5px #666; | ||
+ | -ms-box-shadow:inset 0 0 5px #666; | ||
+ | box-shadow:inset 0 0 5px #666; | ||
+ | |||
+ | } | ||
+ | |||
+ | #flipbook .even{ | ||
+ | background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada)); | ||
+ | background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%); | ||
+ | background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%); | ||
+ | background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%); | ||
+ | background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%); | ||
+ | background-image:linear-gradient(left, #fff 95%, #dadada 100%); | ||
+ | -webkit-box-shadow:inset 0 0 5px #666; | ||
+ | -moz-box-shadow:inset 0 0 5px #666; | ||
+ | -o-box-shadow:inset 0 0 5px #666; | ||
+ | -ms-box-shadow:inset 0 0 5px #666; | ||
+ | box-shadow:inset 0 0 5px #666; | ||
} | } | ||
</style> | </style> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<body> | <body> | ||
Revision as of 04:25, 16 October 2014
Turn.js
Page 1
Page 2
Page 3
Page 4