bookblock/css/demo2.css

0001 @font-face {
0002         font-family: 'arrows';
0003         src:url('../fonts/arrows/arrows.eot');
0004         src:url('../fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'),
0005                 url('../fonts/arrows/arrows.woff') format('woff'),
0006                 url('../fonts/arrows/arrows.ttf') format('truetype'),
0007                 url('../fonts/arrows/arrows.svg#arrows') format('svg');
0008         font-weight: normal;
0009         font-style: normal;
0010 }
0011
0012 .bb-custom-wrapper {
0013         width: 560px;
0014         position: relative;
0015         margin: 0 auto 40px;
0016         text-align: center;
0017 }
0018
0019 .bb-custom-wrapper .bb-bookblock {
0020         width: 560px;
0021         height: 600px;
0022         box-shadow: 0 12px 20px -10px rgba(81,64,49,0.6);
0023 }
0024
0025 .bb-custom-img {
0026         position: absolute;
0027         left: 0;
0028         top: 0;
0029 }
0030
0031 .bb-custom-wrapper h3 {
0032         font-size: 1.4em;
0033         font-weight: 300;
0034         margin: 0.4em 0 1em;
0035 }
0036
0037 .bb-custom-wrapper nav {
0038         width: 100%;
0039         height: 30px;
0040         margin: 1em auto 0;
0041         position: relative;
0042         z-index: 0;
0043         text-align: center;
0044 }
0045
0046 .bb-custom-wrapper nav a {
0047         display: inline-block;
0048         width: 30px;
0049         height: 30px;
0050         text-align: center;
0051         border-radius: 2px;
0052         background: #883b61;
0053         color: #fff;
0054         font-size: 0;
0055         margin: 2px;
0056 }
0057
0058 .bb-custom-wrapper nav a:hover {
0059         opacity: 0.6;
0060 }
0061
0062 .bb-custom-icon:before {
0063         font-family: 'arrows';
0064         speak: none;
0065         font-style: normal;
0066         font-weight: normal;
0067         font-variant: normal;
0068         text-transform: none;
0069         line-height: 1;
0070         font-size: 20px;
0071         line-height: 30px;
0072         display: block;
0073         -webkit-font-smoothing: antialiased;
0074 }
0075
0076 .bb-custom-icon-first:before,
0077 .bb-custom-icon-last:before {
0078         content: "\e002";
0079 }
0080
0081 .bb-custom-icon-arrow-left:before,
0082 .bb-custom-icon-arrow-right:before {
0083         content: "\e003";
0084 }
0085
0086 .bb-custom-icon-arrow-left:before,
0087 .bb-custom-icon-first:before {
0088         -webkit-transform: rotate(180deg);
0089         transform: rotate(180deg);
0090 }
0091
0092 /* No JS */
0093 .no-js .bb-custom-wrapper {
0094         height: auto;
0095 }
0096
0097 .no-js .bb-custom-content {
0098         height: 470px;
0099 }