Template:Team:HokkaidoU Japan/Book/CSS

From 2014.igem.org

(Difference between revisions)
 
(17 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 539: Line 537:
.top-picture {
.top-picture {
     width: 100%;
     width: 100%;
-
     height: 101%;
+
     height: 100%;
}
}
Line 650: Line 648:
.bb-custom-wrapper nav {
.bb-custom-wrapper nav {
     position: absolute;
     position: absolute;
-
     top: 0; left: -100px;
+
     bottom: 0; left: -100px;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     width: 1160px;
     width: 1160px;
-
     height: 600px;
+
     height: 960px;
     z-index: 1000;
     z-index: 1000;
}
}
Line 662: Line 660:
     top: 0; right: 0;
     top: 0; right: 0;
     width: 580px;
     width: 580px;
-
     height: 600px;
+
     height: 960px;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
Line 671: Line 669:
     top: 0; left: 0;
     top: 0; left: 0;
     width: 580px;
     width: 580px;
-
     height: 600px;
+
     height: 960px;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
Line 678: Line 676:
#bb-nav-next i {
#bb-nav-next i {
     position: absolute;
     position: absolute;
-
     top: 300px; right: 50px;
+
     top: 480px; right: 50px;
     margin: -18px -6px 0 0;
     margin: -18px -6px 0 0;
     padding: 0;
     padding: 0;
Line 685: Line 683:
#bb-nav-prev i {
#bb-nav-prev i {
     position: absolute;
     position: absolute;
-
     top: 300px; left: 50px;
+
     top: 480px; left: 50px;
     margin: -18px 0 0 -6px;
     margin: -18px 0 0 -6px;
     padding: 0;
     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;
 +
}
/* No JS */
/* No JS */

Latest revision as of 17:41, 17 October 2014