Template:Team:HokkaidoU Japan/Book/CSS
From 2014.igem.org
(Difference between revisions)
Line 456: | Line 456: | ||
} | } | ||
+ | |||
+ | .left-page-top { | ||
+ | float: left; | ||
+ | width:49%; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | top:50px; | ||
+ | } | ||
+ | |||
+ | .left-page { | ||
+ | float: left; | ||
+ | width:49%; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | top:50px; | ||
+ | } | ||
+ | |||
+ | .right-page-top { | ||
+ | float: left; | ||
+ | width: 50%; | ||
+ | height: 100%; | ||
+ | position:absolute; | ||
+ | left:50%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .right-page { | ||
+ | float: left; | ||
+ | width: 49%; | ||
+ | height: auto; | ||
+ | position:absolute; | ||
+ | top:50px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .page-title { | ||
+ | margin: 30px auto; | ||
+ | font-size: 40px; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Walter Turncoat', cursive; | ||
+ | position:relative; | ||
+ | top:-600px; | ||
+ | } | ||
+ | |||
+ | .book-index { | ||
+ | text-align: left; | ||
+ | margin: 20px auto; | ||
+ | list-style: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .book-index > ul > li { | ||
+ | font-size: 25px; | ||
+ | margin: 20px auto; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .book-index ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .book-index > ul > li > ul > li { | ||
+ | font-size: 15px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .bb-item-contents { | ||
+ | font-size: 30px; | ||
+ | line-height: 60px; | ||
+ | margin: 25px 100px ; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .bb-item-picture { | ||
+ | position: relative; | ||
+ | right: -300px; | ||
+ | z-index:101; | ||
+ | } | ||
+ | |||
+ | .top-picture { | ||
+ | width: 100%; | ||
+ | height: 101%; | ||
+ | } | ||
+ | |||
+ | .book-background { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .page-vertical-top { | ||
+ | height:300px; | ||
+ | width:100%; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | } | ||
+ | |||
+ | .page-vertical-bottom { | ||
+ | height:300px; | ||
+ | width:100%; | ||
+ | position:absolute; | ||
+ | top:300px; | ||
+ | } | ||
+ | .page-picture { | ||
+ | width:270px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .left-up { | ||
+ | float:left; | ||
+ | width:25%; | ||
+ | position: relative; | ||
+ | left:100%; | ||
+ | } | ||
+ | |||
+ | .right-up { | ||
+ | float:left; | ||
+ | width:25%; | ||
+ | position: relative; | ||
+ | left:100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .left-bottom { | ||
+ | float:left; | ||
+ | width:25%; | ||
+ | position: relative; | ||
+ | left:100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .right-bottom { | ||
+ | float:left; | ||
+ | width:25%; | ||
+ | position: relative; | ||
+ | left:100%; | ||
+ | |||
+ | } | ||
.character-pic { | .character-pic { |
Revision as of 14:05, 14 October 2014