Professional Documents
Culture Documents
/* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup
{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
/*
=========================================================================
==== Lists
=========================================================================
= */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul {margin: 1em 0}
dd {margin: 0 0 0 40px}
/* * Addresses paddings set differently in IE6/7 */ menu, ol, ul {padding: 0 0 0 40px}
/* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol {list-style: none; list-styleimage: none}
/*
=========================================================================
==== Embedded content
=========================================================================
= */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality
when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-sideimage-resizing/ */ img {border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) {overflow: hidden}
/*
=========================================================================
==== Figures
=========================================================================
= */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure {margin: 0}
/*
=========================================================================
==== Forms
=========================================================================
= */ /* * Corrects margin displayed oddly in IE6/7 */ form {margin: 0}
/* * Define consistent border, margin, and padding */ fieldset {border: 1px solid silver; margin: 0
2px; padding: 0.35em 0.625em 0.75em}
/* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3.
Corrects alignment displayed oddly in IE6/7 */ legend {border: 0; /* 1 */ padding: 0; white-space:
normal; /* 2 */ *margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently
in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button,
input, select, textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button,
input {line-height: normal; /* 1 */ }
/* * 1. Improves usability and consistency of cursor style between image-type 'input' and others *
2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7
without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button,
input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; /* 1 */ -webkitappearance: button; /* 2 */ *overflow: visible; /* 3 */ }
/* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] {cursor:
default}
/* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3.
Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */
*height: 13px; /* 3 */ *width: 13px; /* 3 */ }
/* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to
border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] {-webkitappearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box}
right: 0; left: 0; height: 62px; z-index: 2; -webkit-transition: all 0.25s ease-in-out; transition: all
0.25s ease-in-out}
body.has_header_shadow.show_header_shadow:before {background: rgba(0, 0, 0, 0.15); height:
65px}
a, .pseudo_link, .pseudoLink {color: #1a7bba; outline: none; text-decoration: none; cursor:
pointer; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out}
a:hover, .pseudo_link:hover, .pseudoLink:hover {color: #6ac6e2}
h1, h2, h3, h4 {font-weight: normal}
h1.book_title, h2.book_title, h3.book_title, h4.book_title {font-family: Livory, serif}
h1 {font-size: 42px; font-weight: 200; color: #666}
h1.book_title {font-size: 40px; line-height: 1.15; font-weight: normal; color: #444444}
h2 {font-size: 32px; color: #555; font-weight: 200}
h2 .book_title {font-size: 38px; line-height: 48px; color: #444444}
h3 {font-size: 28px; color: #555}
h3 .book_title {font-size: 26px; line-height: 32px; color: #444444}
h4 .book_title {font-size: 18px; line-height: 22px}
p {line-height: 1.5; margin: 0 0 24px 0}
p strong {color: #555}
ul, ol {margin: 0 0 24px 0}
ul li, ol li {line-height: 1.8}
.clearfix {zoom: 1}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.hidden {display: none !important}
.global_wrapper {overflow: hidden; background: #f3f3f3}
.full_width .global_wrapper {background: white}
.divider {margin: 0px 1px; border-top: 1px solid #e2e4e5}
.divider .divider_bottom {border-top: 1px solid #cfd2d3; margin: 1px 3px 0px 3px}
.divider.brown {border-top-color: #e1e1e1}
.divider.brown .divider_bottom {border-top-color: #dadada}
.tab_nav {white-space: nowrap; margin: 30px 0}
.tab_nav.center_tabs {text-align: center}
.tab_nav.center_tabs .tab {margin-right: 20px; margin-left: 20px}
.tab_nav .tab {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;userselect: none; display: inline-block; vertical-align: top; -webkit-transition: all 0.4s ease; transition: all
0.4s ease; border-bottom: 3px solid transparent; text-transform: uppercase; font-size: 14px; color:
#666666; vertical-align: top; padding: 0 0 2px 0; margin-right: 40px; cursor: pointer; letter-spacing:
0.08em}
.tab_nav .tab a {color: inherit}
.tab_nav .tab:hover {color: #6ac6e2}
.tab_nav .tab:hover a {color: #6ac6e2}
.tab_nav .tab.current {color: #1a7bba; border-color: #1a7bba}
.tab_nav .tab.current a {color: #1a7bba}
.tab_nav.disabled {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;userselect: none; cursor: default; border-color: transparent}
.tab_nav.disabled .tab {cursor: default; color: #e1e1e1}
.tab_nav.disabled .tab.current {border-color: #e1e1e1}
.tab_nav.disabled .tab:hover:not(.current) {border-color: transparent}
form input[type=text], form input[type=tel], form input[type=password], form input[type=email],
form input.text, form textarea, .form input[type=text], .form input[type=tel], .form
input[type=password], .form input[type=email], .form input.text, .form textarea {box-sizing: borderbox; font-family: Sofia Pro, sans-serif; border-radius: 4px; height: 45px; padding: 7px 14px;
outline: 0; border: 1px solid #e1e1e1; line-height: 1.5; color: #444444; font-size: 16px}
form input[type=text]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder, form input[type=email]::-webkit-inputplaceholder, form input.text::-webkit-input-placeholder, form textarea::-webkit-input-placeholder,
.form input[type=text]::-webkit-input-placeholder, .form input[type=tel]::-webkit-input-placeholder,
.lightbox > .wrapper > .content, .stacked_lightbox > .wrapper > .content {border-top: 1px solid
#e1e1e1; padding: 40px}
.lightbox > .wrapper > .content > .inline_flash, .stacked_lightbox > .wrapper > .content >
.inline_flash {-webkit-transition: background 0.2s ease;transition: background 0.2s ease; position:
absolute; height: 40px; line-height: 40px; top: 0; left: 0; right: 0; background: #F09F66; color:
white; font-size: 14px; display: none; text-align: center}
.lightbox > .wrapper > .content > .inline_flash.error, .stacked_lightbox > .wrapper > .content >
.inline_flash.error {background: #f2736e}
.lightbox > .wrapper > .content > .inline_flash.success, .stacked_lightbox > .wrapper > .content
> .inline_flash.success {background: #82cc9c}
.lightbox > .wrapper > .title, .stacked_lightbox > .wrapper > .title {font-size: 36px; font-family:
Livory, serif; line-height: 40px; padding: 30px 40px; background: #f9f9f9}
.lightbox > .wrapper > .close_button, .stacked_lightbox > .wrapper > .close_button {position:
absolute; top: 0px; right: 0px; float: right; margin-top: 15px; margin-right: 15px; cursor: pointer}
.lightbox.multi_line_flash > .wrapper > .content > .inline_flash, .stacked_lightbox.multi_line_flash
> .wrapper > .content > .inline_flash {height: auto; line-height: inherit; padding: 10px}
.lightbox#share_lb, .stacked_lightbox#share_lb {width: 500px}
#add_to_collection_lightbox .content {padding: 0}
.stacked_lightbox {position: fixed; z-index: 3000}
/* public/stylesheets/global/sprites.css @ 1455919650 */
.lightbox_overlay {z-index: 2999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background:
rgba(0, 0, 0, 0.49804); /* Non petunia color? */ }
span.sprite {display: inline-block; vertical-align: middle}
.sprite {background: url('https://s2-f.scribdassets.com/images/newhome/icon-sprite.png?
1455919650') 0 0 no-repeat}
.sprite.gray_tri_down, .sprite.gray_tri_right {background: url('https://s1f.scribdassets.com/images/petunia/triangles.png?1455919650') 0 0 no-repeat}
.sprite.gray_tri_down {width: 9px; height: 5px; background-position: -1px 0}
.sprite.gray_tri_right {width: 5px; height: 9px; background-position: -6px -12px}
.sprite.loc_pin {width: 10px; height: 13px; background-position: -14px 0px}
.sprite.logo_dark {width: 73px; height: 18px; background-position: 0px -92px}
.sprite.logo_dark_big {width: 97px; height: 24px; background-position: 0px -60px}
.sprite.logo {width: 97px; height: 26px; background-position: 0px -117px}
.sprite.triangle {width: 13px; height: 8px; background-position: -78px -5px}
.sprite.white_tri_up {width: 9px; height: 5px; background-position: -94px -8px}
.sprite.white_tri_down {width: 9px; height: 5px; background-position: -94px -2px}
.sprite.white_tri_right {width: 5px; height: 9px; background-position: -98px -14px}
.sprite.blue_tri_right {width: 5px; height: 9px; background-position: -71px -14px}
.sprite.blue_tri_down {width: 9px; height: 5px; background-position: -66px -2px}
.sprite.blue_tri_up {width: 9px; height: 5px; background-position: -66px -8px}
.sprite.share, .sprite.close, .sprite.reply, .sprite.comment, .sprite.bookmark_light,
.sprite.bookmark_dark, .sprite.download {position: relative; cursor: pointer}
.sprite.share:active, .sprite.close:active, .sprite.reply:active, .sprite.comment:active,
.sprite.bookmark_light:active, .sprite.bookmark_dark:active, .sprite.download:active {top: 1px}
.sprite.readcast {width: 18px; height: 17px; background-position: -145px -34px}
.sprite.readcast:hover {background-position: -145px -51px}
.sprite.readcast.disabled {background-position: -145px 0}
.sprite.share {width: 12px; height: 11px; background-position: -13px -27px}
.sprite.share:hover {background-position: 0px -27px}
.sprite.bookmark_light {width: 13px; height: 16px; background-position: -148px -71px}
.sprite.bookmark_light:hover {background-position: -148px -90px}
.sprite.bookmark_dark {width: 13px; height: 16px; background-position: -148px -109px}
.sprite.bookmark_dark_small {width: 13px; height: 16px; background-position: -148px -109px}
.sprite.popup_arrow {width: 21px; height: 11px; background-position: -121px -57px}
100%); /* Chrome10+,Safari5.1+ */ background: -webkit-gradient(linear, left top, left bottom, colorstop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ /* FF3.6+ */ /* IE10+ */ /*
Opera 11.10+ */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
width: 20px; height: 20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',
GradientType=0); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,
strength=2, color=ff0000); /* IE10 text shadows */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)}
.introjs-arrow {border: 5px solid #1b7bbb; content: ''; position: absolute}
.introjs-arrow.top {top: -10px; left: 10px; border-top-color: transparent; border-right-color:
transparent; border-bottom-color: #1B7BBB; border-left-color: transparent}
.introjs-arrow.right {right: -10px; top: 10px; border-top-color: transparent; border-right-color:
transparent; border-bottom-color: transparent; border-left-color: #1B7BBB}
.introjs-arrow.bottom {bottom: -10px; left: 10px; border-top-color: #1B7BBB; border-right-color:
transparent; border-bottom-color: transparent; border-left-color: transparent}
.introjs-arrow.left {left: -10px; top: 10px; border-top-color: transparent; border-right-color:
#1B7BBB; border-bottom-color: transparent; border-left-color: transparent}
.introjs-tooltip {position: absolute; /* padding: 10px; */ background-color: white; min-width: 280px;
max-width: 380px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); -webkittransition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out}
.introjs-tooltip.introjs-custom_spacing {top: 15px}
.introjs-tooltipbuttons {text-align: center}
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {color: #9a9a9a; border-color:
#d4d4d4; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image:
none; text-decoration: none}
.introjs-bullets {text-align: center; height: 32px}
.introjs-bullets ul {clear: both; padding: 0; display: inline-block; margin: 13px 0}
.introjs-bullets ul li {list-style: none; float: left; margin: 0 2px}
.introjs-bullets ul li a {display: block; width: 6px; height: 6px; background: #ccc; border-radius:
10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none}
.introjs-bullets ul li a:hover {background: #999}
.introjs-bullets ul li a.active {background: #999}
.introjsFloatingElement {position: absolute; height: 0; width: 0; left: 50%; top: 50%}
/* :files, 'public/stylesheets/shared', ... @ (none) */
/* :files, 'app/views', ... @ 1455919598 */
/* app/views/shared/carousels/paddles.css @ 1455919598 */
.lightbox_overlay {z-index: 2999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background:
rgba(0, 0, 0, 0.49804); /* Non petunia color? */ }
.has_paddles:hover .paddle, .has_paddles.ui_visible .paddle {opacity: 1}
.ie8 .has_paddles:hover .paddle .paddle_sprite, .ie7 .has_paddles:hover .paddle .paddle_sprite,
.ie6 .has_paddles:hover .paddle .paddle_sprite, .ie8 .has_paddles.ui_visible .paddle
.paddle_sprite, .ie7 .has_paddles.ui_visible .paddle .paddle_sprite, .ie6 .has_paddles.ui_visible
.paddle .paddle_sprite {opacity: 1}
.ie8 .has_paddles:hover .paddle .paddle_sprite, .ie7 .has_paddles:hover .paddle .paddle_sprite,
.ie6 .has_paddles:hover .paddle .paddle_sprite {opacity: 0.3}
.ie8 .has_paddles .paddle .paddle_sprite, .ie7 .has_paddles .paddle .paddle_sprite, .ie6
.has_paddles .paddle .paddle_sprite {opacity: 0}
.ie8 .has_paddles .paddle:hover .paddle_sprite, .ie7 .has_paddles .paddle:hover .paddle_sprite,
.ie6 .has_paddles .paddle:hover .paddle_sprite {opacity: 1}
.has_paddles .paddle {-webkit-user-select: none;-moz-user-select: none;-ms-user-select:
none;user-select: none; cursor: pointer; position: absolute; width: 17px; height: 30px; z-index: 3;
top: 100px; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
.has_paddles:hover .paddle {opacity: 0.3}