"
Template:Team:HokkaidoU Japan/CSS
From 2014.igem.org
(Difference between revisions)
| Line 544: | Line 544: | ||
.bb-bookblock { | .bb-bookblock { | ||
| - | width: | + | width: 100%; |
| - | height: | + | height: 100%; |
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
| Line 754: | Line 754: | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
| + | @font-face { | ||
| + | font-family: 'arrows'; | ||
| + | src:url('../fonts/arrows/arrows.eot'); | ||
| + | src:url('../fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'), | ||
| + | url('../fonts/arrows/arrows.woff') format('woff'), | ||
| + | url('../fonts/arrows/arrows.ttf') format('truetype'), | ||
| + | url('../fonts/arrows/arrows.svg#arrows') format('svg'); | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper { | ||
| + | width: 420px; | ||
| + | position: relative; | ||
| + | margin: 0 auto 40px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper .bb-bookblock { | ||
| + | box-shadow: 0 12px 20px -10px rgba(81,64,49,0.6); | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper h3 { | ||
| + | font-size: 1.4em; | ||
| + | font-weight: 300; | ||
| + | margin: 0.4em 0 1em; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper nav { | ||
| + | width: 100%; | ||
| + | height: 30px; | ||
| + | margin: 1em auto 0; | ||
| + | position: relative; | ||
| + | z-index: 0; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper nav a { | ||
| + | display: inline-block; | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | text-align: center; | ||
| + | border-radius: 2px; | ||
| + | background: #72b890; | ||
| + | color: #fff; | ||
| + | font-size: 0; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | .bb-custom-wrapper nav a:hover { | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | |||
| + | .bb-custom-icon:before { | ||
| + | font-family: 'arrows'; | ||
| + | speak: none; | ||
| + | font-style: normal; | ||
| + | font-weight: normal; | ||
| + | font-variant: normal; | ||
| + | text-transform: none; | ||
| + | line-height: 1; | ||
| + | font-size: 20px; | ||
| + | line-height: 30px; | ||
| + | display: block; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | } | ||
| + | |||
| + | .bb-custom-icon-first:before, | ||
| + | .bb-custom-icon-last:before { | ||
| + | content: "\e002"; | ||
| + | } | ||
| + | |||
| + | .bb-custom-icon-arrow-left:before, | ||
| + | .bb-custom-icon-arrow-right:before { | ||
| + | content: "\e003"; | ||
| + | } | ||
| + | |||
| + | .bb-custom-icon-arrow-left:before, | ||
| + | .bb-custom-icon-first:before { | ||
| + | -webkit-transform: rotate(180deg); | ||
| + | -moz-transform: rotate(180deg); | ||
| + | -ms-transform: rotate(180deg); | ||
| + | transform: rotate(180deg); | ||
| + | } | ||
| + | |||
| + | /* No JS */ | ||
| + | .no-js .bb-custom-wrapper { | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | .no-js .bb-custom-content { | ||
| + | height: 470px; | ||
| + | } | ||
| + | |||
Revision as of 08:10, 12 September 2014
