Template:Team:HokkaidoU Japan/Book/CSS

From 2014.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 21: Line 21:
.container {
.container {
height: 100%;
height: 100%;
-
         margin-top:100px;
+
         margin-top:0;
}
}
Line 193: Line 193:
.bb-bookblock {
.bb-bookblock {
width: 960px;
width: 960px;
-
height: 600px;
+
height: 960px;
-
margin: 0 auto;
+
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;
-
        margin-top:20px;
 
}
}
Line 214: Line 213:
-moz-transition-property: -moz-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
transition-property: transform;
-
font-family: 'Special Elite', cursive;
+
        font-family: 'Special Elite', cursive;
}
}
Line 395: Line 394:
.bb-item {
.bb-item {
width: 100%;
width: 100%;
-
height: 100%;
+
        position: absolute;
-
position: absolute;
+
        top: 0;
-
top: 0;
+
        left: 0;
-
left: 0;
+
         display:none;
         display:none;
font-family: 'Special Elite', cursive;
font-family: 'Special Elite', cursive;
Line 419: Line 417:
width: 960px;
width: 960px;
position: relative;
position: relative;
-
margin: 0 auto 40px;
+
margin: 0 auto;
text-align: center;
text-align: center;
}
}
Line 539: Line 537:
.top-picture {
.top-picture {
     width: 100%;
     width: 100%;
-
     height: 101%;
+
     height: 100%;
}
}
Line 640: Line 638:
.text-box {
.text-box {
     width:75%;
     width:75%;
-
     margin:100px auto;
+
     margin:130px auto;
     font-size:20px;
     font-size:20px;
}
}
Line 646: Line 644:
.text-box > p {
.text-box > p {
     line-height:45px;
     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