Template:Team:HokkaidoU Japan/Book/CSS

From 2014.igem.org

(Difference between revisions)
(Undo revision 228095 by TaKeZo (talk))
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