"
Template:Team:HokkaidoU Japan/Book/CSS
From 2014.igem.org
(Difference between revisions)
| (28 intermediate revisions not shown) | |||
| Line 21: | Line 21: | ||
.container { | .container { | ||
height: 100%; | height: 100%; | ||
| - | margin-top: | + | margin-top:0; |
} | } | ||
| Line 193: | Line 193: | ||
.bb-bookblock { | .bb-bookblock { | ||
width: 960px; | width: 960px; | ||
| - | height: | + | height: 960px; |
| - | margin: | + | margin: 10px auto; |
position: relative; | position: relative; | ||
z-index: 100; | z-index: 100; | ||
| Line 203: | Line 203: | ||
-moz-backface-visibility: hidden; | -moz-backface-visibility: hidden; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
| - | |||
} | } | ||
| Line 214: | Line 213: | ||
-moz-transition-property: -moz-transform; | -moz-transition-property: -moz-transform; | ||
transition-property: transform; | transition-property: transform; | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 301: | Line 300: | ||
height: 100%; | height: 100%; | ||
opacity: 0; | opacity: 0; | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
.bb-flipoverlay { | .bb-flipoverlay { | ||
background-color: rgba(0, 0, 0, 0.2); | background-color: rgba(0, 0, 0, 0.2); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 337: | Line 336: | ||
.bb-vertical .bb-flip-next, | .bb-vertical .bb-flip-next, | ||
.bb-vertical .bb-flip-initial { | .bb-vertical .bb-flip-initial { | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
-webkit-transform: rotateY(-180deg); | -webkit-transform: rotateY(-180deg); | ||
-moz-transform: rotateY(-180deg); | -moz-transform: rotateY(-180deg); | ||
| Line 347: | Line 346: | ||
-moz-transform: rotateY(0deg); | -moz-transform: rotateY(0deg); | ||
transform: rotateY(0deg); | transform: rotateY(0deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 355: | Line 354: | ||
-moz-transform: rotateX(180deg); | -moz-transform: rotateX(180deg); | ||
transform: rotateX(180deg); | transform: rotateX(180deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 362: | Line 361: | ||
-moz-transform: rotateX(0deg); | -moz-transform: rotateX(0deg); | ||
transform: rotateX(0deg); | transform: rotateX(0deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 369: | Line 368: | ||
-moz-transform: rotateY(-15deg); | -moz-transform: rotateY(-15deg); | ||
transform: rotateY(-15deg); | transform: rotateY(-15deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 376: | Line 375: | ||
-moz-transform: rotateY(-165deg); | -moz-transform: rotateY(-165deg); | ||
transform: rotateY(-165deg); | transform: rotateY(-165deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 383: | Line 382: | ||
-moz-transform: rotateX(15deg); | -moz-transform: rotateX(15deg); | ||
transform: rotateX(15deg); | transform: rotateX(15deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 390: | Line 389: | ||
-moz-transform: rotateX(165deg); | -moz-transform: rotateX(165deg); | ||
transform: rotateX(165deg); | transform: rotateX(165deg); | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
.bb-item { | .bb-item { | ||
width: 100%; | width: 100%; | ||
| - | + | position: absolute; | |
| - | + | top: 0; | |
| - | + | left: 0; | |
| - | + | ||
display:none; | display:none; | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
} | } | ||
| Line 419: | Line 417: | ||
width: 960px; | width: 960px; | ||
position: relative; | position: relative; | ||
| - | margin: 0 auto | + | margin: 0 auto; |
text-align: center; | text-align: center; | ||
} | } | ||
| Line 496: | Line 494: | ||
font-size: 40px; | font-size: 40px; | ||
font-weight: bold; | font-weight: bold; | ||
| - | font-family: ' | + | font-family: 'Special Elite', cursive; |
position:relative; | position:relative; | ||
top:-600px; | top:-600px; | ||
| Line 539: | Line 537: | ||
.top-picture { | .top-picture { | ||
width: 100%; | width: 100%; | ||
| - | height: | + | height: 100%; |
} | } | ||
| Line 639: | Line 637: | ||
.text-box { | .text-box { | ||
| - | width: | + | width:75%; |
| - | margin: | + | margin:130px auto; |
| + | font-size:20px; | ||
| + | } | ||
| + | .text-box > p { | ||
| + | line-height:45px; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper nav { | ||
| + | position: absolute; | ||
| + | bottom: 0; left: -100px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | width: 1160px; | ||
| + | height: 960px; | ||
| + | z-index: 1000; | ||
| + | } | ||
| + | |||
| + | #bb-nav-next { | ||
| + | position: absolute; | ||
| + | top: 0; right: 0; | ||
| + | width: 580px; | ||
| + | height: 960px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | #bb-nav-prev { | ||
| + | position: absolute; | ||
| + | top: 0; left: 0; | ||
| + | width: 580px; | ||
| + | height: 960px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | #bb-nav-next i { | ||
| + | position: absolute; | ||
| + | top: 480px; right: 50px; | ||
| + | margin: -18px -6px 0 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | #bb-nav-prev i { | ||
| + | position: absolute; | ||
| + | top: 480px; left: 50px; | ||
| + | margin: -18px 0 0 -6px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .bb-page, | ||
| + | .bb-item, | ||
| + | .left-page-top, | ||
| + | .right-page-top, | ||
| + | .bb-flip-prev, | ||
| + | .bb-flip-next, | ||
| + | .bb-flip-prev-end, | ||
| + | .bb-flip-next-end, | ||
| + | .bb-flip-initial, | ||
| + | .bb-front, | ||
| + | .bb-back, | ||
| + | .bb-flipoverlay | ||
| + | { | ||
| + | height: 600px !important; | ||
| + | } | ||
| + | |||
| + | .bb-item, | ||
| + | .bb-page { | ||
| + | margin: 180px 0; | ||
} | } | ||
Latest revision as of 17:41, 17 October 2014
