/* :asset_packager_compatibility, 'config/asset_packages.yml' @ 1498165531 */ /* public/stylesheets/global/fonts.css @ 1498165531 */ @font-face {font-family: 'Sofia Pro'; font-weight: normal; font-style: normal; src: url('../../fonts/sofia_pro/light/SofiaProLight-webfont.eot'); src: url('../../fonts/sofia_pro/light/SofiaProLight-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/sofia_pro/light/SofiaProLight-webfont.woff') format("woff"), url('../../fonts/sofia_pro/light/SofiaProLight-webfont.ttf') format("truetype"), url('../../fonts/sofia_pro/light/SofiaProLight-webfont.svg') format("svg")} @font-face {font-family: 'Sofia Pro'; font-weight: bold; font-style: normal; src: url('../../fonts/sofia_pro/medium/SofiaProMedium-webfont.eot'); src: url('../../fonts/sofia_pro/medium/SofiaProMedium-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/sofia_pro/medium/SofiaProMedium-webfont.woff') format("woff"), url('../../fonts/sofia_pro/medium/SofiaProMedium-webfont.ttf') format("truetype"), url('../../fonts/sofia_pro/medium/SofiaProMedium-webfont.svg') format("svg")} @font-face {font-family: 'Sofia Pro'; font-weight: 200; font-style: normal; src: url('../../fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.eot'); src: url('../../fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.woff') format("woff"), url('../../fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.ttf') format("truetype"), url('../../fonts/sofia_pro/extralight/SofiaProExtraLight-webfont.svg') format("svg")} @font-face {font-family: 'Livory'; font-weight: normal; font-style: normal; src: url('../../fonts/livory/regular/2AC7C6_0_0.eot'); src: url('../../fonts/livory/regular/2AC7C6_0_0.eot#iefix') format("embedded-opentype"), url('../../fonts/livory/regular/2AC7C6_0_0.woff') format("woff"), url('../../fonts/livory/regular/2AC7C6_0_0.ttf') format("truetype")} @font-face {font-family: 'Livory'; font-weight: normal; font-style: italic; src: url('../../fonts/livory/italic/2AC7C6_1_0.eot'); src: url('../../fonts/livory/italic/2AC7C6_1_0.eot#iefix') format("embedded-opentype"), url('../../fonts/livory/italic/2AC7C6_1_0.woff') format("woff"), url('../../fonts/livory/italic/2AC7C6_1_0.ttf') format("truetype")} @font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight: normal; src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.eot'); src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.eot#iefix') format("embedded-opentype"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.svg') format("svg"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff') format("woff"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format("truetype")} @font-face {font-family: 'Source Sans Pro'; font-style: italic; font-weight: normal; src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.eot'); src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.eot#iefix') format("embedded-opentype"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.svg') format("svg"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.woff') format("woff"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf') format("truetype")} @font-face {font-family: 'Source Sans Pro'; font-style: normal; font-weight: bold; src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Semibold.eot'); src: url('../../fonts/Source_Sans_Pro/SourceSansPro-Semibold.eot#iefix') format("embedded-opentype"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Semibold.svg') format("svg"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Semibold.woff') format("woff"), url('../../fonts/Source_Sans_Pro/SourceSansPro-Semibold.ttf') format("truetype")} @font-face {font-family: 'Source Sans Pro'; font-style: italic; font-weight: bold; src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.eot'); src: url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.eot#iefix') format("embedded-opentype"), url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.svg') format("svg"), url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.woff') format("woff"), url('../../fonts/Source_Sans_Pro/SourceSansPro-SemiboldItalic.ttf') format("truetype")} /* public/stylesheets/global/petunia.css @ 1498165531 */ /*redundant old mapping*/ body {margin: 0; font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-size: 16px; -webkit-font-smoothing: antialiased} body.dragging, body.unselectable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor: default} body.fixed_min_width {min-width: 996px} body.has_header_shadow:before {content: ""; position: fixed; background: transparent; top: 0; 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} body.header_overlay_open {overflow: hidden} button, input, select, textarea {font-size: 100%} legend {border: 0; padding: 0; white-space: normal} a, .pseudo_link, .pseudoLink {color: #20828D; 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: #509ba8} h1, h2, h3, h4 {line-height: initial} h1 {font-size: 42px; color: #666} h1.book_title {font-size: 40px; line-height: 1.15; font-weight: normal; color: #1C263D} h2 {font-size: 32px; color: #000514} h2 .book_title {font-size: 38px; line-height: 48px; color: #1C263D} h3 {font-size: 28px; color: #000514} h3 .book_title {font-size: 26px; line-height: 32px; color: #1C263D} h4 .book_title {font-size: 18px; line-height: 22px} p {line-height: 1.5; margin: 0 0 24px 0} ul, ol {margin: 0 0 24px 0} ul li, ol li {line-height: 1.8} .header_spacer {display: none; height: 60px} .responsive .header_spacer {display: block} .clearfix {zoom: 1} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .hidden {display: none !important} .global_wrapper {overflow: hidden; background: #F8F9FD} .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: #E9EDF8} .divider.brown .divider_bottom {border-top-color: #E9EDF8} .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;user-select: 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: #57617A; 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: #509ba8} .tab_nav .tab:hover a {color: #509ba8} .tab_nav .tab.current {color: #20828D; border-color: #20828D} .tab_nav .tab.current a {color: #20828D} .tab_nav.disabled {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor: default; border-color: transparent} .tab_nav.disabled .tab {cursor: default; color: #E9EDF8} .tab_nav.disabled .tab.current {border-color: #E9EDF8} .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: border-box; font-family: 'Source Sans Pro', sans-serif; border-radius: 4px; height: 45px; padding: 7px 14px; border: 1px solid #E9EDF8; line-height: 1.5; color: #1C263D; 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-input-placeholder, 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, .form input[type=password]::-webkit-input-placeholder, .form input[type=email]::-webkit-input-placeholder, .form input.text::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {color: #57617A} form input[type=text]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input.text::-moz-placeholder, form textarea::-moz-placeholder, .form input[type=text]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form input.text::-moz-placeholder, .form textarea::-moz-placeholder {color: #57617A} form input[type=text]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input.text:-ms-input-placeholder, form textarea:-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form input[type=tel]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form input[type=email]:-ms-input-placeholder, .form input.text:-ms-input-placeholder, .form textarea:-ms-input-placeholder {color: #57617A} form input[type=text]::placeholder, form input[type=tel]::placeholder, form input[type=password]::placeholder, form input[type=email]::placeholder, form input.text::placeholder, form textarea::placeholder, .form input[type=text]::placeholder, .form input[type=tel]::placeholder, .form input[type=password]::placeholder, .form input[type=email]::placeholder, .form input.text::placeholder, .form textarea::placeholder {color: #57617A} form input[type=text].field_err, form input[type=tel].field_err, form input[type=password].field_err, form input[type=email].field_err, form input.text.field_err, form textarea.field_err, .form input[type=text].field_err, .form input[type=tel].field_err, .form input[type=password].field_err, .form input[type=email].field_err, .form input.text.field_err, .form textarea.field_err {border-color: #f2736e; box-shadow: 0 0 0 1px #f2736e} form input[type=text].default, form input[type=tel].default, form input[type=password].default, form input[type=email].default, form input.text.default, form textarea.default, .form input[type=text].default, .form input[type=tel].default, .form input[type=password].default, .form input[type=email].default, .form input.text.default, .form textarea.default {color: #999} form input.validate_error, form textarea.validate_error, .form input.validate_error, .form textarea.validate_error {border: 1px solid #f2736e} form textarea, .form textarea {height: auto} .notification_bar {color: white; background-color: #85878A} .notification_bar.positive {background-color: #82cc9c} .notification_bar.negative {background-color: #f2736e} .notification_bar.success {background-color: #82cc9c} .home_container {background: white; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); border-top: 1px solid white; border-bottom: 1px solid white} .home_container .padded_content {padding: 0 48px 10px 48px} .ie8 .home_container, .ie7 .home_container, .ie6 .home_container {border: 1px solid #ccc} .home_container .page_header {border-bottom: 1px solid #E9EDF8; padding: 0 48px} .home_container .page_header h1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 35px 0 0 0} .home_container .page_header h2 {background: red} .home_container .page_header h2::before {content: "use h1 in header please"} .home_container .notification_bar {padding: 15px 48px; margin-top: 1px} .home_container .bottom_menu {zoom: 1; padding: 15px 48px; border-top: 1px solid #E9EDF8; margin-top: 30px; line-height: 44px} .home_container .bottom_menu:after {content: ""; display: table; clear: both} .home_container, .open_container {text-align: left; width: 996px; margin: 45px auto} .loader {display: none; vertical-align: middle; background: url('../../images/petunia/spinner/spinner_30.gif'); width: 30px; height: 30px} .new.loader {background: url('../../images/spinner_30x30.gif') no-repeat; width: 32px; height: 32px} .toolbar_notification {padding: 0 45px; background: #85878A; color: white; height: 64px; line-height: 66px; text-align: left; white-space: normal} .toolbar_notification .close_btn {display: block; float: right; color: white; margin-top: 13px; cursor: pointer} .toolbar_notification .renew_btn {margin-left: 20px} .toolbar_notification.error_notification {background: #f2736e} .toolbar_notification.error_notification a:hover, .toolbar_notification.error_notification .renewal_button:hover {color: #f2736e} .toolbar_notification.renewal_nag .renewal_form {display: inline} .toolbar_notification.renewal_nag.stuck_top {position: fixed; top: 0; left: 0; right: 0; z-index: 9999; text-align: center} .scribd_white_logo {background-image: url('../../images/landing/home2_landing/scribd_logo_horiz_small_white.svg'); background-size: cover; background-repeat: no-repeat; width: 117px; height: 26px} .scribd_blue_long_logo {width: 117px; height: 26px} .scribd_blue_logo {background-image: url('../../images/header/scribd_s_circle_logo.svg'); background-size: cover; background-repeat: no-repeat; height: 36px; width: 32px} .lightbox_overlay {z-index: 2999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.498039); /* Non petunia color? */ } .visually_hidden {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute} /* prevent repetition, but might not be the best place to put this */ .interest_pills {font-size: 0; overflow: hidden; max-height: 120px} .interest_pills .interest {display: inline-block; box-sizing: border-box; word-spacing: normal; background: #FAFBFD; font-size: 16px; color: #57617A; height: 30px; padding: 3px 15px; border-radius: 5px; border: 1px solid #E9EDF8; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 10px 0px 0px} .interest_pills .interest:hover {background: #dde4f4} .interest_pills .interest:active {background: #d9e2f9} .text_btn_alt {color: #a9085e !important; font-weight: bold; font-size: 16px} .text_btn_alt:hover, .text_btn_alt:active {color: #87064b !important} .text_btn_alt:disabled {color: #57617A !important} #loading_lb {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center} #loading_lb .content {border: 0} /* public/stylesheets/global/lightbox.css @ 1498165531 */ /*redundant old mapping*/ body.lightbox_open {overflow: hidden} body.lightbox_open #lightboxes {zoom: 1; position: fixed; top: 0; left: 0; right: 0; z-index: 30000; height: 100%; overflow-y: auto} body.lightbox_open #lightboxes:after {content: ""; display: table; clear: both} #overlay, .stacked_overlay {opacity: 0.5; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #57617A; z-index: 2999} @media (max-width: 415px) {#overlay.login_mode, .stacked_overlay.login_mode {background-color: #F8F9FD; opacity: 1} } @media (max-width: 420px), (max-height: 420px) {.responsive .react_lightbox {height: 100%} } @media (max-width: 420px), (max-height: 420px) {.responsive .lightbox {position: static; width: auto; min-height: 100%; margin: 0 !important} .responsive .lightbox .close_btn {font-size: 24px} .responsive .lightbox.stacked_lightbox {z-index: 3000; position: fixed; width: 100%; min-width: 320px; left: 0 !important; right: 0 !important; top: 0 !important} } .lightbox, .stacked_lightbox {position: absolute; text-align: left; background: white 0 0 no-repeat; box-shadow: 0px 0px 12px #000514; border: 1px solid transparent; box-sizing: border-box} .lightbox.auto_center, .stacked_lightbox.auto_center {left: 0; right: 0; margin: 0 auto} .lightbox .flasher_notification, .stacked_lightbox .flasher_notification {color: #fff; position: absolute; left: 0; right: 0; top: 0} .lightbox > .wrapper, .stacked_lightbox > .wrapper {overflow: hidden; position: relative} .lightbox > .wrapper > .content, .stacked_lightbox > .wrapper > .content {border-top: 1px solid #E9EDF8; 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: 28px; font-weight: bold; padding: 30px 40px; background: #f9f9f9} .lightbox > .wrapper > .close_button, .stacked_lightbox > .wrapper > .close_button {position: absolute; top: 0px; right: 0px; float: right; margin: 15px 15px 0 0; cursor: pointer; color: inherit; background: transparent; border: 0; padding: 0} .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} .modal_style {border-radius: 4px; max-width: 400px; min-width: 300px} .modal_style > .wrapper .close_button {padding-top: 2px; margin-right: 20px; margin-top: 20px} .modal_style > .wrapper > .content {border-top: 0; padding: 28px} .modal_style > .wrapper > .content h1 {color: #1C263D; font-size: 24px; margin-top: -10px; padding-right: 20px} .modal_style > .wrapper > .content .actions {text-align: right} /* public/stylesheets/global/sprites.css @ 1498165531 */ /*redundant old mapping*/ span.sprite {display: inline-block; vertical-align: middle} .sprite {background: url('../../images/newhome/icon-sprite.png') 0 0 no-repeat} .sprite.gray_tri_down, .sprite.gray_tri_right {background: url('../../images/petunia/triangles.png') 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} .sprite.reply {width: 14px; height: 10px; background-position: -38px -14px} .sprite.reply:hover, .trigger_sprite:hover .sprite.reply {background-position: -25px -14px} .sprite.close {width: 12px; height: 13px; background-position: -26px 0px} .sprite.close.brown {background-position: -52px 0px} .sprite.close.white {background-position: -52px -13px} .sprite.close.white:hover {background-position: -52px -13px} .sprite.close:hover {background-position: -39px 0px} .sprite.comment {width: 13px; height: 12px; background-position: -13px -14px} .sprite.comment:hover {background-position: 0px -14px} .sprite.scribd_badge, .sprite.facebook_badge, .sprite.twitter_badge {width: 20px; height: 20px; background-position: -82px -147px} .sprite.facebook_badge {background-position: -82px -167px} .sprite.twitter_badge {background-position: -82px -188px} .sprite.ad_choices {width: 12px; height: 11px; background-position: -79px -15px} .sprite.to_reading_feed {width: 15px; height: 13px; background-position: -105px 0} .sprite.to_reading_feed:hover, .has_icon:hover .sprite.to_reading_feed {background-position: -105px -14px} .sprite.blue_arrow {width: 15px; height: 13px; background-position: -105px -14px} .sprite.link_arrow {width: 15px; height: 13px; background-position: -105px -14px} .sprite.small_checkmark {width: 12px; height: 8px; background-position: -126px -90px} .sprite.blue_x {width: 13px; height: 11px; background-position: -39px -1px} .sprite.plus_circle {background-position: -102px -51px; width: 18px; height: 17px} .sprite.check_circle {background-position: -102px -69px; width: 18px; height: 17px} .sprite.white_scribd {background-position: -122px -147px; width: 17px; height: 20px} .sprite.white_twitter {background-position: -104px -188px; width: 17px; height: 20px} .sprite.white_facebook {background-position: -104px -167px; width: 17px; height: 20px} .sprite.white_googleplus {width: 20px; height: 20px; background-position: -122px -167px} .sprite.white_linkedin {width: 20px; height: 20px; background-position: -122px -147px} .sprite.red_warning {width: 21px; height: 17px; background-position: -121px -18px} .sprite.white_warning {width: 21px; height: 17px; background-position: -121px -36px} .sprite.external_link {width: 14px; height: 14px; background-position: -148px -168px} .sprite.sharing_check {width: 15px; height: 11px; background-position: -148px -188px} .active .sprite.sharing_check {background-position: -129px -200px} .sprite.question {width: 16px; height: 16px; background-position: -104px -28px} .sprite.trash {width: 11px; height: 13px; background-position: -168px -4px} .sprite.preview {width: 17px; height: 12px; background-position: -166px -40px} .sprite.i_info {width: 9px; height: 9px; background-position: 0 -49px} .sprite.traffic_cone {width: 29px; height: 30px; background-position: -181px 0} .sprite.tiny_check {width: 12px; height: 8px; background-position: -126px -90px} .sprite.white_search {width: 14px; height: 13px; background-position: -106px -119px} .sprite.white_edit {width: 14px; height: 14px; background-position: -188px -91px} .sprite.email {width: 20px; height: 16px; background-position: -185px -30px} .sprite.white_check {width: 12px; height: 8px; background-position: -12px -49px} .sprite.report_user {width: 7px; height: 14px; background-position: -171px -52px} .sprite.block_user {width: 11px; height: 10px; background-position: -169px -68px} .sprite.edit_icon_solid {width: 20px; height: 20px; background-position: -185px -49px} .sprite.edit_pencil {width: 14px; height: 13px; background-position: -188px -74px} .sprite.dark_search {width: 14px; height: 13px; background-position: -106px -132px} .sprite.black_search {width: 16px; height: 15px; background-position: -209px -91px} .sprite.book {width: 16px; height: 12px; background-position: -184px -137px} .sprite.header_arrow_down {width: 11px; height: 6px; background-position: -197px -161px} .sprite.upload {width: 13px; height: 15px; background-position: -184px -152px} .sprite.paddle_left {width: 31px; height: 47px; background-position: -6px -151px} .sprite.paddle_right {width: 31px; height: 47px; background-position: -38px -151px} .sprite.paddle_left_small {width: 22px; height: 43px; background-position: -15px -208px} .sprite.paddle_right_small {width: 22px; height: 43px; background-position: -39px -208px} .sprite.popup_left {width: 16px; height: 33px; background-position: -139px -273px} .sprite.popup_right {width: 14px; height: 33px; background-position: -155px -274px} .sprite.home_open_book, .sprite.home_open_book_static {width: 18px; height: 15px; background-position: -141px -217px} .sprite.home_open_book:hover, .trigger_sprite:hover .sprite.home_open_book {background-position: -141px -237px} .sprite.home_open_book:active, .trigger_sprite:active .sprite.home_open_book {background-position: -141px -258px} .sprite.home_readcast_static, .sprite.home_readcast {width: 18px; height: 18px; background-position: -160px -216px} .sprite.home_readcast:hover, .trigger_sprite:hover .sprite.home_readcast {background-position: -160px -236px} .sprite.home_readcast:active, .trigger_sprite:active .sprite.home_readcast, .sprite.home_readcast.readcasted {background-position: -160px -256px} .sprite.home_bookmark {width: 12px; height: 19px; background-position: -179px -216px} .sprite.home_bookmark:hover {background-position: -179px -236px} .sprite.home_bookmark:active {background-position: -179px -256px} .sprite.home_bookmark.saved {background-position: -179px -256px} .sprite.home_add_collection {width: 18px; height: 19px; background-position: -192px -216px} .sprite.home_add_collection:hover {background-position: -192px -236px} .sprite.home_add_collection:active {background-position: -192px -256px} .sprite.home_uploads {width: 15px; height: 17px; background-position: -212px -218px} .sprite.home_uploads:hover, .trigger_sprite:hover .sprite.home_uploads {background-position: -212px -237px} .sprite.home_uploads:active, .trigger_sprite:active .sprite.home_uploads {background-position: -212px -258px} .sprite.home_followers {width: 15px; height: 16px; background-position: -228px -219px} .sprite.home_followers:hover, .trigger_sprite:hover .sprite.home_followers {background-position: -228px -238px} .sprite.home_followers:active, .trigger_sprite:active .sprite.home_followers {background-position: -228px -259px} .sprite.home_reply {width: 13px; height: 13px; background-position: -262px -222px} .sprite.home_reply:hover, .trigger_sprite:hover .sprite.home_reply {background-position: -262px -241px} .sprite.home_reply:active, .trigger_sprite:active .sprite.home_reply, .sprite.home_reply.active {background-position: -262px -262px} .sprite.home_following {width: 18px; height: 17px; background-position: -244px -218px} .sprite.home_following:hover, .trigger_sprite:hover .sprite.home_following {background-position: -244px -237px} .sprite.home_following:active, .trigger_sprite:active .sprite.home_following {background-position: -244px -257px} .sprite.home_delete {width: 15px; height: 16px; background-position: -276px -219px} .sprite.home_delete:hover {background-position: -276px -238px} .sprite.home_delete:active {background-position: -276px -258px} .sprite.download_arrow {width: 14px; height: 18px; background-position: -310px -217px} .sprite.download_arrow:hover {background-position: -310px -236px} .sprite.download_arrow:active {background-position: -310px -256px} .sprite.white_big_open_book {width: 46px; height: 38px; background-position: -0px -320px} .sprite.tiny_pencil {width: 10px; height: 10px; background-position: -210px -170px} .sprite.tiny_star {width: 11px; height: 10px; background-position: -226px -170px} .sprite.tiny_x {width: 9px; height: 9px; background-position: -242px -171px} .sprite.ac_documents, .sprite.ac_books {background-position: -165px -145px; margin: 4px 7px; width: 15px; height: 18px} .sprite.ac_authors {background-position: -165px -168px; margin: 7px 7px; width: 15px; height: 14px} .sprite.ac_publishers {background-position: -165px -186px; width: 15px; height: 14px} .sprite.library_blue {background-position: -165px -186px; width: 15px; height: 14px} .sprite.light_tri_down {width: 12px; height: 5px; background-position: -183px -194px} .sprite.search_collections {width: 14px; height: 14px; background-position: -243px -112px} .sprite.search_collections.small {background-position: -29px -59px} .sprite.search_documents {width: 11px; height: 14px; background-position: -212px -112px} .sprite.search_people {width: 15px; height: 14px; background-position: -260px -112px} .sprite.search_books {width: 12px; height: 14px; background-position: -228px -112px} .sprite.small_clip {width: 14px; height: 14px; background-position: -243px -112px} .sprite.gray_tri_up {background-position: -227px -185px; width: 11px; height: 6px} .sprite.circle_check {background-position: -165px -79px; width: 16px; height: 16px} .sprite.circle_cancel {background-position: -165px -96px; width: 16px; height: 16px} .sprite.box_tri_down {width: 16px; height: 16px; background-position: -322px -2px} .sprite.box_tri_up {width: 16px; height: 16px; background-position: -322px -23px} .sprite.annotation_paper {width: 17px; height: 17px; background-position: -16px -376px} .sprite.facebook_large {width: 25px; height: 25px; background-position: -78px -26px} /* public/stylesheets/scribd_icon.css @ 1498165531 */ @font-face {font-family: 'scribd'; src: url('../../fonts/scribd_icon/fonts/scribd.eot'); src: url('../../fonts/scribd_icon/fonts/scribd.eot#iefix') format("embedded-opentype"), url('../../fonts/scribd_icon/fonts/scribd.ttf') format("truetype"), url('../../fonts/scribd_icon/fonts/scribd.woff') format("woff"), url('../../fonts/scribd_icon/fonts/scribd.svg') format("svg"); font-weight: normal; font-style: normal} [class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'scribd' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .icon-ic_checkmark_bold:before {content: "\e902"} .icon-ic_scribd_badge_logo:before {content: "\e901"} .icon-ic_scribd_social_logo:before {content: "\e900"} .icon-ic_share_web:before {content: "\e9c6"} .icon-ic_menuclosed:before {content: "\e922"} .icon-ic_slide_fwd:before {content: "\e9c5"} .icon-ic_page_vertical_arrow:before {content: "\e97e"} .icon-ic_zoom_out_default:before {content: "\e97f"} .icon-ic_zoom_in_default:before {content: "\e980"} .icon-ic_nightmode:before {content: "\e981"} .icon-ic_sepiamode:before {content: "\e982"} .icon-ic_daymode:before {content: "\e983"} .icon-ic_vertical_reading:before {content: "\e984"} .icon-ic_horizontal_reading:before {content: "\e985"} .icon-ic_checkmark_outline_circle:before {content: "\e986"} .icon-ic_edit_pencil:before {content: "\e987"} .icon-ic_apple_mark:before {content: "\e988"} .icon-ic_android_mark:before {content: "\e989"} .icon-ic_heart:before {content: "\e98a"} .icon-ic_close_circle_fill:before {content: "\e98b"} .icon-ic_warn:before {content: "\e98c"} .icon-ic_email:before {content: "\e98d"} .icon-ic_upload_with_line:before {content: "\e98e"} .icon-ic_twitter:before {content: "\e98f"} .icon-ic_facebook:before {content: "\e990"} .icon-ic_pinterest:before {content: "\e991"} .icon-ic_linkedin:before {content: "\e992"} .icon-ic_embed:before {content: "\e993"} .icon-ic_radiobutton_empty:before {content: "\e994"} .icon-ic_radiobutton_filled:before {content: "\e995"} .icon-ic_reader_bookmark_on:before {content: "\e997"} .icon-ic_reader_bookmark_off:before {content: "\e998"} .icon-ic_print:before {content: "\e999"} .icon-ic_download_with_line:before {content: "\e99a"} .icon-ic_globalnav_upload:before {content: "\e99b"} .icon-ic_web_player_volume_3:before {content: "\e99c"} .icon-ic_web_player_volume_2:before {content: "\e99d"} .icon-ic_web_player_volume_1:before {content: "\e99e"} .icon-ic_web_player_volume_0:before {content: "\e99f"} .icon-ic_badge_audio_old:before {content: "\e9a0"} .icon-ic_fullscreen_collapse:before {content: "\e9a1"} .icon-ic_fullscreen_window:before {content: "\e9a2"} .icon-ic_read_circle:before {content: "\e9a3"} .icon-ic_popular_circle:before {content: "\e9a4"} .icon-ic_chat_circle:before {content: "\e9a5"} .icon-ic_user_circle:before {content: "\e9a6"} .icon-ic_music_jam:before {content: "\e9a7"} .icon-ic_music_hits:before {content: "\e9a8"} .icon-ic_music_classics:before {content: "\e9a9"} .icon-ic_music_broadway:before {content: "\e9aa"} .icon-ic_slide_back:before {content: "\e9ab"} .icon-ic_cart:before {content: "\e9ac"} .icon-ic_toc_list:before {content: "\e9ad"} .icon-ic_share:before {content: "\e97d"} .icon-ic_checkbox_outline:before {content: "\e923"} .icon-ic_checkbox_fill:before {content: "\e948"} .icon-ic_displaysettings:before {content: "\e95a"} .icon-ic_checkmark_circle_fill:before {content: "\e971"} .icon-ic_globalnav_saved_fill:before {content: "\e924"} .icon-ic_thumbsdown_fill:before {content: "\e925"} .icon-ic_thumbsup_fill:before {content: "\e93e"} .icon-ic_store_offline_small:before {content: "\e926"} .icon-ic_right_caret_alt:before {content: "\e927"} .icon-ic_thumbsdown_outline:before {content: "\e928"} .icon-ic_thumbsup_outline:before {content: "\e929"} .icon-ic_overflowmenu:before {content: "\e930"} .icon-ic_audiobook_pause:before {content: "\e938"} .icon-ic_save_for_later_1px:before {content: "\e93a"} .icon-ic_saved_for_later_1px:before {content: "\e93b"} .icon-ic_globalnav_saved:before {content: "\e945"} .icon-ic_right_arrow:before {content: "\e946"} .icon-ic_back_arrow:before {content: "\e947"} .icon-ic_add_circle:before {content: "\e970"} .icon-ic_audiobook_pause_large:before {content: "\e92a"} .icon-ic_audiobook_play_large:before {content: "\e92b"} .icon-ic_audiobook_back:before {content: "\e92c"} .icon-ic_audiobook_forward:before {content: "\e92d"} .icon-ic_audiobook_skipback:before {content: "\e92e"} .icon-ic_audiobook_skipfwd:before {content: "\e92f"} .icon-ic_audiobook_sleepoff:before {content: "\e931"} .icon-ic_audiobook_sleepon:before {content: "\e932"} .icon-ic_star_large_fill:before {content: "\e933"} .icon-ic_star_large_halffill:before {content: "\e934"} .icon-ic_star_large_outline:before {content: "\e935"} .icon-ic_abouttitle:before {content: "\e936"} .icon-ic_accountsettings:before {content: "\e937"} .icon-ic_addtolist:before {content: "\e939"} .icon-ic_align_center:before {content: "\e93c"} .icon-ic_align_justify:before {content: "\e93d"} .icon-ic_align_left:before {content: "\e93f"} .icon-ic_align_right:before {content: "\e940"} .icon-ic_audiobook_play:before {content: "\e941"} .icon-ic_audiobook_rewind:before {content: "\e942"} .icon-ic_audiobook_skipback_24:before {content: "\e943"} .icon-ic_audiobook_skipfwd_24:before {content: "\e944"} .icon-ic_checkmark:before {content: "\e949"} .icon-ic_close:before {content: "\e94a"} .icon-ic_create_note:before {content: "\e94b"} .icon-ic_delete:before {content: "\e94c"} .icon-ic_down_arrow:before {content: "\e94d"} .icon-ic_download_cancel:before {content: "\e94e"} .icon-ic_download_queue:before {content: "\e94f"} .icon-ic_filter_active:before {content: "\e950"} .icon-ic_filter:before {content: "\e951"} .icon-ic_globalnav_browse_fill:before {content: "\e952"} .icon-ic_globalnav_browse:before {content: "\e953"} .icon-ic_globalnav_home_fill:before {content: "\e954"} .icon-ic_globalnav_home:before {content: "\e955"} .icon-ic_globalnav_profile_fill:before {content: "\e956"} .icon-ic_globalnav_profile:before {content: "\e957"} .icon-ic_highlight:before {content: "\e958"} .icon-ic_minus:before {content: "\e959"} .icon-ic_note:before {content: "\e95b"} .icon-ic_notebook:before {content: "\e95c"} .icon-ic_pagegrid:before {content: "\e95d"} .icon-ic_plus:before {content: "\e95e"} .icon-ic_private_line_open:before {content: "\e95f"} .icon-ic_private_line:before {content: "\e960"} .icon-ic_private:before {content: "\e961"} .icon-ic_remove_download:before {content: "\e962"} .icon-ic_removefromlist:before {content: "\e963"} .icon-ic_righttoleft:before {content: "\e964"} .icon-ic_scrubber_back:before {content: "\e965"} .icon-ic_search:before {content: "\e966"} .icon-ic_star_medium_fill:before {content: "\e967"} .icon-ic_star_medium_halffill:before {content: "\e968"} .icon-ic_star_medium_outline:before {content: "\e969"} .icon-ic_storeoffline:before {content: "\e96a"} .icon-ic_tableofcontents:before {content: "\e96b"} .icon-ic_text_message:before {content: "\e96c"} .icon-ic_topauthor:before {content: "\e96d"} .icon-ic_up_arrow:before {content: "\e96e"} .icon-promo_credits:before {content: "\e96f"} .icon-promo_unlimited:before {content: "\e972"} .icon-ic_adjustbrightness_thin:before {content: "\e973"} .icon-ic_arrow_small_left_1px:before {content: "\e974"} .icon-ic_arrow_small_left_alt:before {content: "\e975"} .icon-ic_arrow_small_up_1px:before {content: "\e976"} .icon-ic_arrow_small_up_alt:before {content: "\e977"} .icon-ic_close_small:before {content: "\e978"} .icon-ic_dropdown_1px:before {content: "\e979"} .icon-ic_dropdown_alt:before {content: "\e97a"} .icon-ic_highlight_small:before {content: "\e97b"} .icon-ic_input_clear:before {content: "\e97c"} .icon-ic_note_small:before {content: "\e9ae"} .icon-ic_right_caret_1px:before {content: "\e9af"} .icon-ic_search_small:before {content: "\e9b0"} .icon-ic_small_articles_fill:before {content: "\e9b1"} .icon-ic_small_audiobook_fill:before {content: "\e9b2"} .icon-ic_small_audiobook_old_fill:before {content: "\e9b3"} .icon-ic_small_author_fill:before {content: "\e9b4"} .icon-ic_small_book_fill:before {content: "\e9b5"} .icon-ic_small_collection_fill:before {content: "\e9b6"} .icon-ic_small_document_fill:before {content: "\e9b7"} .icon-ic_small_document:before {content: "\e9b8"} .icon-ic_small_song_fill:before {content: "\e9b9"} .icon-ic_small_songbook_fill:before {content: "\e9ba"} .icon-ic_small_user_fill:before {content: "\e9bb"} .icon-ic_small_user:before {content: "\e9bc"} .icon-ic_star_small_fill:before {content: "\e9bd"} .icon-ic_star_small_halffill:before {content: "\e9be"} .icon-ic_star_small_outline:before {content: "\e9bf"} .icon-ic_storedoffline:before {content: "\e9c0"} .icon-ic_thumbsdown_fill_small:before {content: "\e9c1"} .icon-ic_thumbsdown_outline_small:before {content: "\e9c2"} .icon-ic_thumbsup_fill_small:before {content: "\e9c3"} .icon-ic_thumbsup_outline_small:before {content: "\e9c4"} /* :files, 'public/stylesheets/shared', ... @ (none) */ /* :files, 'app/views', ... @ 1498165422 */ /* app/views/shared/carousels/paddles.css @ 1498165422 */ /*redundant old mapping*/ .has_paddles.paddles_visible .paddle {opacity: 1} @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {.has_paddles.paddles_visible .paddle {opacity: 0} } .has_paddles .paddle {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border: none; cursor: pointer; outline: none; position: absolute; width: 17px; height: 30px; z-index: 3; top: 94px; opacity: 0} .has_paddles .page_left {left: 0} .has_paddles .page_right {right: 0} .has_paddles.on_first_page .page_left {display: none} .has_paddles.on_last_page .page_right {display: none} .smaller_doc_thumb_width.show_title .paddle {top: 80px} .smaller_doc_thumb_width .paddle {top: 60px} /* app/views/shared/carousels/document_cell.css @ 1498165422 */ /*redundant old mapping*/ /* // Put CSS that is shared between grids and carousels here, if it's not shared // then put it in the file for the respective UI element */ @-webkit-keyframes popin {0% {opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8)} 75% {-webkit-transform: scale(1.3);transform: scale(1.3)} 100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)} } @keyframes popin {0% {opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8)} 75% {-webkit-transform: scale(1.3);transform: scale(1.3)} 100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1)} } .has_document_cells .block_layer {/* This element covers the cell to prevent pointer events. */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10} .has_document_cells .list_view_data {display: none} .has_document_cells.list_view_mode .document_cell {margin: 15px 0 35px 0; width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start} .has_document_cells.list_view_mode .document_cell .upvotes .vote {margin-right: 0} .has_document_cells.list_view_mode .document_cell .thumb {margin-bottom: 0; width: 108px; height: 144px} .has_document_cells.list_view_mode .document_cell .thumb .comic_series_cover {width: 108px; height: 144px} .has_document_cells.list_view_mode .document_cell .star_ratings {padding: 6px 0} .has_document_cells.list_view_mode .document_cell .star_ratings .stats {font-size: 14px} .has_document_cells.list_view_mode .document_cell .subtitle {display: none} .has_document_cells.list_view_mode .document_cell .list_view_data {display: block} .has_document_cells.list_view_mode .document_cell .list_view_data .page_count, .has_document_cells.list_view_mode .document_cell .list_view_data .views_count {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #57617A} .has_document_cells.list_view_mode .document_cell .under_title.one_line {display: none} .has_document_cells.list_view_mode .document_cell .under_title:not(.one_line) {display: none} .has_document_cells .doc_link {display: inline-block; width: 100%} .has_document_cells .doc_link:focus .thumb {opacity: 0.5} .has_document_cells .document_cell {width: 144px; white-space: normal; vertical-align: top; text-align: left} .has_document_cells .document_cell .sheet_music_meta {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center} .has_document_cells .document_cell .sheet_music_meta .instrument, .has_document_cells .document_cell .sheet_music_meta .difficulty {margin-bottom: 0} .has_document_cells .document_cell .sheet_music_meta .name {color: #57617A; font-weight: normal} .has_document_cells .document_cell .sheet_music_meta .diff {text-align: center; width: 33%} .has_document_cells .document_cell.interaction_disabled {position: relative} .has_document_cells .document_cell.smaller_cell {width: 108px} .has_document_cells .document_cell.smaller_cell .skirt .title {margin-top: 15px; font-size: 14px; line-height: 18px} .has_document_cells .document_cell.smaller_cell .skirt .content_thumbnail {top: -11px} .has_document_cells .document_cell.smaller_cell .under_title {display: none} .has_document_cells .document_cell.smaller_cell .thumb {width: 108px; height: 144px} .has_document_cells .document_cell.smaller_cell .thumb .comic_series_cover {width: 108px; height: 144px} .has_document_cells .document_cell.smaller_cell .thumb .under_title {display: none} .has_document_cells .document_cell.smaller_cell .thumb .hover_cta {-webkit-transition: opacity ease 0.3s;transition: opacity ease 0.3s; bottom: 0; color: #fff; font-size: 14px; font-weight: bold; opacity: 0; padding: 2px 0; position: absolute; text-align: center; width: 100%} .has_document_cells .document_cell.smaller_cell .thumb .hover_cta.reader {background: #20828D} .has_document_cells .document_cell.smaller_cell .thumb .hover_cta.book_page {background: #ff5780} .has_document_cells .document_cell.smaller_cell .thumb:hover .hover_cta {opacity: 1} .has_document_cells .document_cell.smallest_cell {width: 72px} .has_document_cells .document_cell.smallest_cell .under_title {display: none} .has_document_cells .document_cell.smallest_cell .thumb {margin-right: 20px; width: 72px; height: 96px} .has_document_cells .document_cell.smallest_cell .thumb .comic_series_cover {width: 72px; height: 96px} .has_document_cells .document_cell.smallest_cell .thumb .under_title {display: none} .has_document_cells .document_cell.is_series .series_lines {position: absolute; top: -4px; left: 0; right: 0; margin: 0 3px; border-top: 2px solid #20828D} .has_document_cells .document_cell.is_series .series_lines:before {border-top: 2px solid #20828D; opacity: 0.3; content: ''; display: block; position: absolute; left: 6px; right: 6px; top: -10px} .has_document_cells .document_cell.is_series .series_lines:after {border-top: 2px solid #20828D; content: ''; display: block; position: absolute; left: 3px; right: 3px; top: -6px; opacity: 0.7} .has_document_cells .document_cell.in_library:not(.is_series) .reading_progress_outer {display: block} .has_document_cells .document_cell.no_book_page.is_audiobook .action_layer .read_icon {display: none} .has_document_cells .document_cell.no_book_page.is_audiobook .action_layer .play_icon {display: block} .has_document_cells .document_cell.no_book_page .action_layer .read_icon {display: block} .has_document_cells .document_cell .under_title {margin-top: 20px; margin-bottom: 0px; font-family: 'Source Sans Pro', sans-serif; text-align: center; font-size: 16px; line-height: 21px; max-height: 44px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; color: #1C263D} .has_document_cells .document_cell .under_title:not(.one_line) {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .has_document_cells .document_cell .under_title.one_line {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .has_document_cells .document_cell .subtitle {font-family: 'Source Sans Pro', sans-serif; text-align: center; font-size: 16px; line-height: 21px; max-height: 22px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; color: #1C263D} .has_document_cells .document_cell .flag {top: 0; bottom: auto; display: block; white-space: nowrap} .has_document_cells .document_cell .thumb {position: relative; background-color: #E6E8E9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); width: 144px; height: 192px; margin-bottom: 14px} .has_document_cells .document_cell .thumb:hover .overlay, .has_document_cells .document_cell .thumb.hover .overlay {opacity: 0.5} .has_document_cells .document_cell .thumb:hover .overlay .sprite, .has_document_cells .document_cell .thumb.hover .overlay .sprite {opacity: 0.5} .has_document_cells .document_cell .thumb:hover .main_action, .has_document_cells .document_cell .thumb.hover .main_action {opacity: 1} .has_document_cells .document_cell .thumb.is_book .shadow_overlay {display: block} .has_document_cells .document_cell .thumb .shadow_overlay {display: none} .has_document_cells .document_cell .thumb .overlay, .has_document_cells .document_cell .thumb .shadow_overlay, .has_document_cells .document_cell .thumb .doc_link {position: absolute; top: 0; right: 0; bottom: 0; left: 0} .has_document_cells .document_cell .thumb .overlay {-webkit-transition: opacity 0.1s ease-in-out;transition: opacity 0.1s ease-in-out; opacity: 0; background: rgba(87, 97, 122, 0.75)} .has_document_cells .document_cell .thumb .overlay .sprite {position: absolute; opacity: 0; left: 50%; top: 50%; margin-left: -23px; margin-top: -18px} .has_document_cells .document_cell .thumb .shadow_overlay {background: url('../../images/petunia/thumbnail_overlay_185x250.png') 0 0 no-repeat; background-size: cover} .has_document_cells .document_cell .thumb > img {width: 100%; height: 100%} .has_document_cells .document_cell .thumb > img.lazy_loading {opacity: 0} .has_document_cells .document_cell .document_title {color: #333333; margin: 10px 15px 0 15px; word-wrap: break-word; font-size: 14px; line-height: 15px; overflow: hidden; max-height: 30px} .has_document_cells .document_cell .document_title a {color: inherit} .has_document_cells .document_cell .list_view_data {margin-left: 15px} .has_document_cells .document_cell .list_view_title {font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 20px; color: #1C263D; font-size: 16px; line-height: 20px; max-height: 42px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; max-width: 400px; word-wrap: break-word} .has_document_cells .document_cell .decorative {font-family: 'Source Sans Pro', sans-serif} .has_document_cells .document_cell .views_count .decorative {color: #57617A; font-size: 14px} .has_document_cells .document_cell .list_view_publisher {font-size: 14px; word-wrap: break-word; line-height: 1.5} .has_document_cells .document_cell .action_layer .main_action {position: absolute; left: 50%; top: 50%; color: white; z-index: 1; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out} .has_document_cells .document_cell .action_layer .info_icon {font-size: 25px; margin-left: -5px; margin-top: -18px} .has_document_cells .document_cell .action_layer .read_icon {display: none; font-size: 40px; margin-left: -20px; margin-top: -16px} .has_document_cells .document_cell .action_layer .play_icon {display: none; font-size: 44px; margin-left: -22px; margin-top: -20px} .has_document_cells .document_cell.has_color_background .reading_progress_outer {background: #0D6069} .has_document_cells .document_cell.has_color_background .reading_progress_outer .reading_progress_outer_dark_overlay {display: block} .has_document_cells .flag {position: absolute; color: white; font-size: 9px; font-weight: bold; letter-spacing: 1px; border-radius: 0; bottom: -20px; height: 20px; line-height: 21px; left: 0; right: 0; text-align: center} .has_document_cells .has_flag .content {margin-top: 30px} .has_document_cells .has_flag .flag {display: block} .has_document_cells .has_flag.is_purchase .flag {background: #20828D} .has_document_cells .has_flag.is_geo_restricted .flag, .has_document_cells .has_flag.is_expiring_content .flag {background: #57617A} .has_document_cells .has_flag.is_sample .flag {background: #C1C1BE} .has_document_cells .has_flag.is_scribd_select .flag {position: absolute; top: 0; left: 0; width: 45px; height: 45px; font-size: 16px; color: #fff; opacity: 0.9} .has_document_cells .has_flag.is_scribd_select .flag:before, .has_document_cells .has_flag.is_scribd_select .flag:after {position: absolute; top: 0; content: ""; display: block; border-style: solid} .has_document_cells .has_flag.is_scribd_select .flag:before {border-width: 47px 47px 0 0; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent} .has_document_cells .has_flag.is_scribd_select .flag:after {border-width: 45px 45px 0 0; border-color: #fff transparent transparent transparent} .has_document_cells .has_flag.is_scribd_select .flag span {position: absolute; top: 0; left: 0; width: 25.875px; height: 27.9px; line-height: 27.9px; z-index: 1; text-align: center; background-repeat: no-repeat; background-size: 100%} .has_document_cells .has_flag.is_scribd_select .flag > .icon-ic_scribd_badge_logo {color: #20828D} .has_document_cells .reading_progress_outer {display: none; bottom: -12px; position: absolute; left: 0; right: 0; height: 5px; background: #E9EDF8; border-radius: 10px; overflow: hidden} .has_document_cells .reading_progress_outer.dark {background: #0D6069} .has_document_cells .reading_progress_outer .reading_progress_inner {background: #02a793; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 10px} .has_document_cells .reading_progress_outer .reading_progress_outer_dark_overlay {display: none; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0} .has_document_cells {/* articles */ } .has_document_cells .document_cell.card {border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; width: 306px; background: white; line-height: 21px; position: relative; margin-bottom: 20px; display: inline-block; margin-right: 20px} @media (max-width: 667px) {.has_document_cells .document_cell.card {width: 270px} .has_document_cells .document_cell.card .doc_link {width: 270px} } .has_document_cells .document_cell.card .doc_link {-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out} .has_document_cells .document_cell.card .doc_link:active {opacity: 0.5} .has_document_cells .document_cell.card .tooltip {text-align: center} .has_document_cells .document_cell.card .series_lines {display: none} .has_document_cells .document_cell.card:hover .card_library_button_container {opacity: 1} .has_document_cells .document_cell.card .shadow_overlay {display: none} .has_document_cells .document_cell.card .thumb.is_book .shadow_overlay {display: none} .has_document_cells .document_cell.card .thumb {overflow: hidden} .has_document_cells .document_cell.card .card_library_button_container {color: #1C263D; position: absolute; top: 4px; right: 4px; opacity: 0; z-index: 1; -webkit-transition: opacity 0.2 ease-in-out; transition: opacity 0.2 ease-in-out} .has_document_cells .document_cell.card .card_library_button_container:hover {color: #509ba8; border-color: #509ba8} .has_document_cells .document_cell.card .card_library_button_container.child_has_focus {opacity: 1} .has_document_cells .document_cell.card .editors_pick_badge {line-height: 33px; position: relative; padding-left: 27px; right: 2px; color: #57617A; font-size: 16px; font-family: 'Source Sans Pro', sans-serif} .has_document_cells .document_cell.card .editors_pick_badge .icon {font-size: 16px; margin-right: 5px} .has_document_cells .document_cell.card .card_content {display: inline-block; box-sizing: border-box; width: 158px; height: 192px; vertical-align: top; padding: 12px; position: relative} @media (max-width: 667px) {.has_document_cells .document_cell.card .card_content {width: 125px} } .has_document_cells .document_cell.card .card_content .title {margin-top: 0; margin-bottom: 2px; margin-right: 20px; color: #1C263D; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 24px; max-height: 50px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .has_document_cells .document_cell.card .card_content .author {margin-bottom: 6px; margin-top: 0; color: #57617A; max-height: 42px; font-size: 14px; font-weight: normal; font-size: 14px; line-height: 1.5; max-height: 5; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .has_document_cells .document_cell.card .card_content .star_ratings {height: 30px} .has_document_cells .document_cell.card .card_content .star_ratings .stats {font-size: 14px} .has_document_cells .document_cell.card .card_content .length {position: absolute; bottom: 10px; left: 12px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #57617A} .has_document_cells .document_cell.card .card_content .ic_editors_pick {display: inline-block; width: 30px; height: 30px; background: url('../../images/document_cells/metadata_cards/ic_editors_pick.svg'); background-size: cover; position: absolute; left: 0px} .has_document_cells .document_cell.card .card_description {margin: 12px 12px 12px 12px; height: 84px} .has_document_cells .document_cell.card .card_description .card_text {font-size: 16px; line-height: 24px; max-height: 75px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #57617A} .has_document_cells .document_cell.card .card_description .interest_pill {display: inline-block; height: 22px; border: 1px solid #E9EDF8; font-size: 14px; color: #57617A; margin-right: 10px; margin-bottom: 2px; border-radius: 30px; padding: 0 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .has_document_cells .document_cell.card.smaller_cell .thumb {margin: 12px 0 0 12px} .has_document_cells .document_cell.card.smaller_cell .card_content {width: 182px; /* borders */ height: 156px} @media (max-width: 667px) {.has_document_cells .document_cell.card.smaller_cell .card_content {width: 146px; /* borders */ height: 156px} } .has_document_cells .document_cell.card.smaller_cell .length {bottom: -3px} .has_document_cells .document_cell.card .thumb {display: inline-block; vertical-align: top; margin-bottom: 0; border-right: 1px solid #E9EDF8; box-shadow: initial; border-radius: 4px 0 0 4px} .has_document_cells .document_cell.card .thumb.has_description {border: 1px solid #E9EDF8; border-radius: initial} .has_document_cells .document_cell .thumb.is_article {background: white} .has_document_cells .document_cell .thumb.is_article > img {height: initial} .has_document_cells .document_cell .thumb.is_article .reading_progress_outer {display: none} .has_document_cells .document_cell .thumb.is_article .shadow_overlay {display: none} .has_document_cells .article_details {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden} .has_document_cells .article_details .article_cell_info {padding: 14px 10px 22px; position: relative} .has_document_cells .article_details .article_info_inner.truncated {overflow: hidden} .has_document_cells .article_details .publisher_logo, .has_document_cells .article_details .article_length {position: absolute} .has_document_cells .article_details .publisher_logo {top: 0} .has_document_cells .article_details .article_title {line-height: 18px; font-weight: bold; margin: 6px 0 4px; overflow: hidden; font-size: 14px} .has_document_cells .article_details .article_length {bottom: 0; font-size: 12px; text-transform: uppercase; color: #57617A} .has_document_cells .article_details .article_title, .has_document_cells .article_details .article_subtitle {color: #1C263D} .has_document_cells .article_details .article_subtitle {font-size: 14px; line-height: 18px} .has_document_cells .article_details.has_article_image {top: 70px} .has_document_cells .article_details.has_article_image .article_info_inner, .has_document_cells .article_details.has_article_image .article_title {max-height: 42px} .has_document_cells .article_details:not(.has_article_image) .article_info_inner {max-height: 100px} .has_document_cells .smaller_cell .article_details .article_subtitle {font-size: 12px} .has_document_cells .smaller_cell .article_details.has_article_image {top: 55px} .has_document_cells .smaller_cell .article_details:not(.has_article_image) .titles_container {max-height: 75px} /* fixes a shift in the hovercard */ .cover_drop .article_details .article_length {bottom: 3px} /* app/views/shared/carousels/sheet_music_icons.css @ 1498165422 */ /*redundant old mapping*/ .has_sheet_music_icons .instrument, .has_sheet_music_icons .difficulty {display: inline-block; width: 40px; height: 40px; margin-bottom: 10px} .has_sheet_music_icons .difficulty.advanced {background: url('../../images/book_preview/ic_difficulty_advanced.svg')} .has_sheet_music_icons .difficulty.beginner {background: url('../../images/book_preview/ic_difficulty_beginner.svg')} .has_sheet_music_icons .difficulty.intermediate {background: url('../../images/book_preview/ic_difficulty_intermediate.svg')} .has_sheet_music_icons .difficulty.mixed {background: url('../../images/book_preview/ic_difficulty_mixed.svg')} .has_sheet_music_icons .instrument.brass, .has_sheet_music_icons .instrument.trumpet, .has_sheet_music_icons .instrument.tuba, .has_sheet_music_icons .instrument.trombone, .has_sheet_music_icons .instrument.french_horn, .has_sheet_music_icons .instrument.tenor_sax, .has_sheet_music_icons .instrument.alto_sax {background: url('../../images/book_preview/ic_instrument_brass.svg')} .has_sheet_music_icons .instrument.drums_percussion {background: url('../../images/book_preview/ic_instrument_drums-percussion.svg')} .has_sheet_music_icons .instrument.guitar, .has_sheet_music_icons .instrument.bass, .has_sheet_music_icons .instrument.ukulele {background: url('../../images/book_preview/ic_instrument_guitar-bass-fretted.svg')} .has_sheet_music_icons .instrument.piano {background: url('../../images/book_preview/ic_instrument_piano.svg')} .has_sheet_music_icons .instrument.cello, .has_sheet_music_icons .instrument.violin, .has_sheet_music_icons .instrument.viola, .has_sheet_music_icons .instrument.double_bass {background: url('../../images/book_preview/ic_instrument_strings.svg')} .has_sheet_music_icons .instrument.vocal {background: url('../../images/book_preview/ic_instrument_vocal.svg')} .has_sheet_music_icons .instrument.woodwinds, .has_sheet_music_icons .instrument.clarinet, .has_sheet_music_icons .instrument.flute_piccolo, .has_sheet_music_icons .instrument.recorder {background: url('../../images/book_preview/ic_instrument_woodwind.svg')} /* app/views/shared/carousels/collection_cell.css @ 1498165422 */ /*redundant old mapping*/ .collection_cell, .object_grid .object_cell.collection_cell {box-sizing: border-box; display: inline-block; height: 200px; position: relative; text-align: left; width: 308px} .collection_cell .collection_link, .object_grid .object_cell.collection_cell .collection_link {border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; bottom: 0; color: #1C263D; left: 0; overflow: hidden; position: absolute; right: 0; top: 0} .collection_cell .collection_link .metadata, .object_grid .object_cell.collection_cell .collection_link .metadata {margin: 0; padding: 20px} .collection_cell .collection_link .metadata .title, .object_grid .object_cell.collection_cell .collection_link .metadata .title {font-size: 20px; line-height: 25px; max-height: 52px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px; font-weight: bold; margin: 0 2px 0 0} .collection_cell .collection_link .metadata .count, .object_grid .object_cell.collection_cell .collection_link .metadata .count {color: #57617A} .collection_cell .collection_link .collection_header, .object_grid .object_cell.collection_cell .collection_link .collection_header {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #E9EDF8; font-size: inherit; height: 82px; padding-left: 0; margin: 0} .collection_cell .collection_link .collection_header .document_image, .object_grid .object_cell.collection_cell .collection_link .collection_header .document_image {display: inline-block; height: 82px; line-height: normal; list-style: none; width: 102px; vertical-align: top} .collection_cell .collection_link .collection_header .document_image img, .object_grid .object_cell.collection_cell .collection_link .collection_header .document_image img {-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease; opacity: 0} .collection_cell .collection_link .collection_header .document_image img.loaded, .object_grid .object_cell.collection_cell .collection_link .collection_header .document_image img.loaded {opacity: 1} .collection_cell .collection_link .collection_header .document_image.two, .object_grid .object_cell.collection_cell .collection_link .collection_header .document_image.two {width: 153px} .collection_cell .collection_link .collection_header .document_image.one, .object_grid .object_cell.collection_cell .collection_link .collection_header .document_image.one {width: 306px} .collection_cell:hover, .object_grid .object_cell.collection_cell:hover {background-color: #F8F9FD} .collection_cell:hover .trusted_source_header_container, .object_grid .object_cell.collection_cell:hover .trusted_source_header_container {background-color: #F8F9FD} .collection_cell:active, .object_grid .object_cell.collection_cell:active {opacity: 0.45} /* app/views/discover/modules/article_info.css @ 1498165421 */ /*redundant old mapping*/ .article_info {color: #57617A; text-transform: uppercase; font-size: 12px; height: 22px; max-width: 278px} .article_info .logo {height: 16px; margin-top: 2px} .article_info span {vertical-align: top} .article_info .with_circle {padding-right: 20px; position: relative} .article_info .with_circle:after {content: ''; margin: 0 8px; border-radius: 50%; width: 4px; height: 4px; background: #E9EDF8; position: absolute; top: 7px} .article_info .article_length {font-size: 16px} /* app/views/errors/common.css @ 1498165421 */ /*redundant old mapping*/ .home_container.error_container {background: #f6f6f6; margin: 0 auto; padding: 30px 0; text-align: center; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); border: 0} .home_container.error_container .message {border-top: 1px dotted #57617A; width: 775px; margin: 0 auto; font-size: 16px; color: #57617A} .home_container.error_container h1 {color: #1C263D; margin: 20px 0; font-size: 25px} .home_container.error_container p {width: 600px; margin: 0 auto} /* app/views/chrome/_shared.css @ 1498165421 */ /*redundant old mapping*/ #browse_menu_overlay {opacity: 0; -webkit-transition: background-color 0.4s ease, opacity 0.4s ease; transition: background-color 0.4s ease, opacity 0.4s ease; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: white; z-index: 19} body.pagebox_open {overflow: hidden} @-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)} } @keyframes rotate {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)} } @-webkit-keyframes jiggle {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)} 50% {-webkit-transform: rotate(1deg);transform: rotate(1deg)} 100% {-webkit-transform: rotate(-1deg);transform: rotate(-1deg)} } @keyframes jiggle {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)} 50% {-webkit-transform: rotate(1deg);transform: rotate(1deg)} 100% {-webkit-transform: rotate(-1deg);transform: rotate(-1deg)} } @-webkit-keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1)} 50% {-webkit-transform: scale(1.2);transform: scale(1.2)} 100% {-webkit-transform: scale(1);transform: scale(1)} } @keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1)} 50% {-webkit-transform: scale(1.2);transform: scale(1.2)} 100% {-webkit-transform: scale(1);transform: scale(1)} } .scribd_spinner {background-image: url('../../images/petunia/spinner/spinner.svg'); background-position: center; background-repeat: no-repeat; background-size: 30px; height: 30px; width: 30px; -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 700ms; animation-duration: 700ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear} .scribd_spinner.slow {-webkit-animation-duration: 1200ms;animation-duration: 1200ms} .scribd_spinner.large {background-size: 60px; height: 60px; width: 60px} [class^="icon-"], [class*=" icon-"] {min-width: 2px; min-height: 2px} /* app/views/chrome/_buttons.css @ 1498165421 */ /*redundant old mapping*/ /* Follow this guide. This file must be updated to match the design guide on buttons. https://scribdjira.atlassian.net/wiki/display/DES/Web+Button+Rules Also see library_button.css for overrides. */ /* Type A */ .flat_btn {box-sizing: border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif; -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2); border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 18px; font-weight: bold; height: 44px; line-height: 42px; min-width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize; background-color: #20828D; color: #fff; /* Type B */ /* Type F */ /* Type C */ /* fix ie 11+ button 3d effect */ } .flat_btn:visited {color: #fff} .flat_btn:hover, .flat_btn.hover {background-color: #509ba8; border-color: rgba(255, 255, 255, 0.2); color: white} .flat_btn:active, .flat_btn.activated {background-color: #0D6069; border-color: rgba(255, 255, 255, 0.2); color: #fff} .flat_btn.outline_btn {background-color: transparent; border: 1px solid #20828D; color: #20828D; /*Type E */ } .flat_btn.outline_btn:hover, .flat_btn.outline_btn.hover, .flat_btn.outline_btn:focus {background-color: rgba(32, 130, 141, 0.1); border-color: #20828D} .flat_btn.outline_btn:active, .flat_btn.outline_btn.activated {background-color: rgba(32, 130, 141, 0.15); border-color: #20828D; color: #20828D} .flat_btn.outline_btn.negate {border-color: #fff; color: #fff} .flat_btn.slim {height: 34px; line-height: 32px; font-size: 16px} .flat_btn.text_btn {background-color: transparent; border-radius: 0; border: 0; color: #20828D; font-size: 16px; font-weight: bold; height: auto; line-height: initial; min-width: 0; padding: 0} .flat_btn.text_btn:visited {color: #20828D} .flat_btn.text_btn:hover {background-color: transparent; border: 0; color: #509ba8} .flat_btn.text_btn:active {background-color: transparent; border: 0; color: #0D6069} .flat_btn.text_btn.negate {color: #fff} .flat_btn.text_btn.negate:hover, .flat_btn.text_btn.negate:active {color: #fff} .flat_btn.text_btn:disabled {background-color: transparent; color: #57617A} .flat_btn.text_btn:disabled:visited {color: #57617A} .flat_btn.text_btn:disabled:hover {background-color: transparent} .flat_btn.text_btn:disabled.loading {color: #E9EDF8; background-color: transparent} .flat_btn.text_btn:disabled.loading:hover {background-color: transparent} .flat_btn .icon {margin-right: 10px; position: relative; top: 1px} .flat_btn .scribd_spinner {display: none} .flat_btn.facebook {background-color: #3b5998} .flat_btn.facebook .icon-ic_facebook {font-size: 25px; position: relative; top: 4px} .flat_btn.facebook:hover {background-color: #6d84b4} .flat_btn.facebook:active {background-color: #0e1f56} .flat_btn.loading:disabled {position: relative} .flat_btn.loading:disabled .scribd_spinner {bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0} .flat_btn.loading:disabled, .flat_btn:disabled {-webkit-transition: none;transition: none; background-color: #E9EDF8; border: 0; color: #57617A; cursor: default} .flat_btn.loading:disabled:visited, .flat_btn:disabled:visited {color: #57617A} .flat_btn.loading:disabled:hover, .flat_btn.loading:disabled:active, .flat_btn:disabled:hover, .flat_btn:disabled:active {background-color: #E9EDF8} .flat_btn .flat_btn_content {position: relative} /* app/views/chrome/_hover_menu.css @ 1498165421 */ /* # @intro Hover Menu for general use. # @name Hover Menu # # @author Leafo # # @demo_ruby # div :class => "hover_menu" do # # end # # @Notes # Demo should be done! @Leafo */ /*redundant old mapping*/ .hover_menu {position: relative} .hover_menu.open {z-index: 2700} .hover_menu.open .sub_menu {visibility: visible; opacity: 1} .hover_menu.open .open_sprite {display: inline-block} .hover_menu.open .closed_sprite {display: none} .hover_menu .sprite_container {display: inline-block; width: 10px; position: relative; top: -1px} .hover_menu .sprite_container .open_sprite {position: relative; left: -2px} .hover_menu .closed_sprite, .hover_menu .open_sprite {display: inline-block; vertical-align: middle; margin-left: 6px} .hover_menu .open_sprite {display: none} .hover_menu .sub_menu {visibility: hidden; opacity: 0} .hover_menu .sub_menu .divider {height: 1px; background: #E9EDF8; border: 0} .hover_menu .sub_menu, .fancy_select_menu {z-index: 3400; line-height: 1.5; position: absolute; background: white; min-width: 190px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.45); text-align: left; padding: 1px 0px} .ie8 .hover_menu .sub_menu, .ie7 .hover_menu .sub_menu, .ie6 .hover_menu .sub_menu, .ie8 .fancy_select_menu, .ie7 .fancy_select_menu, .ie6 .fancy_select_menu {border: 1px solid silver} .hover_menu .sub_menu .row, .hover_menu .sub_menu .fancy_option, .fancy_select_menu .row, .fancy_select_menu .fancy_option {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; display: block; padding: 6px 22px; cursor: pointer} .hover_menu .sub_menu .row .fancy_option_parenthetical, .hover_menu .sub_menu .fancy_option .fancy_option_parenthetical, .fancy_select_menu .row .fancy_option_parenthetical, .fancy_select_menu .fancy_option .fancy_option_parenthetical {font-size: 11px; color: #B0B0B0} .hover_menu .sub_menu .row.selected, .hover_menu .sub_menu .fancy_option.selected, .fancy_select_menu .row.selected, .fancy_select_menu .fancy_option.selected {font-weight: bold} .hover_menu .sub_menu .row:hover, .fancy_select_menu .row:hover {background: #CACED9; color: #20828D} .hover_menu .sub_menu .row.first, .fancy_select_menu .row.first {padding-top: 8px} .hover_menu .sub_menu .row.last, .fancy_select_menu .row.last {padding-bottom: 8px} .fancy_select_label .sub {display: none} .fancy_select_menu {z-index: 9} .fancy_select_menu .fancy_menu_inner {overflow-y: scroll; max-height: 300px} .fancy_select_menu .sub {color: #57617A; font-size: 14px; font-weight: normal} /* app/views/chrome/flasher.css @ 1498165421 */ /*redundant old mapping*/ .global_flash {font-size: 16px; position: fixed; z-index: 30001; top: 0px; color: white; background: #F09E66; box-shadow: 0 0 0 2px white; max-width: 75%; margin: 0 auto; border-radius: 0 0 5px 5px; padding: 15px 15px 8px 15px; cursor: default; border: 1px solid transparent} .global_flash.error {background: #f2736e} .global_flash.success {background: #82cc9c} .global_flash.notice {background: #82cc9c} .global_flash.animated {-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out} .flasher_notification {padding: 10px 48px; background-color: #CACED9; color: #20828D; vertical-align: middle; line-height: 18px; text-align: left; position: relative; z-index: 2998; text-align: center; font-size: 14px} .flasher_notification.error {background-color: #f2736e} .flasher_notification.success {background-color: #82cc9c} .flasher_notification .icon-ic_checkmark_outline_circle {background: url('../../images/newhome/icon-sprite.png') no-repeat -102px -69px; display: inline-block; width: 19px; height: 18px; vertical-align: middle} .flasher_notification a {margin-left: 0.5em; text-decoration: underline; color: #fff} /* app/views/chrome/tooltips.css @ 1498165421 */ /*redundant old mapping*/ .tooltip_container .new_tip {opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; font-family: 'Source Sans Pro', sans-serif; position: absolute; white-space: nowrap; text-align: center; z-index: 2999} .tooltip_container .new_tip.opaque {opacity: 1} .tooltip_container .new_tip .tip_inner {display: inline-block; background: #00293f; border-radius: 3px; padding: 5px 10px; font-size: 13px; color: white; border: 1px solid transparent} .tooltip_container .new_tip .tip_inner a {color: white} .tooltip_container .fancy_tip {display: inline-block; box-shadow: #57617A 0 0 4px; position: absolute; background: white 0 100% url('../../images/newhome/corner-lift-brown-bottomleft_33_x_33.png') no-repeat} .tooltip_container .fancy_tip .tip_inner {margin: 16px} .tooltip_container .fancy_tip .tip_arrow {position: absolute; left: 50%; margin-left: -9px; top: -9px} /* app/views/chrome/_introduction.css @ 1498165421 */ /*redundant old mapping*/ .introduction_fix_parent {z-index: auto !important; opacity: 1 !important} /* app/views/chrome/_fancy_select.css @ 1498165421 */ /* Moved common button styling - as this is a select. Buttons are these: https://sbx.scribd.com/styleguide#general_purpose_buttons To do: Create a react widget out of $.fn.fancy_select and document it in the style guide. .fancy_select styling is currently used in Views::Shared::ContentList::Header & FilteredDocumentPage filter_buttons method. */ /*redundant old mapping*/ .fancy_select {box-sizing: border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif; -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2); border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 18px; font-weight: bold; height: 44px; line-height: 42px; min-width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize; color: #fff; overflow: hidden; padding-right: 40px; position: relative; background-color: #20828D} .fancy_select.open .white_tri_up {top: 21px} .fancy_select.open .white_tri_down {top: 44px} .fancy_select .white_tri_up, .fancy_select .white_tri_down {-webkit-transition: top 0.15s ease-in-out;transition: top 0.15s ease-in-out; display: inline-block; margin: 0; position: absolute; right: 20px; top: 21px} .fancy_select .white_tri_up {top: -44px} .fancy_select:hover {background-color: #509ba8} .fancy_select:active {background-color: #0D6069} /* app/views/chrome/collections.css @ 1498165421 */ /*redundant old mapping*/ .mosaic {background-size: cover; background-color: #E6E8E9; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); height: 192px; width: 144px; margin: 0 90px 10px 1px} .mosaic .half_horizontal_thumb {background-size: cover; height: 96px} .mosaic .quarter_thumb {background-size: cover; background-position: center center; display: inline-block; height: 95px; width: 71px} .mosaic .top {height: 95px; margin-bottom: 1px} .mosaic .left {width: 71px; margin-right: 1px} .collection_container.list_view .collection_cell {display: block; width: auto} .collection_container.list_view .list_view_items {display: block; width: 600px} .collection_container.list_view .list_view_items .list_view_tile {display: inline-block; border: 1px solid #E9EDF8; vertical-align: top; width: 72px; height: 72px} .collection_container.list_view .list_view_items .list_view_tile .collection_bg:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: black; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; content: ''} .collection_container.list_view .list_view_items .list_view_tile:hover .collection_bg:before {opacity: 0.2} .collection_container.list_view .list_view_items .collection_data {display: inline-block; vertical-align: top; margin-left: 15px} .collection_container.list_view .list_view_items .collection_data .title {font-size: 16px; color: #1C263D; margin-bottom: 5px; font-family: 'Source Sans Pro', sans-serif} .collection_container.list_view .list_view_items .collection_data .book_count {font-size: 14px; color: #57617A; font-family: 'Source Sans Pro', sans-serif} .collection_container.list_view .grid_view_item {display: none} .list_view_items {display: none} .collection_cell {overflow: hidden; margin: 0 20px 60px 0} .collection_cell .collection_square {box-sizing: border-box; width: 144px; height: 144px; position: relative} .collection_cell .collection_square .collection_data {padding: 0 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 50%; background: #20828D; color: white; text-align: center} .collection_cell .collection_square .collection_data .title {font-size: 16px; line-height: 17px; max-height: 36px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 32px; font-family: 'Source Sans Pro', sans-serif; padding: 10px 0 3px 0} .collection_cell .collection_square .collection_data .book_count {font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .collection_cell .collection_square.create_collection {line-height: 22px; position: relative; border: 4px solid #CACED9; color: #57617A; -webkit-transition: color 0.3s linear; transition: color 0.3s linear} .collection_cell .collection_square.create_collection .centered {margin-top: 35px} .collection_cell .collection_square.create_collection:hover {color: #509ba8} .collection_cell .collection_square .collection_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-color: #CACED9; -webkit-transition: all 0.3s linear; transition: all 0.3s linear} .collection_cell .collection_square .centered {text-align: center; position: relative; z-index: 1} /* app/views/chrome/document_collections/_lightbox.css @ 1498165421 */ #lightbox_document_collections {width: 600px; /* Add to Collection Utility */ /* Create new collection */ } #lightbox_document_collections .close_button {margin-bottom: 10px} #lightbox_document_collections .document_summary {margin: 0; padding-top: 10px; padding-bottom: 5px; border: none} #lightbox_document_collections .document_summary .description {display: none} #lightbox_document_collections .document_summary ul.stats_bottom {margin-top: 2px} #lightbox_document_collections .document_summary ul.stats_bottom li {list-style: none outside none; display: block; float: none; font-size: 11px} #lightbox_document_collections .document_summary ul.stats_bottom li span {font-size: 11px} #lightbox_document_collections .document_summary ul.stats_bottom li.created_at, #lightbox_document_collections .document_summary ul.stats_bottom li.category {display: none} #lightbox_document_collections .private {/* the notification that private docs go in private collections */ padding: 5px 5px 5px 25px; background: url('data:image/gif;base64,R0lGODlhEAAQAMZQAIJjQoNkQ4RkQ4ttTIZyXZ16NY97Z52CYJ+DYbGPSrSQSq+SV7STTrCUbbmXU7iZXbaZcbubXr2cV7ebc7+dVb+dWbmda8KgVbuib8qlVcWmacypZMqqZtOrVcmsds+sZc6saNCuasyuedKwbNOxbte0Xta0cti2ctm2cd64Wt66Xtq5ddq5d9a7dtu6dty6dt68Zt27eNa8hty8eOTCZujCXuLGjujHg+LIk+zKZufJhfLKXuXLl+nNie7OjPDPi/TSZtPT0+3TjfvWYvTWlPXXlPzaZvjfnPvfnPDkzOXl5fznpPLmzf/ppenp6f/tqe7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7iH5BAEKAH8ALAAAAAAQABAAAAeggH+Cg4SFhkw2MTE2TIaDSStCLS1CK0mOfzI9FRgYFT0ymBo6CYIJOhqYDy4MggwzD4Y8JwsbDhIFDgoLHziEL01IRT43JSo1O0MovxwgIyQhFBcZHSnLg8DCxMbIyoQszc/R09UmhCLBw8XHyR6EE+HQ0tQpEIQHT0tHRD8wNDlAjBwYFITAAAQNLEQAECCAAAEGgghyoqSixYsVnfwJBAA7') no-repeat scroll 5px 5px transparent} #lightbox_document_collections .manage_collection {/* Pagination */ } #lightbox_document_collections .manage_collection .spinner {float: left; margin: 5px} #lightbox_document_collections .manage_collection li {padding: 3px 5px; display: block} #lightbox_document_collections .manage_collection li.document_collection {cursor: pointer; background: url('../../images/timeline/feed_btm_rpt_1x11.gif') repeat-x scroll left bottom #FFFFFF; line-height: 2em; border-bottom: 1px dotted #AAAAAA} #lightbox_document_collections .manage_collection li.document_collection:hover {background: none; background-color: #E9F2FC; -moz-border-radius: 2px; -webkit-border-radius: 2px} #lightbox_document_collections .manage_collection li.document_collection span, #lightbox_document_collections .manage_collection li.document_collection label {float: left; vertical-align: middle} #lightbox_document_collections .manage_collection li.document_collection label {display: inline; overflow: hidden; white-space: nowrap; cursor: pointer; width: 380px} #lightbox_document_collections .manage_collection li.document_collection label, #lightbox_document_collections .manage_collection li.document_collection .privacy {font-size: 11px; margin-left: 5px; font-weight: bold} #lightbox_document_collections .manage_collection li.document_collection input {border: none} #lightbox_document_collections .manage_collection li.document_collection .privacy {float: right; width: auto} #lightbox_document_collections .manage_collection li.document_collection .private {color: #990000} #lightbox_document_collections .manage_collection li.document_collection .public {color: #009933} #lightbox_document_collections .manage_collection li.document_collection .status_loader {margin-left: -3px} #lightbox_document_collections .manage_collection .no_collections {background: url('../../images/timeline/feed_btm_rpt_1x11.gif') repeat-x scroll left bottom #FFFFFF; line-height: 2em; border-bottom: 1px dotted #AAAAAA; display: block; padding: 3px 5px} #lightbox_document_collections .manage_collection .new_document_collection {float: right} #lightbox_document_collections .manage_collection .paginator {float: right; margin: 5px} #lightbox_document_collections .autogen_class_views_shared_document_collections_form {border-bottom: 1px dotted #AAAAAA} #lightbox_document_collections .document_collection_form_container form {width: 330px} #lightbox_document_collections .document_collection_form_container_open form, #lightbox_document_collections .document_collection_form_container_open error {width: 520px} #lightbox_document_collections .back {float: left; margin: 5px; font-weight: bold} /* :class_inlines, 'app/views', ... @ 1498165422 */ /* app/views/discover/modules/article_quick_reads.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_discover_modules_article_quick_reads .title_wrap {padding: 0 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} .autogen_class_views_discover_modules_article_quick_reads .title_wrap > :first-child {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1} .autogen_class_views_discover_modules_article_quick_reads .title_wrap .category_view_all {font-weight: bold} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_title {font-size: 24px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_title a {display: inline-block; margin: 4px 0} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_subtitle {font-size: 16px; font-weight: bold} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container {padding: 24px 32px} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .article_tile {margin: 0px; width: 33%; max-width: 289px} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .article_tile:nth-child(2) {margin: 0px 40px} .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .quick_reads_article_row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex} @media (max-width: 800px) {.responsive .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .quick_reads_article_row {display: block} .responsive .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .quick_reads_article_row .article_tile {width: auto; margin: 0 0 20px 0; max-width: none} .responsive .autogen_class_views_discover_modules_article_quick_reads .quick_reads_container .quick_reads_article_row .article_tile:last-child {margin-bottom: 0} } .autogen_class_views_discover_modules_article_quick_reads .more_quick_reads {margin-top: 20px; text-align: center} .autogen_class_views_discover_modules_article_quick_reads .more_quick_reads .flat_btn_content {font-size: 20px; font-weight: bold} /* app/views/discover/modules/article_quick_read.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_discover_modules_article_quick_read .quick_read_header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon {margin-right: 10px; position: relative} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon:focus .shadow_overlay, .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon:hover .shadow_overlay {opacity: 0.2} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon:active .shadow_overlay {opacity: 0.5} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon img {border: 1px solid #F8F9FD; display: block; width: 28px; height: 28px; -o-object-fit: cover; object-fit: cover} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_icon .shadow_overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #57617A; opacity: 0} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_name_and_info {color: #57617A; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_name_and_info .publication_name {font-size: 14px} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_name_and_info .info {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; font-size: 12px} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .publication_name_and_info .info .separator {margin: 0 5px} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .bookmark {margin-right: 2px} .autogen_class_views_discover_modules_article_quick_read .quick_read_header .bookmark .icon {margin-right: 0px} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container {height: 331px; overflow: hidden; position: relative} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container:active .overlay_wrapper .overlay {opacity: 0.5} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .overlay_wrapper {position: relative; border: 1px solid #F8F9FD} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .overlay_wrapper .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #57617A; opacity: 0} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .overlay_wrapper > img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .has_wide_image {margin-bottom: 10px} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .has_wide_image .overlay_wrapper {width: auto; height: 187px} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .has_square_image {float: right; margin-bottom: 20px; margin-left: 20px} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .has_square_image .overlay_wrapper {width: 100px; height: 100px} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .title {font-size: 20px; font-weight: bold; color: #222; margin: 0 0 10px 0} .autogen_class_views_discover_modules_article_quick_read .image_and_text_container .short_content {line-height: 1.7em; font-size: 16px; color: #1C263D} .autogen_class_views_discover_modules_article_quick_read a:focus .image_and_text_container .title, .autogen_class_views_discover_modules_article_quick_read a:focus .image_and_text_container .short_content, .autogen_class_views_discover_modules_article_quick_read a:hover .image_and_text_container .title, .autogen_class_views_discover_modules_article_quick_read a:hover .image_and_text_container .short_content {opacity: 0.8} .autogen_class_views_discover_modules_article_quick_read a:focus .image_and_text_container .overlay_wrapper .overlay, .autogen_class_views_discover_modules_article_quick_read a:hover .image_and_text_container .overlay_wrapper .overlay {opacity: 0.2} /* app/views/discover/modules/articles_carousel.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_discover_modules_articles_carousel .carousel {height: 224px} .autogen_class_views_discover_modules_articles_carousel.show_title .carousel {height: 224px} .autogen_class_views_discover_modules_articles_carousel .has_article_cells {padding-top: 12px} /* app/views/discover/modules/articles_cells.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_discover_modules_articles_cells {list-style: none; padding-left: 0} .autogen_class_views_discover_modules_articles_cells .object_cell {position: relative} .autogen_class_views_discover_modules_articles_cells .object_cell:hover .card_library_button_container {opacity: 1} .autogen_class_views_discover_modules_articles_cells .object_cell .card_library_button_container {position: absolute; top: 4px; right: 4px; opacity: 0; z-index: 1} .autogen_class_views_discover_modules_articles_cells .object_cell .card_library_button_container.child_has_focus {opacity: 1} .autogen_class_views_discover_modules_articles_cells .article_cell {border-radius: 4px; border: 1px solid #E9EDF8; margin: 0 20px 20px 0; width: 306px; height: 202px; display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out} @media (max-width: 667px) {.autogen_class_views_discover_modules_articles_cells .article_cell {width: 270px} .autogen_class_views_discover_modules_articles_cells .article_cell .article_date {display: none} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .tile_image {width: 57px; height: 57px} } .autogen_class_views_discover_modules_articles_cells .article_cell .article_link {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden} .autogen_class_views_discover_modules_articles_cells .article_cell .article_link:active {opacity: 0.5} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .tile_image {display: none} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .tile_title, .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .description {margin-right: 85px} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .tile_title {font-size: 18px; line-height: 23.4px; max-height: 48.8px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image:not(.single_line) .description {font-size: 16px; line-height: 1.5; max-height: 7.5; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .square_image {position: absolute; right: 14px; top: 48px} .autogen_class_views_discover_modules_articles_cells .article_cell.has_square_image .square_image img {border: 1px solid #E9EDF8} .autogen_class_views_discover_modules_articles_cells .article_cell.single_line .tile_title, .autogen_class_views_discover_modules_articles_cells .article_cell.single_line .description {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .autogen_class_views_discover_modules_articles_cells .article_cell:not(.single_line) .tile_title {font-size: 18px; line-height: 23.4px; max-height: 48.8px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #1C263D; margin-bottom: 4px} .autogen_class_views_discover_modules_articles_cells .article_cell:not(.single_line) .description {font-size: 16px; line-height: 1.5; max-height: 5; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .autogen_class_views_discover_modules_articles_cells .article_cell.double_line .description {display: none} .autogen_class_views_discover_modules_articles_cells .article_cell.no_image .tile_image {display: none} .autogen_class_views_discover_modules_articles_cells .article_cell.no_image .description {font-size: 16px; line-height: 1.5; max-height: 7.5; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 94px; /* firefox max height */ } .autogen_class_views_discover_modules_articles_cells .article_cell .tile_title {margin-top: 6px; margin-bottom: 0; font-size: 18px; color: #1C263D; font-weight: bold} .autogen_class_views_discover_modules_articles_cells .article_cell .description {color: #57617A} .autogen_class_views_discover_modules_articles_cells .article_cell .tile_content {text-align: left; box-sizing: border-box; height: 100px; padding: 16px 14px; font-family: 'Source Sans Pro', sans-serif} .autogen_class_views_discover_modules_articles_cells .article_cell .tile_image {overflow: hidden; border-top: 1px solid #CACED9; height: 99px; border-radius: 0px 0px 3px 3px} .autogen_class_views_discover_modules_articles_cells .article_cell .tile_image img {position: relative} .autogen_class_views_discover_modules_articles_cells .article_cell .opaque_layer {background: rgba(0, 0, 0, 0.45); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s} .autogen_class_views_discover_modules_articles_cells .article_cell:hover .opaque_layer {background: rgba(0, 0, 0, 0.45); opacity: 1} .autogen_class_views_discover_modules_articles_cells .article_cell:active .opaque_layer {z-index: 10} /* app/views/pdfs/lightboxes/_download_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_pdfs_lightboxes_download_lightbox {width: 650px} @media (max-width: 650px) {.autogen_class_views_pdfs_lightboxes_download_lightbox {width: auto} } .autogen_class_views_pdfs_lightboxes_download_lightbox .document_data {font-size: 16px; line-height: 1.5} .autogen_class_views_pdfs_lightboxes_download_lightbox .document_data .data_value {color: #57617A} .autogen_class_views_pdfs_lightboxes_download_lightbox .format_picker {margin: 20px 0} .autogen_class_views_pdfs_lightboxes_download_lightbox .format_picker .format_row {margin-bottom: 5px} .autogen_class_views_pdfs_lightboxes_download_lightbox .format_picker .format_row:last-child {margin-bottom: 0} .autogen_class_views_pdfs_lightboxes_download_lightbox .buttons {text-align: right} .autogen_class_views_pdfs_lightboxes_download_lightbox .buttons .button_sub_action {margin-right: 5px} .autogen_class_views_pdfs_lightboxes_download_lightbox .primary_message {font-size: 20px; text-align: center; margin: 5px} .autogen_class_views_pdfs_lightboxes_download_lightbox .secondary_message {font-size: 16px; text-align: center; margin: 5px; color: #57617A} .autogen_class_views_pdfs_lightboxes_download_lightbox .secondary_message a {color: #57617A; text-decoration: underline} .autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper h3 {text-align: center} .autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper .document_grid {padding-left: 10px} .autogen_class_views_pdfs_lightboxes_download_lightbox .rec_wrapper .document_grid .object_cell.document_cell {margin-bottom: 45px} /* app/views/shared/_credit_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_credit_lightbox {border-radius: 4px; color: #57617A; font-weight: bold; max-width: 490px; -webkit-transition: max-width 0.5s, min-height 0.5s; transition: max-width 0.5s, min-height 0.5s} .autogen_class_views_shared_credit_lightbox.apply_credit {min-height: 170px; max-width: 325px; text-align: center} .autogen_class_views_shared_credit_lightbox.apply_credit .cta {text-align: center} .autogen_class_views_shared_credit_lightbox.valid_card {min-height: 230px} .autogen_class_views_shared_credit_lightbox.enter_payment {min-height: 200px} .autogen_class_views_shared_credit_lightbox.loading, .autogen_class_views_shared_credit_lightbox.credit_redeemed {color: #57617A; max-width: 230px; min-height: 135px} .autogen_class_views_shared_credit_lightbox.loading .close_button, .autogen_class_views_shared_credit_lightbox.credit_redeemed .close_button {display: none} .autogen_class_views_shared_credit_lightbox.fix_payment .payment_error_message, .autogen_class_views_shared_credit_lightbox.loading .loading_message, .autogen_class_views_shared_credit_lightbox.credit_redeemed .credit_redeemed_message {display: block} .autogen_class_views_shared_credit_lightbox.fix_payment .message, .autogen_class_views_shared_credit_lightbox.loading .message, .autogen_class_views_shared_credit_lightbox.credit_redeemed .message {display: none} .autogen_class_views_shared_credit_lightbox .loading_message, .autogen_class_views_shared_credit_lightbox .payment_error_message, .autogen_class_views_shared_credit_lightbox .credit_redeemed_message {display: none} .autogen_class_views_shared_credit_lightbox .loading_message, .autogen_class_views_shared_credit_lightbox .credit_redeemed_message {text-align: center} .autogen_class_views_shared_credit_lightbox .loading_message p, .autogen_class_views_shared_credit_lightbox .credit_redeemed_message p {margin: 0} .autogen_class_views_shared_credit_lightbox .loader {margin: 0 auto; display: block} .autogen_class_views_shared_credit_lightbox .wrapper {border-radius: 5px} .autogen_class_views_shared_credit_lightbox .content {background-color: transparent} .autogen_class_views_shared_credit_lightbox .cta {margin-top: 30px; text-align: right} .autogen_class_views_shared_credit_lightbox .cta .centerer {display: inline-block} .autogen_class_views_shared_credit_lightbox .cta .centerer a {display: block; text-align: center; margin-top: 8px; font-size: 14px; font-weight: normal} .autogen_class_views_shared_credit_lightbox p {color: #57617A; font-weight: bold; margin: 0.67em 0} .autogen_class_views_shared_credit_lightbox h1 {font-size: 18px; margin-top: 0; color: #1C263D; font-weight: normal} .autogen_class_views_shared_credit_lightbox h1 span {font-style: italic; font-family: 'Source Sans Pro', sans-serif} /* app/views/shared/app_download_promo/module.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_app_download_promo_module {box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); background-image: url('../../images/shared/app_download_promo/background_module.jpg'); color: #fff; height: 250px; margin: 0 auto; max-width: 1389px; position: relative} .autogen_class_views_shared_app_download_promo_module.dismissed {display: none} .autogen_class_views_shared_app_download_promo_module .icon-ic_close {cursor: pointer; position: absolute; right: 15px; top: 15px} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content {height: 100%; margin: 0 auto; position: relative; width: 820px} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner {height: 100%; margin-left: 335px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .header {border: none; padding: 0} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .header h1 {font-family: 'Source Sans Pro', sans-serif; color: inherit; font-size: 32px; margin: 0} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .header a {color: inherit; text-decoration: underline} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .header a:hover {color: #509ba8} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .header p {font-size: 18px; margin: 14px 0 30px 0} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .form {white-space: nowrap} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .form .input_container {display: inline-block; height: 44px; line-height: 44px; margin-right: 20px; position: relative; vertical-align: bottom; width: 332px} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .form .input_container.suggesting .email_phone_input {background-color: transparent} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .content_inner .form .input_container input {left: 0; position: absolute; width: 100%} .autogen_class_views_shared_app_download_promo_module .app_download_promo_content .devices {background-image: url('../../images/shared/app_download_promo/devices.png'); background-size: contain; bottom: 0; left: -23px; height: 217px; width: 344px; position: absolute} .autogen_class_views_shared_app_download_promo_module.bookpage {margin-bottom: 24px; border-radius: 4px; background-position-x: -190px} .autogen_class_views_shared_app_download_promo_module.homepage .app_download_promo_content .devices, .autogen_class_views_shared_app_download_promo_module.lightbox .app_download_promo_content .devices {height: 232px; width: 367px} .autogen_class_views_shared_app_download_promo_module.lightbox {background-image: none; background-color: transparent; max-width: auto; height: auto} .autogen_class_views_shared_app_download_promo_module.lightbox .icon-ic_close {display: none} .autogen_class_views_shared_app_download_promo_module.lightbox .app_download_promo_content {height: 425px; padding-top: 40px !important; width: auto} .autogen_class_views_shared_app_download_promo_module.lightbox .app_download_promo_content .content_inner {height: auto; position: static; margin-left: 0; text-align: center} .autogen_class_views_shared_app_download_promo_module.lightbox .app_download_promo_content .content_inner .form {bottom: 10px; left: 0; position: absolute; right: 0} .autogen_class_views_shared_app_download_promo_module.lightbox .app_download_promo_content .content_inner .form .input_container {margin-right: 20px; width: 448px} .autogen_class_views_shared_app_download_promo_module.lightbox .devices {bottom: 80px; left: 0; right: 0; margin: auto} .autogen_class_views_shared_app_download_promo_module.homepage .app_download_promo_content {width: 865px} .autogen_class_views_shared_app_download_promo_module.homepage .app_download_promo_content .content_inner {margin-left: 380px} @media (max-width: 1045px) {.autogen_class_views_shared_app_download_promo_module:not(.lightbox) {margin: 0 48px} } @media (max-width: 950px) {.autogen_class_views_shared_app_download_promo_module:not(.lightbox) {margin: 0 32px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .devices {display: none} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content {width: auto; position: relative; text-align: center} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner {margin-left: 0} } @media (max-width: 700px) {.autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header {padding: 0 15px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header h1 {font-size: 24px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header p {font-size: 16px; margin: 5px 0 15px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .form .input_container {display: block; margin: 0 auto 20px; width: 75%} } @media (max-width: 500px) {.autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header {padding: 0 50px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header h1 {display: none} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .header p {font-size: body_size_med} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .form .input_container {margin-bottom: 10px} .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .form input, .autogen_class_views_shared_app_download_promo_module:not(.lightbox) .app_download_promo_content .content_inner .form .flat_btn {height: 34px; line-height: 32px} } /* app/views/shared/autocomplete/_unavailable_book_request_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_autocomplete_unavailable_book_request_lightbox {width: 500px} /* app/views/shared/autocomplete/_unavailable_author_request_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_autocomplete_unavailable_author_request_lightbox {max-width: 500px} /* app/views/shared/autocomplete/_unavailable_request_completed_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_autocomplete_unavailable_request_completed_lightbox {max-width: 500px} /* app/views/shared/bundle_promo/module.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_bundle_promo_module {color: #1C263D; margin: 0 auto; width: 588px; height: 494px; position: relative; padding: 10px; padding: 28px 10px 28px 10px} .autogen_class_views_shared_bundle_promo_module.dismissed {display: none} .autogen_class_views_shared_bundle_promo_module .icon-close {cursor: pointer; position: absolute; right: 15px; top: 15px} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content {height: 100%; margin: 0 auto; width: 100%} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner {/*height: 100%; width: 100%;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner .header {border: none; margin: 0 27px; text-align: center} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner .header h1 {font-family: 'Source Sans Pro', sans-serif; color: inherit; font-size: 32px; margin: 10px; text-align: center} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner .header a {color: inherit; text-decoration: underline} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner .header a:hover {color: #509ba8} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .content_inner .header .description {font-size: 18px; margin: 14px 0 30px 0; font-weight: normal} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .bundles {height: 200px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .bundle {width: 174px; text-align: center} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .bundle .name {font-size: 20px; font-weight: 600; color: #1C263D; margin: 10px} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .bundle .desc {font-size: 14px; color: #57617A; line-height: 1.3; padding: 0px 2px} .autogen_class_views_shared_bundle_promo_module .bundle_promo_content .get-started {width: 175px; margin: 10px auto 40px auto} .autogen_class_views_shared_bundle_promo_module.lightbox {background-image: none; background-color: transparent; max-width: auto; height: auto} .autogen_class_views_shared_bundle_promo_module.lightbox .icon-close {display: none} @media (max-width: 1045px) {.autogen_class_views_shared_bundle_promo_module:not(.lightbox) {margin: 0 48px} } /* app/views/shared/carousels/carousel.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_carousels_carousel {/* horrible css class that exposes issue with the inheritance structure of carousels */ } .autogen_class_views_shared_carousels_carousel ul {padding-left: 0} .autogen_class_views_shared_carousels_carousel ul li {list-style: none} .autogen_class_views_shared_carousels_carousel:hover .carousel_scrollbar {opacity: 1} @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {.autogen_class_views_shared_carousels_carousel:hover .carousel_scrollbar {opacity: 0} } .autogen_class_views_shared_carousels_carousel.smaller_doc_thumb_width .carousel {height: 144px} .autogen_class_views_shared_carousels_carousel.show_title .carousel {height: 274px} .autogen_class_views_shared_carousels_carousel:not(.not_document_carousel).card_carousel .carousel {height: 210px} .autogen_class_views_shared_carousels_carousel:not(.not_document_carousel).card_carousel.card_with_description .carousel {height: 304px} .autogen_class_views_shared_carousels_carousel:not(.not_document_carousel).card_carousel.card_with_description .paddle {top: 132px} .autogen_class_views_shared_carousels_carousel.dragging .carousel_scrollbar .carousel_scrollbar_thumb, .autogen_class_views_shared_carousels_carousel .carousel_scrollbar .carousel_scrollbar_thumb:hover {height: 9px; top: -4px} .autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel_scrollbar {display: none} .autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel_scrolling {overflow: hidden} .autogen_class_views_shared_carousels_carousel.has_no_scrolling.has_paddles .paddle {display: none} .autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel:before, .autogen_class_views_shared_carousels_carousel.has_no_scrolling .carousel:after {display: none} .autogen_class_views_shared_carousels_carousel .carousel_wrap {padding-bottom: 40px; position: relative} .autogen_class_views_shared_carousels_carousel .carousel_outer {position: relative} .autogen_class_views_shared_carousels_carousel .carousel {height: 212px; margin: 0 17px; overflow: hidden; white-space: nowrap} .autogen_class_views_shared_carousels_carousel .carousel:before, .autogen_class_views_shared_carousels_carousel .carousel:after {bottom: 0; content: ""; position: absolute; top: 0; width: 15px; z-index: 1} .autogen_class_views_shared_carousels_carousel .carousel:before {left: 17px} .autogen_class_views_shared_carousels_carousel .carousel:after {right: 17px} .autogen_class_views_shared_carousels_carousel .carousel:before {background: -webkit-linear-gradient(left, white 0%, white 53%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, white 0%, white 53%, rgba(255, 255, 255, 0) 100%)} .autogen_class_views_shared_carousels_carousel .carousel:after {background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 53%, white 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 53%, white 100%)} .autogen_class_views_shared_carousels_carousel .carousel .object_cell, .autogen_class_views_shared_carousels_carousel .carousel .cell_group {display: inline-block; font-size: 16px; vertical-align: top; white-space: normal} .autogen_class_views_shared_carousels_carousel .carousel .object_cell:last-child, .autogen_class_views_shared_carousels_carousel .carousel .cell_group:last-child {margin-right: 15px} .autogen_class_views_shared_carousels_carousel .carousel .cell_group .object_cell {height: auto; display: block; margin-right: 0} .autogen_class_views_shared_carousels_carousel .carousel .cell_group .object_cell:last-child {margin-right: 0} .autogen_class_views_shared_carousels_carousel .carousel_scrolling {font-size: 0; margin-bottom: -60px; min-height: 350px; /* double scrollbar hide */ overflow-x: scroll; overflow-y: hidden; padding-left: 15px} .autogen_class_views_shared_carousels_carousel .carousel_scrollbar {background: #E9EDF8; bottom: 20px; height: 1px; left: 32px; position: absolute; right: 32px; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out} .autogen_class_views_shared_carousels_carousel .carousel_scrollbar .carousel_scrollbar_thumb {-webkit-transition: background 0.2s ease, top 0.2s ease, height 0.2s ease;transition: background 0.2s ease, top 0.2s ease, height 0.2s ease; background: #02a793; height: 3px; left: 0; position: absolute; top: -1px} .autogen_class_views_shared_carousels_carousel .document_cell {margin: 0 20px 60px 0} .autogen_class_views_shared_carousels_carousel .carousel_title {font-size: 24px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 20px; padding: 0 32px 0} .autogen_class_views_shared_carousels_carousel .carousel_title a {display: inline-block; margin: 4px 0} .autogen_class_views_shared_carousels_carousel .carousel_skip_link {display: none; margin-bottom: 25px; margin-left: 32px} .autogen_class_views_shared_carousels_carousel .discover_row .carousel_skip_link {margin-bottom: 30px} .autogen_class_views_shared_carousels_carousel .trusted_sources_carousel .carousel_skip_link {margin-bottom: 0} .autogen_class_views_shared_carousels_carousel .carousel_subtitle {margin: -16px 0 20px; font-size: 16px; /*add for now - will replace with typography project*/ font-weight: bold} /* app/views/shared/carousels/document_cells.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_carousels_document_cells {list-style: none; padding-left: 0; padding-top: 12px} /* app/views/shared/confirm_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_confirm_lightbox {min-width: 480px} @media (max-width: 480px) {.autogen_class_views_shared_confirm_lightbox {min-width: 0; width: 100%} } .autogen_class_views_shared_confirm_lightbox > .wrapper > .content {padding: 0} .autogen_class_views_shared_confirm_lightbox .confirm_lightbox_templates {display: none} .autogen_class_views_shared_confirm_lightbox .confirm_text {margin: 24px 40px} .autogen_class_views_shared_confirm_lightbox .rendered_template_container .label_text {width: auto} .autogen_class_views_shared_confirm_lightbox .autogen_class_views_shared_input {padding: 20px 40px; max-width: 500px} .autogen_class_views_shared_confirm_lightbox .large_input .autogen_class_views_shared_input {min-height: 50px} .autogen_class_views_shared_confirm_lightbox .actions {border-top: 1px solid #E9EDF8; text-align: right; padding: 20px 40px; white-space: nowrap} .autogen_class_views_shared_confirm_lightbox .actions .flat_btn {margin-left: 20px; vertical-align: top} .autogen_class_views_shared_confirm_lightbox .actions .flat_btn:first-child {margin-left: 0} .autogen_class_views_shared_confirm_lightbox .actions a {color: #57617A} .autogen_class_views_shared_confirm_lightbox.simple_style {min-width: 400px} .autogen_class_views_shared_confirm_lightbox.simple_style .wrapper {padding: 20px 40px} .autogen_class_views_shared_confirm_lightbox.simple_style .title {padding: 0; font-size: 16px; line-height: 24px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; padding: 0; background: white; margin-bottom: 10px} .autogen_class_views_shared_confirm_lightbox.simple_style .confirm_text {color: #57617A; margin: 0 0 24px 0} .autogen_class_views_shared_confirm_lightbox.simple_style .actions {border: none; padding: 0; text-align: center} .autogen_class_views_shared_confirm_lightbox.simple_style .actions .ok_btn {min-width: 140px} .autogen_class_views_shared_confirm_lightbox.simple_style .content {border: none} /* app/views/shared/document_popups.css @ 1498165422 */ /*redundant old mapping*/ .document_popups {text-align: left} .document_popups .object_popup.onboarding_book_popup {min-height: 215px; padding: 20px} .document_popups .object_popup.onboarding_book_popup .document_description {margin-bottom: 20px} .document_popups .object_popup {z-index: 5; position: absolute; top: 0; left: 0; width: 194px; min-height: 248px; margin-left: 3px; font-size: 14px; padding-bottom: 10px; background: white; background: rgba(255, 255, 255, 0.97); border: 1px solid #E9EDF8; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)} .document_popups .object_popup.on_left {margin-left: -3px} .document_popups .object_popup.on_left .popup_arrow {left: auto; right: -15px; background-image: url('../../images/newhome/popup_right_arrow.png')} .document_popups .object_popup .popup_right {display: none} .document_popups .object_popup .title_row {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 1.4; max-height: 50px; overflow: hidden} .document_popups .object_popup .title_row a {color: #1C263D} .document_popups .object_popup .creator_row {color: #57617A; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0} .document_popups .object_popup .creator_row .author:last-child {margin-right: 0} .document_popups .object_popup .creator_row, .document_popups .object_popup .page_count {line-height: 1.6; color: #57617A} .document_popups .object_popup .on_rating {display: none} .document_popups .object_popup .popup_arrow {position: absolute; left: -15px; top: 53%; margin-top: -14px; background: url('../../images/newhome/popup_left_arrow.png') 50% 50% no-repeat; width: 19px; height: 28px} .document_popups .object_popup .popup_footer {position: absolute; bottom: 0; left: 0; right: 0} .document_popups .object_popup .primary_action {margin: 10px 0 10px 0; white-space: nowrap; text-align: center} .document_popups .object_popup .primary_action .flat_btn {display: block} .document_popups .document_popup {padding: 14px} .document_popups .document_popup .document_description, .document_popups .onboarding_book_popup .document_description {margin-top: 6px; margin-bottom: 6px; line-height: 18px; max-height: 127px; min-height: 78px; overflow: hidden; color: #1C263D} .document_popups .document_popup .document_description p, .document_popups .onboarding_book_popup .document_description p {font-weight: normal; margin: 0; padding: 0} .document_popups .document_popup .document_sub_action, .document_popups .onboarding_book_popup .document_sub_action {margin: 10px 20px 0 20px; line-height: 25px; text-align: center} .document_popups .document_popup .save_bookmark_btn .save, .document_popups .onboarding_book_popup .save_bookmark_btn .save {display: inline} .document_popups .document_popup .save_bookmark_btn .unsave, .document_popups .onboarding_book_popup .save_bookmark_btn .unsave {display: none} .document_popups .document_popup .save_bookmark_btn.saved .save, .document_popups .onboarding_book_popup .save_bookmark_btn.saved .save {display: none} .document_popups .document_popup .save_bookmark_btn.saved .unsave, .document_popups .onboarding_book_popup .save_bookmark_btn.saved .unsave {display: inline} /* app/views/shared/grids/object_grid.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_grids_object_grid {text-align: left; padding-left: 45px} .autogen_class_views_shared_grids_object_grid.responsive_centered {text-align: center; max-width: 1325px; margin: 0 auto} @media (max-width: 423px) {.autogen_class_views_shared_grids_object_grid.responsive_centered {padding-left: 24px} } @media (max-width: 423px) {.autogen_class_views_shared_grids_object_grid.responsive_centered .object_cell {margin-right: 24px} } .autogen_class_views_shared_grids_object_grid .object_cell {display: inline-block; vertical-align: top; white-space: normal; text-align: left; width: 144px; margin: 0 45px 45px 0} .autogen_class_views_shared_grids_object_grid .object_cell.is_featured .featured_row {display: block} .autogen_class_views_shared_grids_object_grid .object_cell.is_book .content {display: none} .autogen_class_views_shared_grids_object_grid .object_cell .featured_row {display: none} .autogen_class_views_shared_grids_object_grid .object_cell .content .title_row {word-wrap: break-word; overflow: hidden; font-size: 14px; line-height: 18px; max-height: 54px} .autogen_class_views_shared_grids_object_grid .object_cell .content .author_row {font-size: 12px; line-height: 18px} .autogen_class_views_shared_grids_object_grid .object_cell .content .price_row, .autogen_class_views_shared_grids_object_grid .object_cell .content .featured_row {cursor: default; font-size: 14px; line-height: 18px} .autogen_class_views_shared_grids_object_grid .object_cell .content .price_row {color: #f7931e} .autogen_class_views_shared_grids_object_grid .object_cell .content .featured_row {color: #20828D} .autogen_class_views_shared_grids_object_grid .object_cell .content .featured_row .profile_sprite {vertical-align: top} .autogen_class_views_shared_grids_object_grid .object_cell .content .meta_row {font-size: 14px; line-height: 18px; color: #57617A} .autogen_class_views_shared_grids_object_grid .object_cell.document_cell {margin-bottom: 90px} .autogen_class_views_shared_grids_object_grid .object_cell.document_cell .content {display: none} .autogen_class_views_shared_grids_object_grid .object_cell.document_cell .thumb {margin-bottom: 0} .autogen_class_views_shared_grids_object_grid .object_cell.user_cell {width: 150px; text-align: center; margin-bottom: 60px} .autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb {width: 98px; height: 98px; margin: 0 auto; background: #ccc} .autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb a, .autogen_class_views_shared_grids_object_grid .object_cell.user_cell .thumb img {display: block} .autogen_class_views_shared_grids_object_grid .object_cell.user_cell .user_name {margin: 20px 0; word-wrap: break-word} .autogen_class_views_shared_grids_object_grid .object_cell.author_cell {cursor: pointer} .autogen_class_views_shared_grids_object_grid .object_cell.author_cell .thumb {cursor: pointer} .autogen_class_views_shared_grids_object_grid .object_cell.author_cell .thumb .img {width: 100px; height: 100px} /* app/views/shared/hovercards.css @ 1498165422 */ .autogen_class_views_shared_hovercards .hovercard_font_preloader {height: 0; overflow: hidden} /* app/views/shared/hovercards/base.css @ 1498165422 */ /*redundant old mapping*/ .hovercard {position: absolute; top: 0; left: 0; width: 240px; z-index: 21} .hovercard.in_lightbox {z-index: 30000} .hovercard.open .hovercard_background {-webkit-transform: scale(1, 1);transform: scale(1, 1); opacity: 1} .hovercard.open .below_cover, .hovercard.open .above_cover {opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .hovercard.hiding .hovercard_background, .hovercard.hiding .below_cover, .hovercard.hiding .above_cover {opacity: 0; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease} .hovercard .below_cover, .hovercard .above_cover {-webkit-transition: all 0.3s cubic-bezier(0.36, 0.77, 0.41, 0.99);transition: all 0.3s cubic-bezier(0.36, 0.77, 0.41, 0.99); opacity: 0} .hovercard .above_cover {-webkit-transform: translate(0px, 12px);transform: translate(0px, 12px)} .hovercard .hovercard_title {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 22px; text-align: center; margin: 12px 15px 10px 15px; max-height: 44px; overflow: hidden; color: #1C263D} .hovercard .hovercard_title a {color: #1C263D} .hovercard .flat_btn {margin: 0 15px 15px 15px; display: block; white-space: nowrap} .hovercard .link_row {text-align: center; margin: 0 15px 15px 15px; line-height: 12px; font-size: 13px; font-weight: bold; text-transform: uppercase} .hovercard .cover_drop {margin: 0 auto 15px auto} .hovercard .hovercard_content {overflow: hidden; position: relative; z-index: 2} .hovercard .hovercard_background {background: white; -webkit-transition: all 0.3s cubic-bezier(0.36, 0.77, 0.41, 0.99); transition: all 0.3s cubic-bezier(0.36, 0.77, 0.41, 0.99); opacity: 0; -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transform-origin: 50% 15%; transform-origin: 50% 15%; border: 2px solid red; border: 1px solid #E9EDF8; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; right: 0} /* app/views/shared/hovercards/collection.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_hovercards_collection .cover_drop {width: 144px} .autogen_class_views_shared_hovercards_collection .collection_data {text-align: center; font-size: 14px; margin-bottom: 15px} .autogen_class_views_shared_hovercards_collection .collection_data .title {max-width: 400px; font-size: 16px; line-height: 21px; max-height: 44px; /* +1 prevents low baseline logs */ overflow: hidden; display: block} .autogen_class_views_shared_hovercards_collection .collection_data .item_count {color: #57617A} /* app/views/shared/hovercards/document.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_hovercards_document.hovercard {padding-bottom: 7px} .autogen_class_views_shared_hovercards_document.hovercard a {font-weight: normal} .autogen_class_views_shared_hovercards_document.hovercard .library_button a {font-weight: bold; font-size: 16px; white-space: nowrap} .autogen_class_views_shared_hovercards_document.hovercard.is_geo_restricted .library_button_container {display: none} .autogen_class_views_shared_hovercards_document.hovercard .flat_btn {margin-bottom: 8px; text-transform: none} .autogen_class_views_shared_hovercards_document.hovercard .link_row {margin-top: 12px; margin-bottom: 8px} .autogen_class_views_shared_hovercards_document.hovercard .is_series {padding-top: 12px} .autogen_class_views_shared_hovercards_document.is_article .star_ratings_row {display: none} .autogen_class_views_shared_hovercards_document.is_issue .star_ratings_row {display: none} .autogen_class_views_shared_hovercards_document .document_data {color: #57617A; text-align: center; font-size: 14px; margin-bottom: 15px} .autogen_class_views_shared_hovercards_document .star_ratings_row {font-size: 15px; margin-bottom: 6px; margin-top: 6px} .autogen_class_views_shared_hovercards_document .star_ratings_row .stats {position: relative; top: -1px} .autogen_class_views_shared_hovercards_document .publisher_row {margin: 0 10px 6px} .autogen_class_views_shared_hovercards_document .download_btn {width: 210px} .autogen_class_views_shared_hovercards_document .edit_saved_btn {width: 210px; min-width: 0; margin-bottom: 8px; padding: 0} /* app/views/shared/input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_input {position: relative; display: inline-block; font-size: 18px; cursor: pointer; /*Potentially delete if deprecated*/ /*.radio {&:before {font-family: 'scribd'; margin-right: 10px} .radio_icon {position: absolute; top: 3px; left: 0; @include transition(opacity 0.1s ease-in-out)} &:hover:not(.selected) {.radio_icon {@include opacity(0.3)} } }*/ } .autogen_class_views_shared_input.disabled {color: #E9EDF8} .autogen_class_views_shared_input.disabled .input_trigger {cursor: default} .autogen_class_views_shared_input .label {position: relative; top: -1px} .autogen_class_views_shared_input .input_trigger {cursor: pointer} .autogen_class_views_shared_input .input_container {position: relative} .autogen_class_views_shared_input input {visibility: hidden; display: none} .autogen_class_views_shared_input .checkbox .icon-ic_checkbox_fill {opacity: 0} .autogen_class_views_shared_input .checkbox .icon-ic_checkbox_outline {opacity: 1} .autogen_class_views_shared_input .checkbox:before {margin-right: 10px} .autogen_class_views_shared_input .checkbox.selected:before {position: relative; left: 1px} .autogen_class_views_shared_input .checkbox.selected .icon-ic_checkbox_fill {opacity: 1} .autogen_class_views_shared_input .checkbox.selected .icon-ic_checkbox_outline {opacity: 0} .autogen_class_views_shared_input .checkbox:hover:not(.selected) .icon-ic_checkbox_fill {opacity: 0.3} .autogen_class_views_shared_input .checkbox .checkbox_icon {position: absolute; top: 2px; left: -23px; margin-right: 5px; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out} /* app/views/shared/interests_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_interests_list .all_interests .interest_block {margin: 10px} .autogen_class_views_shared_interests_list .all_interests .interest_block .parent_interest {font-size: 16px; text-transform: uppercase; font-weight: bold; color: #20828D; margin: 0} .autogen_class_views_shared_interests_list .all_interests .interest_block .child_interest .interest_link {font-size: 16px; color: #57617A} .autogen_class_views_shared_interests_list .all_interests .interest_block .parent_interest a, .autogen_class_views_shared_interests_list .all_interests .interest_block .child_interest a {display: block; padding: 4px 5px} .autogen_class_views_shared_interests_list .all_interests .interest_block .parent_interest a:hover, .autogen_class_views_shared_interests_list .all_interests .interest_block .parent_interest a:focus, .autogen_class_views_shared_interests_list .all_interests .interest_block .child_interest a:hover, .autogen_class_views_shared_interests_list .all_interests .interest_block .child_interest a:focus {opacity: 0.8} /* app/views/shared/pageboxes/pagebox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_pageboxes_pagebox {position: fixed; top: 0; left: 0; right: 0; bottom: 0; min-height: 100vh; background: white; z-index: 2900; display: none} .autogen_class_views_shared_pageboxes_pagebox .pagebox {padding: 22px 45px} .autogen_class_views_shared_pageboxes_pagebox.open {display: block} .autogen_class_views_shared_pageboxes_pagebox .continue_btn, .autogen_class_views_shared_pageboxes_pagebox .close_icon {position: absolute; top: 22px; right: 22px; font-size: 24px; cursor: pointer} .autogen_class_views_shared_pageboxes_pagebox .close_icon {width: 24px; height: 24px; color: #57617A} .autogen_class_views_shared_pageboxes_pagebox .close_icon:hover {color: #57617A} /* app/views/shared/persona_icon.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_persona_icon {display: inline-block; text-align: center; color: white; /* AUTHOR INITIALS */ font-size: 16px; /* PERSONA SIZES */ /* MISSING USER IMAGE AVATAR */ /* UTILITY */ } .autogen_class_views_shared_persona_icon.large {font-size: 32px} .autogen_class_views_shared_persona_icon.small, .autogen_class_views_shared_persona_icon.small .user_profile_image {width: 40px; height: 40px; line-height: 40px} .autogen_class_views_shared_persona_icon.medium, .autogen_class_views_shared_persona_icon.medium .user_profile_image {width: 50px; height: 50px; line-height: 50px} .autogen_class_views_shared_persona_icon.large, .autogen_class_views_shared_persona_icon.large .user_profile_image {width: 72px; height: 72px; line-height: 72px} .autogen_class_views_shared_persona_icon .missing.user_profile_image {color: #20828D; font-size: 40px} .autogen_class_views_shared_persona_icon.medium .missing.user_profile_image {font-size: 50px} .autogen_class_views_shared_persona_icon.large .missing.user_profile_image {font-size: 72px} .autogen_class_views_shared_persona_icon .user_profile_image {border-radius: 40px} .autogen_class_views_shared_persona_icon.square .user_profile_image {border-radius: 0px} /* app/views/shared/popover.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_popover {display: inline-block; position: relative} .autogen_class_views_shared_popover > .popover_content {position: absolute; top: 0; left: 0; z-index: 2700; display: none; background: #fff; border: 1px solid #E9EDF8; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-style: normal; color: #1C263D; text-align: left; text-align: start} .autogen_class_views_shared_popover > .popover_content:before {content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 4px; z-index: -1} .autogen_class_views_shared_popover > .popover_content > .popover_arrow {border-width: 16px; z-index: -2} .autogen_class_views_shared_popover > .popover_content > .popover_arrow:before {display: block; content: " "; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative} .autogen_class_views_shared_popover > .popover_content > .popover_arrow, .autogen_class_views_shared_popover > .popover_content > .popover_arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid} .autogen_class_views_shared_popover > .popover_content > .popover_arrow:after {border-width: 15px; content: ""} .autogen_class_views_shared_popover.top > .popover_content {margin-top: -15px} .autogen_class_views_shared_popover.top > .popover_content > .popover_arrow {left: 50%; bottom: -16px; margin-left: -16px; border-bottom-width: 0; border-top-color: #E9EDF8} .autogen_class_views_shared_popover.top > .popover_content > .popover_arrow:before {top: -37.5px; left: -15px} .autogen_class_views_shared_popover.top > .popover_content > .popover_arrow:after {content: " "; bottom: 1px; margin-left: -15px; border-bottom-width: 0; border-top-color: #fff} .autogen_class_views_shared_popover.left > .popover_content {margin-left: -15px} .autogen_class_views_shared_popover.left > .popover_content > .popover_arrow {top: 50%; right: -16px; margin-top: -16px; border-right-width: 0; border-left-color: #E9EDF8} .autogen_class_views_shared_popover.left > .popover_content > .popover_arrow:before {top: -15px; left: -37.5px} .autogen_class_views_shared_popover.left > .popover_content > .popover_arrow:after {content: " "; right: 1px; bottom: -15px; border-right-width: 0; border-left-color: #fff} .autogen_class_views_shared_popover.right > .popover_content {margin-left: 15px} .autogen_class_views_shared_popover.right > .popover_content > .popover_arrow {top: 50%; left: -16px; margin-top: -16px; border-left-width: 0; border-right-color: #E9EDF8} .autogen_class_views_shared_popover.right > .popover_content > .popover_arrow:before {top: -15px; left: 7.5px} .autogen_class_views_shared_popover.right > .popover_content > .popover_arrow:after {content: " "; left: 1px; bottom: -15px; border-left-width: 0; border-right-color: #fff} .autogen_class_views_shared_popover.bottom > .popover_content {margin-top: 15px} .autogen_class_views_shared_popover.bottom > .popover_content > .popover_arrow {left: 50%; top: -16px; margin-left: -16px; border-top-width: 0; border-bottom-color: #E9EDF8} .autogen_class_views_shared_popover.bottom > .popover_content > .popover_arrow:before {top: 7.5px; left: -15px} .autogen_class_views_shared_popover.bottom > .popover_content > .popover_arrow:after {content: " "; top: 1px; margin-left: -15px; border-top-width: 0; border-bottom-color: #fff} /* app/views/shared/react/card_library_button.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_card_library_button {cursor: pointer; width: 32px; height: 32px; display: none; background-image: url('../../images/document_cells/metadata_cards/ic_add.svg'); background-size: cover; opacity: 0.6; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; display: block} .autogen_class_views_shared_react_card_library_button:active, .autogen_class_views_shared_react_card_library_button:hover, .autogen_class_views_shared_react_card_library_button:focus {opacity: 1} .autogen_class_views_shared_react_card_library_button.in_library {background-image: url('../../images/document_cells/metadata_cards/ic_added.svg'); opacity: 1} .autogen_class_views_shared_react_card_library_button.in_library:hover, .autogen_class_views_shared_react_card_library_button.in_library:focus {opacity: 1; background-image: url('../../images/document_cells/metadata_cards/ic_added_hover.svg'); background-size: 28px 28px; background-repeat: no-repeat; background-position: 2px} .autogen_class_views_shared_react_card_library_button .tooltip {border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; background: white; width: 160px; position: relative; z-index: 1; left: 40px; top: -5px; height: 30px; line-height: 30px; padding: 10px 0; color: #57617A; font-size: 14px; text-align: center} .autogen_class_views_shared_react_card_library_button .tooltip:after {content: ''; background-image: url('../../images/document_cells/metadata_cards/tool_tip_arrow.png'); background-repeat: no-repeat; position: absolute; left: -10px; top: 7px; height: 32px; width: 10px} .autogen_class_views_shared_react_card_library_button .tooltip.left {left: -170px} .autogen_class_views_shared_react_card_library_button .tooltip.left:after {left: initial; right: -10px; -webkit-transform: rotate(180deg); transform: rotate(180deg)} /* app/views/shared/react/document_image.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_document_image {background-color: #E9EDF8} .autogen_class_views_shared_react_document_image img {-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease; opacity: 0} .autogen_class_views_shared_react_document_image img.loaded {opacity: 1} /* app/views/shared/react/forms/textarea.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_forms_textarea .textarea_label {display: block} .autogen_class_views_shared_react_forms_textarea .textarea_label .textarea {display: block; margin-top: 10px; border-color: #CACED9} .autogen_class_views_shared_react_forms_textarea .textarea_label .count {margin-top: 10px} /* app/views/shared/react/forms/select_input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_forms_select_input {background: white; border-radius: 4px; height: 45px; padding: 0 14px; border: 1px solid #E9EDF8; line-height: 1.5; color: #1C263D; font-size: 16px; box-sizing: border-box; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} .autogen_class_views_shared_react_forms_select_input:hover .icon {color: #509ba8} .autogen_class_views_shared_react_forms_select_input:active .icon {color: #0D6069} .autogen_class_views_shared_react_forms_select_input .select_current_value {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1} .autogen_class_views_shared_react_forms_select_input.focused {border-color: #c2cdec} .autogen_class_views_shared_react_forms_select_input .icon {font-size: 12px; color: #20828D} .autogen_class_views_shared_react_forms_select_input select {font-family: 'Source Sans Pro', sans-serif; font-size: 16px; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none} /* app/views/shared/react/forms/checkbox_input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_forms_checkbox_input {position: relative} .autogen_class_views_shared_react_forms_checkbox_input.disabled {pointer-events: none; opacity: 0.5} .autogen_class_views_shared_react_forms_checkbox_input label {cursor: pointer} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label {display: block} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label.checked:before {color: #20828D} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label .input_text {color: #57617A; display: inline-block; line-height: 20px; height: 20px; font-family: 'Source Sans Pro', sans-serif} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label:before {display: inline-block; margin-right: 10px; font-size: 20px; cursor: pointer; color: #E9EDF8; vertical-align: top; position: relative; top: 1px} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label:hover .input_text, .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label.focused .input_text {color: #1C263D} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label:hover:before, .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label.focused:before {color: #509ba8} .autogen_class_views_shared_react_forms_checkbox_input .checkbox_label.checked:hover:before {color: #509ba8} /* app/views/shared/react/forms/radio_input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_forms_radio_input {position: relative} .autogen_class_views_shared_react_forms_radio_input label {cursor: pointer} .autogen_class_views_shared_react_forms_radio_input .radio_input {visibility: hidden; margin: 0; width: 0; height: 0; position: absolute; top: 0; left: 0} .autogen_class_views_shared_react_forms_radio_input .radio_label {display: block} .autogen_class_views_shared_react_forms_radio_input .radio_label.checked:before {color: #20828D} .autogen_class_views_shared_react_forms_radio_input .radio_label .input_text {color: #57617A; display: inline-block; vertical-align: top; line-height: 20px; height: 20px; font-family: 'Source Sans Pro', sans-serif} .autogen_class_views_shared_react_forms_radio_input .radio_label:before {display: inline-block; font-family: 'scribd'; margin-right: 10px; font-size: 20px; cursor: pointer; color: #E9EDF8; vertical-align: top; position: relative; top: 1px} .autogen_class_views_shared_react_forms_radio_input .radio_label:hover .input_text {color: #1C263D} .autogen_class_views_shared_react_forms_radio_input .radio_label:hover:before {color: #509ba8} .autogen_class_views_shared_react_forms_radio_input .radio_label.checked:hover:before {color: #509ba8} /* app/views/shared/react/forms/text_input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_forms_text_input .input_row label {display: block} .autogen_class_views_shared_react_forms_text_input .input_row input {border-color: #CACED9} .autogen_class_views_shared_react_forms_text_input .input_row.password input {padding-right: 62px} .autogen_class_views_shared_react_forms_text_input .input_row .error_msg {color: #d12338; font-size: 14px; margin-top: 6px} .autogen_class_views_shared_react_forms_text_input .input_row .error_msg span {position: relative; top: 2px} .autogen_class_views_shared_react_forms_text_input .input_row.has_error textarea, .autogen_class_views_shared_react_forms_text_input .input_row.has_error input[type=text], .autogen_class_views_shared_react_forms_text_input .input_row.has_error input[type=password] {border-color: #d12338} .autogen_class_views_shared_react_forms_text_input .input_row.has_error .error_msg {display: block; text-align: left} .autogen_class_views_shared_react_forms_text_input .input_row .error_icon {background-image: url('../../images/icons/warn.svg'); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 18px; margin-right: 6px; vertical-align: middle; width: 18px} .autogen_class_views_shared_react_forms_text_input .input_row .password_toggle_btn {color: #20828D; display: inline-block; font-size: 16px; font-weight: bold; padding: 1px 0; position: absolute; right: 14px; top: 34px; vertical-align: middle; width: auto} /* app/views/shared/react/library_button.css @ 1498165422 */ /*redundant old mapping*/ .library_button {display: inline-block; position: relative} .library_button.has_actions_select {min-width: 224px} .library_button:hover .main_btn, .library_button.hover .main_btn {background-color: #509ba8; border-color: #509ba8; color: #fff} .library_button:hover .main_btn a, .library_button.hover .main_btn a {color: #fff} .library_button:hover .main_btn.loading, .library_button:hover .main_btn:disabled, .library_button.hover .main_btn.loading, .library_button.hover .main_btn:disabled {border-color: #E9EDF8; background-color: #E9EDF8; color: #57617A} .library_button:hover .actions_select:after, .library_button.hover .actions_select:after {opacity: 0} .library_button:hover .actions_select.loading:after, .library_button:hover .actions_select:disabled:after, .library_button.hover .actions_select.loading:after, .library_button.hover .actions_select:disabled:after {opacity: 1} .library_button .flat_btn {padding: 0; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out} .library_button .flat_btn:hover {border-color: #509ba8; background-color: #509ba8} .library_button .flat_btn:hover.loading, .library_button .flat_btn:hover:disabled {border-color: #E9EDF8; background-color: #E9EDF8; color: #1C263D} .library_button .flat_btn:active {background-color: #0D6069} .library_button .flat_btn.loading, .library_button .flat_btn:disabled {border-color: #E9EDF8; background-color: #E9EDF8; color: #1C263D} .library_button .flat_btn button {background-color: transparent; border: none; border-radius: inherit; color: inherit; cursor: pointer; font-weight: inherit; font-family: inherit; height: 100%; width: 100%; /* fix ie 11+ button 3d effect */ } .library_button .flat_btn button span {position: relative} .library_button .flat_btn button.loading, .library_button .flat_btn button:disabled {border-color: #E9EDF8; background-color: #E9EDF8; color: #1C263D} .library_button .flat_btn.loading .scribd_spinner {display: block} .library_button .scribd_spinner {bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; margin: auto} .library_button .icon-ic_audiobook_play, .library_button .icon-ic_audiobook_pause {margin-right: 6px; font-size: 12px} .library_button .main_button {min-width: 180px} .library_button .main_button.has_actions_select {border-radius: 4px 0 0 4px; border-right: 0; display: block; margin-right: 44px} .library_button .main_button.loading, .library_button .main_button.disabled {position: initial} .library_button .main_button a {display: inline-block; width: 100%} .library_button .main_button .edit_saved_btn {line-height: 42px; padding: 0} .library_button .actions_select {border-radius: 0 4px 4px 0; border-left-width: 0; min-width: 0; padding: 0; position: absolute; right: 0; top: 0; width: 44px} .library_button .actions_select.loading, .library_button .actions_select:disabled {position: absolute} .library_button .actions_select:before {bottom: 0; height: 15px; left: 0; margin: auto; position: absolute; right: -44px; top: 0} .library_button .actions_select:after {-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; background-color: #20828D; content: ""; height: 34px; left: 0; opacity: 0.6; position: absolute; top: 4px; width: 1px} .library_button .actions_select.slim:after {height: 24px} .library_button .actions_select.loading:after, .library_button .actions_select:disabled:after {background-color: #1C263D} .library_button .actions_select .icon-ic_down_arrow {position: relative} .library_button .toolbar_outline_btn.main_button.has_actions_select {border-radius: 4px 0 0 4px; border-right-width: 0} .library_button .toolbar_outline_btn.actions_select {border-left-width: 0; border-radius: 0 4px 4px 0} .library_button .toolbar_outline_btn.actions_select:after {background-color: rgba(171, 171, 171, 0.5); height: 27px; top: 5px} .library_button .toolbar_outline_btn.loading .scribd_spinner {margin-top: 5px} .library_button .actions_list_wrapper {position: absolute; right: 0; min-width: 224px} .library_button .actions_list_wrapper:hover {cursor: auto} .library_button .actions_list_wrapper .popover_content {display: block; padding: 0; position: relative; width: 100%} .library_button .actions_list_wrapper .popover_content .actions_list {box-sizing: border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif; -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2); border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 18px; font-weight: bold; height: 44px; line-height: 42px; min-width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize; height: auto; list-style: none; margin: 0; padding: 6px 0; text-align: left; width: 100%} .library_button .actions_list_wrapper .popover_content .actions_list li {margin: 0; text-indent: 0} .library_button .actions_list_wrapper .popover_content .actions_list button {background-color: transparent; border: none; color: #20828D; cursor: pointer; display: block; font-family: inherit; font-weight: inherit; height: 100%; padding: 6px 12px; text-align: inherit; width: 100%; /* fix ie 11+ button 3d effect */ } .library_button .actions_list_wrapper .popover_content .actions_list button:hover, .library_button .actions_list_wrapper .popover_content .actions_list button:active {color: #20828D} .library_button .actions_list_wrapper .popover_content .actions_list button:hover {background-color: #F8F9FD} .library_button .actions_list_wrapper .popover_content .actions_list button:active {background-color: #CACED9} .library_button .actions_list_wrapper .popover_content .actions_list button span {position: relative} .library_button .actions_list_wrapper .popover_content .popover_arrow {right: 10px; left: initial} .library_button .actions_list_wrapper.top {bottom: 49px} .library_button .actions_list_wrapper.top .popover_content {margin-bottom: 12px} .library_button .actions_list_wrapper.top .popover_arrow {bottom: -12px} .library_button .actions_list_wrapper.bottom {top: 49px} .library_button .actions_list_wrapper.bottom .popover_content {margin-top: 12px} .library_button .actions_list_wrapper.bottom .popover_arrow {top: -12px} .library_button .outline_btn {background-color: transparent; color: #20828D; /*Type E */ } .library_button .outline_btn a:hover, .library_button .outline_btn:hover, .library_button .outline_btn.hover, .library_button .outline_btn:focus {background-color: rgba(32, 130, 141, 0.1); border-color: #20828D; color: #20828D} .library_button .outline_btn:active, .library_button .outline_btn.activated {background-color: rgba(32, 130, 141, 0.15); border-color: #20828D} .library_button .outline_btn.negate {border-color: #fff; color: #20828D} /* app/views/shared/react/lists/_create_list_button.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_lists_create_list_button .flat_btn .icon.icon {-webkit-transition: color 0.1s ease-in-out;transition: color 0.1s ease-in-out; color: #20828D; top: 3px} .autogen_class_views_shared_react_lists_create_list_button .flat_btn:hover .icon.icon {color: #509ba8} /* app/views/shared/react/lists/add_to_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_lists_add_to_list {max-height: 250px; width: 200px} .autogen_class_views_shared_react_lists_add_to_list, .autogen_class_views_shared_react_lists_add_to_list ul, .autogen_class_views_shared_react_lists_add_to_list li {list-style: none; margin: 0; padding: 0} .autogen_class_views_shared_react_lists_add_to_list li {-webkit-transition: background-color ease 0.3s;transition: background-color ease 0.3s; background-color: #fff} .autogen_class_views_shared_react_lists_add_to_list li .flat_btn {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; text-align: left; width: 100%; padding: 10px} .autogen_class_views_shared_react_lists_add_to_list li .flat_btn:hover {color: #20828D} .autogen_class_views_shared_react_lists_add_to_list li:hover {background-color: #F8F9FD} .autogen_class_views_shared_react_lists_add_to_list li:first-child {border-radius: 4px 4px 0 0} .autogen_class_views_shared_react_lists_add_to_list li:last-child {border-radius: 0 0 4px 4px} .autogen_class_views_shared_react_lists_add_to_list > li:last-child:hover {background: initial} .autogen_class_views_shared_react_lists_add_to_list .flat_btn {outline-offset: -3px} .autogen_class_views_shared_react_lists_add_to_list .create_list_btn {height: 41px; line-height: 20.5px; border-bottom: 1px solid #E9EDF8; border-radius: 4px 4px 0 0} .autogen_class_views_shared_react_lists_add_to_list .create_list_btn:hover {border-bottom: 1px solid #E9EDF8} .autogen_class_views_shared_react_lists_add_to_list .create_list_btn:hover .icon.icon {color: #20828D} .autogen_class_views_shared_react_lists_add_to_list .create_list_btn .icon {color: #1C263D; padding-right: 5px} .autogen_class_views_shared_react_lists_add_to_list .collections {overflow: auto; max-height: 209px} .autogen_class_views_shared_react_lists_add_to_list .collections .collection {padding: 3px 0} .autogen_class_views_shared_react_lists_add_to_list .collections .collection:last-child {border: none; border-radius: 0 0 4px 4px} .autogen_class_views_shared_react_lists_add_to_list .collections .collection .flat_btn {padding: 4px 7px; text-transform: none; line-height: 28px} .autogen_class_views_shared_react_lists_add_to_list .collections li .load_more {margin-top: 0} .autogen_class_views_shared_react_lists_add_to_list .collections li .load_more .flat_btn {text-align: center; font-weight: normal} /* app/views/shared/react/modals/add_to_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content {padding: 0} .autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content h1 {margin: 15px 20px 20px} .autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content > ul {width: auto; border-top: 1px solid #E9EDF8} .autogen_class_views_shared_react_modals_add_to_list > .wrapper > .content > ul .flat_btn {padding-left: 25px} /* app/views/shared/react/modals/create_a_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_modals_create_a_list .input_row.list_name input {display: block; margin-top: 10px; width: 100%} .autogen_class_views_shared_react_modals_create_a_list .checkbox_component {font-size: 14px; margin-top: 25px; position: relative} .autogen_class_views_shared_react_modals_create_a_list .checkbox_component label {display: inline-block; font-weight: bold} .autogen_class_views_shared_react_modals_create_a_list .checkbox_component input {font-size: 16px; left: 0; position: absolute; top: -2px} .autogen_class_views_shared_react_modals_create_a_list .note {color: #57617A; font-size: 14px; padding-left: 30px} .autogen_class_views_shared_react_modals_create_a_list .actions {margin-top: 25px} /* app/views/shared/react/modals/delete_item_in_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_modals_delete_item_in_list .checkbox_component .checkbox_label {font-size: 14px; margin-top: 25px} .autogen_class_views_shared_react_modals_delete_item_in_list .checkbox_component .checkbox_label:before {top: 0} .autogen_class_views_shared_react_modals_delete_item_in_list .note {color: #57617A} .autogen_class_views_shared_react_modals_delete_item_in_list .actions {margin-top: 25px} .autogen_class_views_shared_react_modals_delete_item_in_list .actions .cancel_btn {margin-right: 30px} /* app/views/shared/react/reading_progress_bar.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer {position: relative; left: 0; right: 0; height: 5px; background: #E9EDF8; border-radius: 10px; overflow: hidden} .autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer.dark {background: #0D6069} .autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer .reading_progress_inner {background: #02a793; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 10px} .autogen_class_views_shared_react_reading_progress_bar .reading_progress_outer .reading_progress_outer_dark_overlay {display: none; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0} /* app/views/shared/react/review_controls.css @ 1498165422 */ /*redundant old mapping*/ .review_controls .upvote_count {font-size: 12px} .review_controls .upvote_count span {display: block} .review_controls .bottom {bottom: 0; position: absolute; width: 100%} .review_controls .bottom .undo_btn {display: block} .review_controls .bottom .separator {color: #E9EDF8} .review_controls .bottom .vote_link, .review_controls .bottom .undo_vote_link {display: inline-block; margin-left: 10px} /* app/views/shared/react/review_form.css @ 1498165422 */ /*redundant old mapping*/ .review_form {padding: 0 32px; position: relative; zoom: 1} .review_form:after {content: ""; display: table; clear: both} #edit_review_lb .review_form {padding: 0} .review_form .tip, .review_form .star_label, .review_form .star_rating, .review_form .clear_rating, .review_form .rating_required_message, .review_form .inform_saved {line-height: 42px; vertical-align: top} .review_form .tip, .review_form .clear_rating, .review_form .rating_required_message, .review_form .inform_saved {font-size: 14px} .review_form .rating_required_message {color: #f2736e} .review_form .star_label, .review_form .textarea_label, .review_form .tip, .review_form .inform_saved {color: #57617A} .review_form .star_label {display: inline-block; margin-right: 15px} .review_form .star_ratings {display: inline-block; font-size: 40px; line-height: 40px; vertical-align: top} .review_form .star_ratings .rating_star {line-height: 1; margin-right: 12px; color: #02a793} .review_form .star_ratings .rating_star:last-child {margin-right: 0} .review_form .star_ratings .tips {margin-left: 0} .review_form .star_ratings .tip, .review_form .star_ratings .clear_rating, .review_form .star_ratings .rating_required_message, .review_form .star_ratings .inform_saved {margin-left: 15px} .review_form .textarea_label {margin: 20px 0 6px 0} .review_form .textarea_label .optional {color: #57617A} .review_form .textarea_tip {color: #57617A; margin-bottom: 13px} .review_form textarea {border: 1px solid #E9EDF8; border-radius: 4px; color: #1C263D; height: 58px; min-height: 58px; margin-top: 6px; max-width: 100%; padding: 16px 20px; resize: vertical; width: 100%; box-sizing: border-box; font-family: 'Source Sans Pro', sans-serif} .review_form textarea::-webkit-input-placeholder {color: #57617A} .review_form textarea::-moz-placeholder {color: #57617A} .review_form textarea:-ms-input-placeholder {color: #57617A} .review_form textarea::placeholder {color: #57617A} .review_form.has_existing_review textarea, .review_form.focused textarea {height: 130px} .review_form .buttons {color: #57617A; float: right} .review_form .buttons .flat_btn {margin: 24px 0 0 10px} .review_form .buttons .warn {color: #f2736e} /* app/views/shared/react/save_button.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_save_button .edit_saved_btn.icon_only {color: #00293f; min-width: 30px; min-height: 30px} .autogen_class_views_shared_react_save_button .edit_saved_btn.icon_only .icon {margin-right: 0} .autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only {font-size: 18px} .autogen_class_views_shared_react_save_button .flat_btn.text_btn.icon_only:hover {color: #509ba8} /* app/views/shared/react/search_input.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_search_input .search_input_container {position: relative} .autogen_class_views_shared_react_search_input .search_input_container.has_focus {opacity: 1} .autogen_class_views_shared_react_search_input .search_input_container.jiggle {position: relative; z-index: 1; -webkit-animation-name: jiggle; animation-name: jiggle; -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-timing-function: linear; animation-timing-function: linear} .autogen_class_views_shared_react_search_input .search_input_container .search_icon {position: absolute; top: 9px; left: 11px; font-size: 21px; color: #57617A; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out} .autogen_class_views_shared_react_search_input .search_input_container .search_input {width: 160px; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; height: 40px; font-weight: bold; color: #57617A; padding-bottom: 0px; padding-top: 0px; padding-left: 40px} .autogen_class_views_shared_react_search_input .search_input_container .suggestions {overflow: hidden; background: white; border: 1px solid #E9EDF8; padding: 4px 0; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; box-sizing: border-box; position: absolute; z-index: 21; top: 45px; left: 0; right: 0; font-size: 14px; line-height: 14px} .autogen_class_views_shared_react_search_input .search_input_container .suggestions .suggestion_label {color: #57617A; display: none; font-weight: bold; border-bottom: 1px solid #E9EDF8} .autogen_class_views_shared_react_search_input .search_input_container .suggestions .suggestion {cursor: pointer; color: #57617A; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 18px} .autogen_class_views_shared_react_search_input .search_input_container .suggestions .suggestion:hover, .autogen_class_views_shared_react_search_input .search_input_container .suggestions .suggestion.selected {color: #1C263D; background: #F8F9FD} .autogen_class_views_shared_react_search_input .search_input_container .suggestions .suggestion em {font-style: normal; font-weight: bold} /* app/views/shared/react/star_ratings.css @ 1498165422 */ /*redundant old mapping*/ .star_ratings {position: relative} .star_ratings .tips, .star_ratings .stats, .star_ratings .clear_rating, .star_ratings .rating_required_message, .star_ratings .inform_saved {margin-left: 8px} .star_ratings .stats {color: #57617A} .star_ratings .rating_star {color: #ed8f02; cursor: pointer; display: inline-block; line-height: 15px; padding-right: 4px; position: relative; text-align: center; -webkit-transition: all 0.5s linear, color 0.1s ease-in-out; transition: all 0.5s linear, color 0.1s ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%} .star_ratings .rating_star.light_lit {color: #ed8f02} .star_ratings .rating_star.half_lit span {display: block; margin-right: 0} .star_ratings .rating_star.half_lit .icon-ic_star_small_halffill {color: #ed8f02; position: relative} .star_ratings .rating_star.half_lit .icon-ic_star_small_outline {color: #E9EDF8; position: absolute; top: 0; left: 0} .star_ratings .rating_star:last-child {margin-right: 0} .star_ratings.static .rating_star {cursor: default} .star_ratings.current_user.rated .rating_star, .star_ratings.current_user.rated .light_lit, .star_ratings.selecting .rating_star, .star_ratings.selecting .light_lit {color: #02a793} /* app/views/shared/react/upvotes.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_react_upvotes {position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 40px} .autogen_class_views_shared_react_upvotes .prerender {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} .autogen_class_views_shared_react_upvotes .upvotes {border-right: 1px solid #E9EDF8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} .autogen_class_views_shared_react_upvotes .upvotes button.vote {border: none; background-color: transparent; cursor: pointer} .autogen_class_views_shared_react_upvotes .upvotes button.vote:active:not(.selected) .icon {color: #02a793; -webkit-transform: scale(0.8); transform: scale(0.8)} .autogen_class_views_shared_react_upvotes .upvotes button.vote.selected .icon, .autogen_class_views_shared_react_upvotes .upvotes button.vote:hover .icon {color: #02a793} .autogen_class_views_shared_react_upvotes .upvotes .vote {font-size: 20px; display: inline-block; width: 60px} .autogen_class_views_shared_react_upvotes .upvotes .vote .icon {color: #ed8f02; display: inline-block; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -webkit-transform: scale(1); transform: scale(1)} .autogen_class_views_shared_react_upvotes .upvotes .vote.has_selection:not(.selected) .icon {color: #02a793} .autogen_class_views_shared_react_upvotes .upvotes .vote .count {position: relative; top: -2px; margin-left: 6px; font-size: 16px; color: #57617A} .autogen_class_views_shared_react_upvotes .stats {margin-left: 15px; color: #57617A; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} .autogen_class_views_shared_react_upvotes .stats .views {margin-bottom: 2px} /* app/views/shared/review_list.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_review_list {min-width: 815px} .autogen_class_views_shared_review_list .book_review_wrapper {padding: 0 32px} .autogen_class_views_shared_review_list .book_review_wrapper .book_review {box-sizing: border-box; border-bottom: 1px solid #E9EDF8; display: table; padding: 24px 0; width: 100%} .autogen_class_views_shared_review_list .book_review_wrapper .book_review a {color: inherit} .autogen_class_views_shared_review_list .book_review_wrapper .book_review a:hover {color: #509ba8} .autogen_class_views_shared_review_list .book_review_wrapper .book_review a:active {color: #0D6069} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left, .autogen_class_views_shared_review_list .book_review_wrapper .book_review .right {box-sizing: border-box; display: table-cell; vertical-align: top} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left {padding-right: 12px; width: 72%; word-break: break-word} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_author {display: inline-block; line-height: 40px} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_author .persona_icon {display: inline-block; margin-right: 12px; vertical-align: bottom} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_author a {color: #1C263D} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_author a:hover {color: #509ba8} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_author a:active {color: #0D6069} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .object_grid {padding-left: 0; display: table-cell} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .object_grid .thumb, .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .object_grid .object_cell {width: 108px; height: 144px; margin-bottom: 0} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info {display: table-cell; color: #1C263D; padding-left: 0} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info h2 {margin: 0} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info .book_title {font-size: 20px; line-height: 20px; max-height: 84px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-style: italic; margin: 0; white-space: normal} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info .book_title:hover {color: #509ba8} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info .author {font-family: 'Source Sans Pro', sans-serif; color: #1C263D; font-size: 14px; font-weight: normal; margin: 3px 0 12px} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info .author a {font-family: 'Source Sans Pro', sans-serif} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .info .review_body {margin-left: 0; min-height: auto} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body {color: #57617A; margin-left: 52px; min-height: 90px; padding-right: 15px} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body.truncate {font-size: 16px; line-height: 24px; max-height: 100px; /* +1 prevents low baseline logs */ overflow: hidden; display: block} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body .read_more {color: #20828D} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body .read_more:hover {color: #509ba8} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body .read_more:active {color: #0D6069} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body.not_truncated .read_more {display: none} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body.expanded {overflow: visible; max-height: none; display: block} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .left .review_body.expanded .read_more {display: none} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .right {border-left: 1px solid #E9EDF8; color: #57617A; font-size: 14px; padding-left: 12px; position: relative; width: 28%} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .right .star_ratings {margin-bottom: 5px} .autogen_class_views_shared_review_list .book_review_wrapper .book_review .upvote, .autogen_class_views_shared_review_list .book_review_wrapper .book_review .downvote {display: none} .autogen_class_views_shared_review_list .book_review_wrapper .book_review.upvoted .vote, .autogen_class_views_shared_review_list .book_review_wrapper .book_review.downvoted .vote {display: none} .autogen_class_views_shared_review_list .book_review_wrapper .book_review.upvoted .upvote {display: block} .autogen_class_views_shared_review_list .book_review_wrapper .book_review.downvoted .downvote {display: block} /* app/views/shared/search/autocompleter.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_search_autocompleter .search_autocompleter {width: 460px; z-index: 2998; position: absolute; top: 42px; left: 0px; font-size: 14px; line-height: 18px; border-radius: 2px; border: 1px solid #E2E2E2; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.2)} .autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller {overflow-y: scroll; background-color: white} .autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-webkit-scrollbar {-webkit-appearance: none; width: 6px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-webkit-scrollbar-track {background: #F8F9FD; border-radius: 4px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .scroller::-webkit-scrollbar-thumb {background: #CACED9; border-radius: 10px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_section a:hover {text-decoration: none} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_section.first_visible .ac_category {border-top: 0; box-shadow: none} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category {color: #146c88; position: relative; border-top: 1px solid #E2E2E2; padding: 6px 0} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category .ac_section_title {color: #20828D; position: absolute; top: 0; width: 120px; margin-top: 5px; padding: 5px 0 5px 20px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category .ac_item_container {margin-left: 145px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category h4 {font-size: 14px; text-transform: capitalize; margin: 0; font-weight: bold} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_category.active .ac_section_title {color: #20828D; background-color: #F8F9FD} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_all_results h4:after {font-family: 'scribd'; font-size: 12px; margin-left: 2px; vertical-align: middle; position: absolute; right: 10px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_all_results .ac_category {line-height: 40px; height: 40px; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_all_results .ac_section_title {width: auto; position: static; margin-top: 0; padding-top: 0; padding-bottom: 0} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_all_results:hover {background-color: #F8F9FD} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item {overflow: hidden; height: 50px; padding: 6px 20px 6px 6px; position: relative; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item .doc_title {color: #57617A; font-weight: bold; font-size: 14px; line-height: 18px; max-height: 38px; /* +1 prevents low baseline logs */ overflow: hidden; display: block} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item .doc_author {color: #57617A; line-height: 22px; font-weight: bold; font-size: 14px; line-height: 18px; max-height: 19px; /* +1 prevents low baseline logs */ overflow: hidden; display: block} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item:hover, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item.active {color: #20828D; background-color: #F8F9FD} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item:hover .item_content, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item.active .item_content {color: #1C263D} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item:hover .item_content .doc_author, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item.active .item_content .doc_author {color: #57617A} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item:hover .item_content .doc_title, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item.active .item_content .doc_title {color: #1C263D} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item .item_image {box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); width: 36px; height: 48px; position: absolute; left: 6px; background-repeat: no-repeat; background-size: cover} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_item .item_content {color: #57617A; font-weight: bold; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 48px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_icon {margin: 11px 7px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .sprite.ac_publishers {margin: 7px 7px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_publishers .ac_item, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_authors .ac_item {height: 36px} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_publishers .ac_item .item_image, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_authors .ac_item .item_image {height: 36px; width: 36px; border-radius: 50%; background-position: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1)} .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_publishers .item_content, .autogen_class_views_shared_search_autocompleter .search_autocompleter .ac_authors .item_content {font-size: 14px; line-height: 18px; max-height: 38px; /* +1 prevents low baseline logs */ overflow: hidden; display: block} .autogen_class_views_shared_search_autocompleter .search_autocompleter em, .autogen_class_views_shared_search_autocompleter .search_autocompleter strong {font-weight: bold; font-style: normal; background: #F8F9FD} /* app/views/shared/sharing_buttons.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_sharing_buttons {list-style-type: none; padding: 0; margin: 0} .autogen_class_views_shared_sharing_buttons.single_line .share_button {display: inline-block; margin-right: 6px} .autogen_class_views_shared_sharing_buttons.single_line .share_button:last-child {margin-right: 0} .autogen_class_views_shared_sharing_buttons.single_line .icon {font-size: 18px} .autogen_class_views_shared_sharing_buttons.single_line > div a:hover {color: #509ba8} .autogen_class_views_shared_sharing_buttons.single_line > div a:active {color: #0D6069} .autogen_class_views_shared_sharing_buttons.single_line .facebook a {color: #3b5998; position: relative; top: -1px} .autogen_class_views_shared_sharing_buttons.single_line .twitter a {color: #55acee} .autogen_class_views_shared_sharing_buttons.single_line .pinterest a {color: #c8232c} .autogen_class_views_shared_sharing_buttons.single_line .email a {color: #146c88} .autogen_class_views_shared_sharing_buttons.stacked .share_button {padding: 14px 14px 10px 8px} .autogen_class_views_shared_sharing_buttons.stacked .label {vertical-align: middle; margin: 0 6px} .autogen_class_views_shared_sharing_buttons.stacked .facebook a:hover {color: #3b5998} .autogen_class_views_shared_sharing_buttons.stacked .twitter a:hover {color: #55acee} .autogen_class_views_shared_sharing_buttons.stacked .pinterest a:hover {color: #c8232c} .autogen_class_views_shared_sharing_buttons.stacked .email a:hover {color: #146c88} .autogen_class_views_shared_sharing_buttons .icon {display: inline-block; font-size: 20px; vertical-align: middle} /* app/views/shared/smart_tabs.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_smart_tabs .hover_menu.open .sub_menu {opacity: 1} .autogen_class_views_shared_smart_tabs .sub_menu {top: 30px; left: 0; line-height: 35px; padding: 0; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border: 1px solid #E9EDF8; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease} .autogen_class_views_shared_smart_tabs .sub_menu .menu_item {text-transform: none; padding: 0 18px; color: #57617A; height: 35px; white-space: nowrap} .autogen_class_views_shared_smart_tabs .sub_menu .menu_item:hover {background: #EAEAEA; color: #20828D} .autogen_class_views_shared_smart_tabs .tab.last {margin-right: 0} /* app/views/shared/upsell/annual_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_upsell_annual_lightbox {width: 740px} .autogen_class_views_shared_upsell_annual_lightbox .icon-ic_close {color: white} .autogen_class_views_shared_upsell_annual_lightbox .wrapper .content {padding: 0 !important; border-top: none} .autogen_class_views_shared_upsell_annual_lightbox .centerer {width: 460px} .autogen_class_views_shared_upsell_annual_lightbox .centerer .box_title {font-family: 'Source Sans Pro', sans-serif; margin-bottom: 20px} .autogen_class_views_shared_upsell_annual_lightbox .centerer .learn_more {width: 215px} .autogen_class_views_shared_upsell_annual_lightbox .annual {height: 285px; text-align: center; background: #F8F9FD; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url('../../images/annual_upsell/background_annual_plans_modal.jpg'); color: white} .autogen_class_views_shared_upsell_annual_lightbox .annual .centerer .box_title {color: white} .autogen_class_views_shared_upsell_annual_lightbox .scribd_selects {height: 145px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 40px} .autogen_class_views_shared_upsell_annual_lightbox .scribd_selects > * {margin-left: 0; margin-right: 0} .autogen_class_views_shared_upsell_annual_lightbox .account_settings_link {background: #F8F9FD; text-align: center; position: absolute; bottom: 0; height: 50px; line-height: 50px; left: 0px; z-index: 11; right: 0px; font-size: 14px; color: #57617A} /* app/views/shared/upsell/plans.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_upsell_plans {text-align: center} .autogen_class_views_shared_upsell_plans .plan_title {font-weight: bold} .autogen_class_views_shared_upsell_plans .tile_container ul {display: none; font-size: 14px; list-style: none; margin-top: 30px; text-align: left; padding-left: 60px} .autogen_class_views_shared_upsell_plans .tile_container ul li {color: #57617A; margin-bottom: 10px; padding-right: 30px; position: relative; line-height: initial} .autogen_class_views_shared_upsell_plans .tile_container ul li .icon-ic_checkmark_outline_circle2 {color: #20828D; font-size: 20px; left: -28px; position: absolute; top: 4px} .autogen_class_views_shared_upsell_plans .tile_container.light_plan ul {display: block} .autogen_class_views_shared_upsell_plans .tile_container.light_plan .tile {height: 510px} .autogen_class_views_shared_upsell_plans .tile_container.light_plan .tile .conversion_date {bottom: 30px; color: #1C263D; font-weight: normal; position: absolute} .autogen_class_views_shared_upsell_plans .tile_container .tile {position: relative; display: inline-block; border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border: 1px solid #E9EDF8; width: 277px; height: 296px; vertical-align: top; margin: 0 12px} .autogen_class_views_shared_upsell_plans .tile_container .tile.annual .price_container {margin-top: 13px} .autogen_class_views_shared_upsell_plans .tile_container .tile.annual .tile_title {margin-top: 26px} .autogen_class_views_shared_upsell_plans .tile_container .tile .tile_title {width: 200px; margin: 0 auto; line-height: 28px; margin-top: 30px; font-weight: bold; font-size: 24px} .autogen_class_views_shared_upsell_plans .tile_container .tile .artsy_promo {position: absolute; top: -45px; right: -130px; width: 140px; font-size: 14px; color: #20828D} .autogen_class_views_shared_upsell_plans .tile_container .tile .artsy_arrow {background: url('../../images/annual_upsell/annualplans_arrow.svg'); width: 30px; height: 26px; position: absolute; left: -28px; top: 8px} .autogen_class_views_shared_upsell_plans .tile_container .tile .best_value {text-transform: uppercase; color: #20828D; font-size: 13px; font-weight: bold; margin-top: 4px} .autogen_class_views_shared_upsell_plans .tile_container .tile .price_container {margin-top: 32px; font-size: 18px; color: #57617A} .autogen_class_views_shared_upsell_plans .tile_container .tile .price_container .subtitle {font-size: 14px; color: #57617A} .autogen_class_views_shared_upsell_plans .tile_container .tile .price_container .price {color: #1C263D; font-size: 30px; margin-right: 10px} .autogen_class_views_shared_upsell_plans .tile_container .tile .tile_button {position: absolute; bottom: 24px; left: 30px; right: 30px; width: 218px} .autogen_class_views_shared_upsell_plans .tile_container .tile .plan_subtitle {position: absolute; color: #57617A; bottom: -40px; font-size: 12px; left: 24px; right: 24px} .autogen_class_views_shared_upsell_plans .tile_container .tile .plan_subtitle.downgrade {bottom: -60px} .autogen_class_views_shared_upsell_plans .tile_container .tile .info_icon {padding: 0 4px} .autogen_class_views_shared_upsell_plans .tile_container .tile .conversion_date {font-size: 14px; margin: 50px 20px 0 20px; font-weight: bold; color: #57617A} /* app/views/shared/upsell/plans_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_upsell_plans_lightbox {width: 870px; height: 515px; padding-bottom: 30px} .autogen_class_views_shared_upsell_plans_lightbox .plan_title {margin: 0} .autogen_class_views_shared_upsell_plans_lightbox .autogen_class_views_shared_upsell_plans {padding-bottom: 80px} .autogen_class_views_shared_upsell_plans_lightbox .account_settings_link {background: #F8F9FD; text-align: center; position: absolute; bottom: 0; height: 50px; line-height: 50px; left: 0px; right: 0px; font-size: 14px; color: #57617A} /* app/views/shared/upsell/update_payment_details_lightbox.css @ 1498165422 */ /*redundant old mapping*/ .autogen_class_views_shared_upsell_update_payment_details_lightbox {min-width: 400px} .autogen_class_views_shared_upsell_update_payment_details_lightbox > .wrapper {padding: 0} .autogen_class_views_shared_upsell_update_payment_details_lightbox > .wrapper > .content {border: none; padding: 30px 20px} .autogen_class_views_shared_upsell_update_payment_details_lightbox .cta {margin-top: 10px; text-align: right} .autogen_class_views_shared_upsell_update_payment_details_lightbox p {color: #57617A; font-weight: bold; font-size: 14px; margin: 0.67em 0} .autogen_class_views_shared_upsell_update_payment_details_lightbox h1 {font-size: 18px; margin-top: 0; color: #1C263D; font-weight: bold} /* app/views/book_preview/_actions.css @ 1498165421 */ @charset "UTF-8"; /*redundant old mapping*/ .autogen_class_views_book_preview_actions .actions {position: absolute; bottom: 0; white-space: nowrap} .autogen_class_views_book_preview_actions .actions .cta {display: inline-block; vertical-align: top; position: relative; height: 44px} .autogen_class_views_book_preview_actions .actions .cta .flat_btn {margin-right: 12px} .autogen_class_views_book_preview_actions .actions .membership_details {position: absolute; top: 100%; left: 0; right: 0; margin-top: 8px; font-size: 14px; line-height: 14px; text-align: center; color: #57617A} .autogen_class_views_book_preview_actions .actions .membership_details .icon-ic_abouttitle {vertical-align: middle; position: relative; top: -1px} .autogen_class_views_book_preview_actions .actions .membership_details .popover_content {white-space: nowrap} .autogen_class_views_book_preview_actions .actions .membership_details .popover_content ul {margin: 0; padding: 0; list-style: none} .autogen_class_views_book_preview_actions .actions .membership_details .popover_content ul li:before {position: relative; top: -1px; content: "•"; color: #509ba8; padding-right: 0.5em} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn {padding: 0} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn.saved span.in_library {display: inline} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn.saved .not_in_library {display: none} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn.saved:not(.disabled):hover .remove_from_library {display: inline} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn.saved:not(.disabled):hover span.in_library {display: none} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn .in_library, .autogen_class_views_book_preview_actions .actions .save_bookmark_btn .remove_from_library {display: none} .autogen_class_views_book_preview_actions .actions .save_bookmark_btn [class*=icon] {position: relative; top: -1px; margin-right: 2px; font-size: 11px} /* app/views/book_preview/_all_reviews.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_book_preview_all_reviews {border-bottom: 1px solid transparent} .autogen_class_views_book_preview_all_reviews .book_review_wrapper {margin: 0 46px} .autogen_class_views_book_preview_all_reviews .header {padding: 46px 0; margin: 0 48px; border-bottom: 1px dashed #E9EDF8} .autogen_class_views_book_preview_all_reviews .header .back {display: inline-block; vertical-align: top; position: relative; float: left; width: 25px; height: 25px} .autogen_class_views_book_preview_all_reviews .header .back:hover:after {border-color: #509ba8} .autogen_class_views_book_preview_all_reviews .header .back:after {content: ''; position: absolute; width: 12px; height: 12px; background: transparent; top: 4px; left: 3px; border: 2px solid #20828D; border-top: none; border-right: none; -webkit-transform: rotate(45deg); transform: rotate(45deg)} .autogen_class_views_book_preview_all_reviews .rate_review {display: block} .autogen_class_views_book_preview_all_reviews .load_more {text-align: center; margin: 32px 0} /* app/views/book_preview/recommenders.css @ 1498165421 */ .autogen_class_views_book_preview_recommenders .recommenders .quick_reads_container .article_tile:nth-child(2) {margin: 0px 25px} @media (max-width: 800px) {.autogen_class_views_book_preview_recommenders .recommenders .quick_reads_container .article_tile:nth-child(2) {margin: 25px 0} } @media (max-width: 800px) {.autogen_class_views_book_preview_recommenders .recommenders .quick_reads_container .has_wide_image {display: none} } @media (max-width: 800px) {.autogen_class_views_book_preview_recommenders .recommenders .quick_reads_container .image_and_text_container {height: 90px} } /* app/views/book_preview/restriction_banner.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_book_preview_restriction_banner .restriction_banner {padding: 26px 48px 28px; background: #F8F9FD; border-bottom: 1px solid #E9EDF8; border-top-left-radius: 4px; border-top-right-radius: 4px} .autogen_class_views_book_preview_restriction_banner .restriction_banner h3 {margin-bottom: 3px; text-align: left; text-transform: none; color: #1C263D; font-size: 22px; font-weight: bold} .autogen_class_views_book_preview_restriction_banner .restriction_banner h4 {margin: 0 0 12px; color: #57617A; font-size: 16px; font-weight: normal} .autogen_class_views_book_preview_restriction_banner .restriction_banner h4:last-child {margin-bottom: 0} .autogen_class_views_book_preview_restriction_banner .restriction_banner.single_heading {padding-bottom: 18px} /* app/views/book_preview/review.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_book_preview_review .body {background: white; margin: 0 auto; max-width: 1000px; min-height: 600px; padding: 32px 0 90px} .autogen_class_views_book_preview_review .body h1 {border-bottom: 1px dotted #CACED9; font-size: 16px; font-weight: bold; margin: 0 90px; padding-bottom: 30px; text-align: center; text-transform: uppercase} .autogen_class_views_book_preview_review .body .book_details {border-bottom: 1px solid #CACED9; margin: 0 120px; padding: 40px 0 30px; white-space: nowrap} .autogen_class_views_book_preview_review .body .book_details .cover {display: table-cell} .autogen_class_views_book_preview_review .body .book_details .cover .object_grid {padding-left: 0} .autogen_class_views_book_preview_review .body .book_details .cover .object_grid .object_cell {margin-bottom: 0} .autogen_class_views_book_preview_review .body .book_details .cover .thumb, .autogen_class_views_book_preview_review .body .book_details .cover .object_cell {width: 108px; height: 144px} .autogen_class_views_book_preview_review .body .book_details .info {display: table-cell; vertical-align: top} .autogen_class_views_book_preview_review .body .book_details .info .book_title {font-size: 20px; line-height: 20px; max-height: 84px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-family: 'Source Sans Pro', sans-serif; color: inherit; font-style: italic; white-space: normal} .autogen_class_views_book_preview_review .body .book_details .info .book_title:hover {color: #509ba8} .autogen_class_views_book_preview_review .body .book_details .info .book_title:active {color: #0D6069} .autogen_class_views_book_preview_review .body .book_details .info .author {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin: 3px 0 6px; color: inherit} .autogen_class_views_book_preview_review .body .book_details .info .author a {font-family: 'Source Sans Pro', sans-serif; color: inherit; font-weight: normal} .autogen_class_views_book_preview_review .body .book_details .info .author a:hover {color: #509ba8} .autogen_class_views_book_preview_review .body .book_details .info .author a:active {color: #0D6069} .autogen_class_views_book_preview_review .body .review_list {min-width: 760px; margin: 0 120px} .autogen_class_views_book_preview_review .body .review_list .book_review_wrapper {padding: 0} .autogen_class_views_book_preview_review .body .review_list .book_review {border-bottom: none; padding-left: 0; padding-right: 0} .autogen_class_views_book_preview_review .body .actions {border-top: 1px dotted #CACED9; padding: 30px 0 56px; text-align: center} .autogen_class_views_book_preview_review .body .actions .flat_btn {margin: 0 10px} .autogen_class_views_book_preview_review .body .document_carousel {margin: 0 50px} .autogen_class_views_book_preview_review .body .document_carousel .carousel_title {margin-top: 0; font-size: 18px} .autogen_class_views_book_preview_review .body .document_carousel .object_cell {margin-right: 27px} .autogen_class_views_book_preview_review .body .document_carousel .object_cell:last-child {margin-right: 0} /* app/views/book_preview/_reviews.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_book_preview_reviews h2 {color: #57617A; margin-top: 0; text-align: center} .autogen_class_views_book_preview_reviews .review_form, .autogen_class_views_book_preview_reviews .post_message, .autogen_class_views_book_preview_reviews .first_to_review {border-bottom: 1px dashed #E9EDF8; margin-bottom: 40px; padding-bottom: 40px} .autogen_class_views_book_preview_reviews .review_form.hidden, .autogen_class_views_book_preview_reviews span.react_mount_node:last-child .review_form {border-bottom: none; margin-bottom: 0; padding-bottom: 0} .autogen_class_views_book_preview_reviews .read_all_reviews {text-align: center; margin-top: 32px} .autogen_class_views_book_preview_reviews .first_to_review {font-size: 24px} .autogen_class_views_book_preview_reviews .post_message {display: none; font-weight: lighter; text-align: center} .autogen_class_views_book_preview_reviews .book_review_wrapper:first-child .book_review {padding-top: 0} .autogen_class_views_book_preview_reviews .book_review_wrapper.current_user_review {background: #FAFBFD} .autogen_class_views_book_preview_reviews .book_review_wrapper.current_user_review .book_review {padding-top: 24px; border-bottom: none} /* app/views/book_preview/show.css @ 1498165421 */ @charset "UTF-8"; /*redundant old mapping*/ .autogen_class_views_book_preview_show {padding-top: 24px; padding-bottom: 60px; background: rgba(87, 97, 122, 0.75); text-align: center} .autogen_class_views_book_preview_show.lightbox {background: rgba(87, 97, 122, 0.75); position: static; box-shadow: none} .autogen_class_views_book_preview_show.lightbox > .main .close {display: block; position: absolute; top: 0; right: 0} .autogen_class_views_book_preview_show.reviews > .main .summary {display: none} .autogen_class_views_book_preview_show.reviews > .main .reviews {display: block} .autogen_class_views_book_preview_show.all_reviews > .main .overview {display: none} .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews {display: block} .autogen_class_views_book_preview_show.loading .loading_shroud {display: block; z-index: 2999} .autogen_class_views_book_preview_show.fade_in_loader .loading_shroud {opacity: 1} .autogen_class_views_book_preview_show .loading_shroud {opacity: 0} .autogen_class_views_book_preview_show .box {margin-bottom: 24px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background: #fff; border-radius: 4px} .autogen_class_views_book_preview_show .box.overview h3 {margin: 0; text-align: center; font-size: 16px; font-weight: bold} .autogen_class_views_book_preview_show .box hr {border: 0; border-top: 1px solid #E9EDF8} .autogen_class_views_book_preview_show .box .restriction_banner h3 {margin-bottom: 3px; text-align: left; text-transform: none; color: #1C263D; font-family: 'Source Sans Pro', sans-serif; font-size: 22px; font-weight: normal; font-style: italic} .autogen_class_views_book_preview_show .recommenders {padding: 32px 16px 16px} .autogen_class_views_book_preview_show .recommenders:empty {display: none} .autogen_class_views_book_preview_show .recommenders .document_carousel {margin-bottom: 24px} .autogen_class_views_book_preview_show .recommenders .document_carousel:last-of-type {margin-bottom: 0} .autogen_class_views_book_preview_show .recommenders .document_carousel .carousel_title {margin-top: 0} .autogen_class_views_book_preview_show .document_carousel .carousel_title {font-size: 18px; font-weight: normal; margin-bottom: 4px} .autogen_class_views_book_preview_show .document_carousel .document_cell {margin-right: 24px} .autogen_class_views_book_preview_show .document_carousel .document_cell h3 {margin-top: 20px; font-size: 16px; line-height: 20px; max-height: 42px; /* +1 prevents low baseline logs */ overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 1px; color: #1C263D; font-weight: normal; text-transform: none; font-family: 'Source Sans Pro', sans-serif; text-align: center} .autogen_class_views_book_preview_show .icon_list {margin: 0; padding: 0; list-style: none; text-align: center} .autogen_class_views_book_preview_show .icon_list.centered li {width: 170px; text-align: center; margin-left: 8px; margin-right: 8px} .autogen_class_views_book_preview_show .icon_list.centered li a span, .autogen_class_views_book_preview_show .icon_list.centered li .persona_icon {text-align: center; margin-right: 0; margin-bottom: 10px} .autogen_class_views_book_preview_show .icon_list.centered li .name {color: #1C263D; display: block; text-align: center} .autogen_class_views_book_preview_show .icon_list.no_icons .persona_icon {display: none} .autogen_class_views_book_preview_show .icon_list li {display: inline-block; vertical-align: top; margin: 0 14px 28px; line-height: 40px} .autogen_class_views_book_preview_show .icon_list li .persona_icon {display: inline-block; vertical-align: top; margin-right: 6px} .autogen_class_views_book_preview_show .icon_list li .name {position: relative; top: -2px; display: inline-block; vertical-align: middle; font-size: 14px; text-align: left} .autogen_class_views_book_preview_show .icon_list li .name div {line-height: 1.3} .autogen_class_views_book_preview_show .icon_list li .name .type {font-size: 12px; color: #57617A; text-transform: uppercase} .autogen_class_views_book_preview_show .icon-ic_abouttitle:before {display: inline-block; color: #20828D; width: 15px; height: 15px} .autogen_class_views_book_preview_show .icon-ic_abouttitle:before:hover {background-position: -19px 0} .autogen_class_views_book_preview_show .popover_content {padding: 18px 22px; color: #57617A; font-size: 12px; line-height: 22px} .autogen_class_views_book_preview_show .popover_content li {text-indent: -11px; margin-left: 11px} .autogen_class_views_book_preview_show .close {display: none; padding: 10px; background: transparent; color: #57617A; line-height: 1; font-size: 22px; cursor: pointer} .autogen_class_views_book_preview_show .close:hover {color: #509ba8} .autogen_class_views_book_preview_show .close:active {color: #0D6069} .autogen_class_views_book_preview_show .loading_shroud {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: none; opacity: 0; -webkit-transition: all 0.8s ease-in-out, opacity 0.4s ease-in-out; transition: all 0.8s ease-in-out, opacity 0.4s ease-in-out; /*background: rgba(255, 255, 255, 0.8);*/ background: #57617A} .autogen_class_views_book_preview_show a.author {white-space: nowrap} .autogen_class_views_book_preview_show > .main {box-sizing: border-box; display: inline-block; vertical-align: top; max-width: 912px; width: 100%; position: relative; text-align: left} .autogen_class_views_book_preview_show > .main .header {padding: 48px; padding-bottom: 60px; border-bottom: 1px solid #E9EDF8} .autogen_class_views_book_preview_show > .main .header .start_reading_cover.clickable {cursor: pointer} .autogen_class_views_book_preview_show > .main .header .also_available {margin-top: 14px; font-size: 14px; text-align: center; white-space: nowrap} .autogen_class_views_book_preview_show > .main .header .also_available span {position: relative; top: 2px; margin-right: 4px; font-size: 16px} .autogen_class_views_book_preview_show > .main .header .cover {position: absolute; display: inline-block; vertical-align: top; width: 192px} @media (max-width: 800px) {.autogen_class_views_book_preview_show > .main .header .cover {width: 144px} } .autogen_class_views_book_preview_show > .main .header .cover .document_cell {margin-top: -12px; width: 192px; height: 256px} @media (max-width: 800px) {.autogen_class_views_book_preview_show > .main .header .cover .document_cell {width: 144px; height: 186px} } .autogen_class_views_book_preview_show > .main .header .cover .document_cell.in_library {margin-bottom: 24px} .autogen_class_views_book_preview_show > .main .header .cover .document_cell .reading_progress_outer {bottom: -16px} .autogen_class_views_book_preview_show > .main .header .cover .document_cell .thumb {width: 192px; height: 256px; margin-bottom: 0} @media (max-width: 800px) {.autogen_class_views_book_preview_show > .main .header .cover .document_cell .thumb {width: 144px; height: 186px} } .autogen_class_views_book_preview_show > .main .header .metadata {position: relative; box-sizing: border-box; zoom: 1; margin-left: 192px; min-height: 256px; padding-left: 34px} .autogen_class_views_book_preview_show > .main .header .metadata:after {content: ""; display: table; clear: both} @media (max-width: 800px) {.autogen_class_views_book_preview_show > .main .header .metadata {margin-left: 144px} } .autogen_class_views_book_preview_show > .main .header .metadata .row {margin-bottom: 66px} .autogen_class_views_book_preview_show > .main .header .metadata .row .asyncable {display: inline-block} .autogen_class_views_book_preview_show > .main .header .metadata hr {margin-top: 13px; margin-bottom: 12px} .autogen_class_views_book_preview_show > .main .header .metadata .badge {display: inline-block; vertical-align: top; padding: 5px 10px; margin-bottom: 4px; background: #509ba8; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1; letter-spacing: 0.075em} .autogen_class_views_book_preview_show > .main .header .metadata h1 {margin: 0; font-size: 26px; line-height: 32px; font-weight: bold; color: #1C263D} @media (max-width: 667px) {.autogen_class_views_book_preview_show > .main .header .metadata h1 {font-size: 18px; line-height: 26px} } .autogen_class_views_book_preview_show > .main .header .metadata h1.long {font-size: 18px; line-height: 26px} .autogen_class_views_book_preview_show > .main .header .metadata h2 {margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 1} .autogen_class_views_book_preview_show > .main .header .metadata h2 a {font-family: 'Source Sans Pro', sans-serif; font-weight: normal} .autogen_class_views_book_preview_show > .main .header .metadata h2.author {margin-top: 7px} .autogen_class_views_book_preview_show > .main .header .metadata .songbook {font-size: 14px; color: #57617A; margin-bottom: 8px} .autogen_class_views_book_preview_show > .main .header .metadata .star_ratings, .autogen_class_views_book_preview_show > .main .header .metadata .length {display: inline-block; vertical-align: top; line-height: 26px; white-space: nowrap; color: #57617A} .autogen_class_views_book_preview_show > .main .header .metadata .length {text-transform: capitalize} .autogen_class_views_book_preview_show > .main .header .metadata .star_ratings {display: inline; margin-right: 1px; line-height: 26px; vertical-align: top} .autogen_class_views_book_preview_show > .main .header .metadata .sep {display: inline-block; vertical-align: top; height: 26px; border-right: 1px solid #E9EDF8; margin: 0 12px} @media (max-width: 865px) {.autogen_class_views_book_preview_show > .main .header .metadata .sep {border: none; margin: 0 5px} } .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons {display: inline-block; vertical-align: top; line-height: 26px} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons .like, .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons .embed {display: none} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li {display: inline-block; vertical-align: top; box-sizing: border-box; margin-right: 10px; line-height: 1; font-size: 20px; cursor: pointer} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li:last-child {margin-right: 0} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li.facebook span {color: #3b5998} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li.twitter span {color: #55acee} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li.pinterest span {color: #c8232c} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li.email span {color: #146c88; position: relative; top: 1px} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li a {padding: 0; line-height: 1; display: inline} .autogen_class_views_book_preview_show > .main .header .metadata .sharing_buttons li .label {display: none} .autogen_class_views_book_preview_show > .main .header .metadata .actions {position: absolute; bottom: 0; white-space: nowrap} .autogen_class_views_book_preview_show > .main .header .metadata .actions .cta {display: inline-block; vertical-align: top; position: relative; height: 44px} .autogen_class_views_book_preview_show > .main .header .metadata .actions .cta .flat_btn {margin-right: 12px} .autogen_class_views_book_preview_show > .main .header .metadata .actions .membership_details {position: absolute; top: 100%; left: 0; right: 0; margin-top: 8px; font-size: 14px; line-height: 14px; text-align: center; color: #57617A} .autogen_class_views_book_preview_show > .main .header .metadata .actions .membership_details .info_icon {vertical-align: middle; position: relative; top: -1px} .autogen_class_views_book_preview_show > .main .header .metadata .actions .membership_details .popover_content {white-space: nowrap} .autogen_class_views_book_preview_show > .main .header .metadata .actions .membership_details .popover_content ul {margin: 0; padding: 0; list-style: none} .autogen_class_views_book_preview_show > .main .header .metadata .actions .membership_details .popover_content ul li:before {position: relative; top: -1px; content: "•"; color: #509ba8; padding-right: 0.5em} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn {padding: 0} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn.saved span.in_library {display: inline} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn.saved .not_in_library {display: none} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn.saved:not(.disabled):hover .remove_from_library {display: inline} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn.saved:not(.disabled):hover span.in_library {display: none} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn .in_library, .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn .remove_from_library {display: none} .autogen_class_views_book_preview_show > .main .header .metadata .actions .save_bookmark_btn [class*=icon] {position: relative; top: -1px; margin-right: 2px; font-size: 11px} .autogen_class_views_book_preview_show > .main .content_tabs {border-bottom: 1px solid #E9EDF8; background: #F8F9FD} .autogen_class_views_book_preview_show > .main .content_tabs .tab_nav {margin: 0; height: 50px; line-height: 50px} .autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab {padding: 0; border: 0; margin: 0 23px; font-size: 16px} .autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab.current {box-shadow: inset 0 -3px #20828D; color: #0D6069} .autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .tab:hover {color: #509ba8} .autogen_class_views_book_preview_show > .main .content_tabs .tab_nav .hover_menu {display: none} .autogen_class_views_book_preview_show > .main .content {padding: 40px 48px 60px} .autogen_class_views_book_preview_show > .main .interests {margin: 5px 0 15px 0} .autogen_class_views_book_preview_show > .main .book_short_summary {font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #1C263D; margin: 15px 0; height: 48px; /* two lines */ } .autogen_class_views_book_preview_show > .main .from_publisher {color: #1C263D; margin-bottom: 20px} .autogen_class_views_book_preview_show > .main .summary .block {padding: 40px 32px 40px; border-bottom: 1px dashed #E9EDF8; text-align: center} .autogen_class_views_book_preview_show > .main .summary .block:last-child {border-bottom: 0; padding-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .block .description:last-child {border-bottom: 0; padding-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .block > h3 {line-height: 1; margin-bottom: 18px; font-size: 14px} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview {padding-top: 0; padding-bottom: 0; border-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview + .table_of_contents {border-top: 1px dashed #E9EDF8} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview h3 {margin-bottom: 24px} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview li {line-height: 1} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .difficulty {display: inline-block; width: 40px; height: 40px; margin-bottom: 10px} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .difficulty.advanced {background: url('../../images/book_preview/ic_difficulty_advanced.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .difficulty.beginner {background: url('../../images/book_preview/ic_difficulty_beginner.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .difficulty.intermediate {background: url('../../images/book_preview/ic_difficulty_intermediate.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .difficulty.mixed {background: url('../../images/book_preview/ic_difficulty_mixed.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.brass, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.trumpet, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.tuba, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.trombone, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.french_horn, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.tenor_sax, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.alto_sax {background: url('../../images/book_preview/ic_instrument_brass.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.drums_percussion {background: url('../../images/book_preview/ic_instrument_drums-percussion.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.guitar, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.bass, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.ukulele {background: url('../../images/book_preview/ic_instrument_guitar-bass-fretted.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.piano {background: url('../../images/book_preview/ic_instrument_piano.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.cello, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.violin, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.viola, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.double_bass {background: url('../../images/book_preview/ic_instrument_strings.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.vocal {background: url('../../images/book_preview/ic_instrument_vocal.svg')} .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.woodwinds, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.clarinet, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.flute_piccolo, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .instrument.recorder {background: url('../../images/book_preview/ic_instrument_woodwind.svg')} .autogen_class_views_book_preview_show > .main .summary .editors_note {padding: 26px 32px 30px; margin-bottom: 40px; background: #F8F9FD; color: #57617A} .autogen_class_views_book_preview_show > .main .summary .editors_note h4 {font-family: 'Source Sans Pro', sans-serif; font-style: italic; text-align: center; margin-top: 28px; margin-bottom: 13px; line-height: 1} .autogen_class_views_book_preview_show > .main .summary .editors_note .name {text-align: center; margin-top: 20px} .autogen_class_views_book_preview_show > .main .summary .editors_note .editor {text-align: center; font-size: 12px; color: #57617A; text-transform: uppercase} .autogen_class_views_book_preview_show > .main .summary .categories {text-align: center; margin-bottom: 19px; overflow: hidden} .autogen_class_views_book_preview_show > .main .summary .categories:first-child {height: 34px} .autogen_class_views_book_preview_show > .main .summary .categories:not(:first-child):before {content: ""; display: block; margin: 0 32px; padding-bottom: 40px; border-top: 1px solid #E9EDF8} .autogen_class_views_book_preview_show > .main .summary .categories .category_btn {box-sizing: border-box; display: inline-block; font-family: 'Source Sans Pro', sans-serif; -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; border-color: rgba(255, 255, 255, 0.2); border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 18px; font-weight: bold; height: 44px; line-height: 42px; min-width: 120px; padding: 0px 30px; text-align: center; text-transform: capitalize; font-size: 12px; height: 34px; line-height: 33px; margin: 0 0.5em 15px} .autogen_class_views_book_preview_show > .main .summary .description {padding: 0 32px 36px; font-size: 16px; line-height: 24px; color: #57617A} .autogen_class_views_book_preview_show > .main .summary .description:nth-last-child(3) {border-bottom: 0; padding-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .description * {line-height: inherit} .autogen_class_views_book_preview_show > .main .summary .description br {display: block; margin-bottom: 24px} .autogen_class_views_book_preview_show > .main .summary .description br + br {margin: 0 0 24px 0} .autogen_class_views_book_preview_show > .main .summary .description .topics {margin-top: 24px} .autogen_class_views_book_preview_show > .main .summary .description.truncated .published {display: none} .autogen_class_views_book_preview_show > .main .summary .description .published {margin-top: 24px} .autogen_class_views_book_preview_show > .main .summary .description .published .popover_trigger {cursor: pointer; margin-left: 8px; display: inline-block; position: relative; top: 2px} .autogen_class_views_book_preview_show > .main .summary .description .published .popover_content {white-space: nowrap} .autogen_class_views_book_preview_show > .main .summary .description .published .popover_content .availability {margin-top: 10px} .autogen_class_views_book_preview_show > .main .summary .description .published .popover_content ol {margin: 0; padding: 0; list-style-position: inside} .autogen_class_views_book_preview_show > .main .summary .btn_wrapper {text-align: center} .autogen_class_views_book_preview_show > .main .summary .series {text-align: left} .autogen_class_views_book_preview_show > .main .summary .series .document_carousel {margin-left: -32px; margin-right: -32px} .autogen_class_views_book_preview_show > .main .summary .characters {padding-bottom: 12px} .autogen_class_views_book_preview_show > .main .summary .sample {line-height: 40px} .autogen_class_views_book_preview_show > .main .summary .sample h3 {margin-bottom: 26px} .autogen_class_views_book_preview_show > .main .summary .sample .contributors, .autogen_class_views_book_preview_show > .main .summary .sample .flat_btn {display: inline-block; vertical-align: middle} .autogen_class_views_book_preview_show > .main .summary .sample .contributors {margin-right: 30px} .autogen_class_views_book_preview_show > .main .summary .sample .contributors li {margin-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .contributors.block .icon_list {margin-bottom: -28px} .autogen_class_views_book_preview_show > .main .summary .table_of_contents {padding-left: 0; padding-right: 0} .autogen_class_views_book_preview_show > .main .summary .table_of_contents.truncated tr:nth-child(n+7) {display: none} .autogen_class_views_book_preview_show > .main .summary .table_of_contents.top {border-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .table_of_contents + .description:before {content: ""; display: block; padding-bottom: 40px; border-top: 1px solid #E9EDF8} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table {width: 100%} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table tr:hover {background-color: #F8F9FD} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table tr:hover a {color: #20828D} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table td {text-align: left; line-height: 40px; font-size: 16px; color: #57617A} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table td:first-child {padding-left: 32px} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table td:last-child {padding-right: 32px; text-align: right} .autogen_class_views_book_preview_show > .main .summary .table_of_contents table td a {display: block; color: #57617A} .autogen_class_views_book_preview_show > .main .summary .table_of_contents p {text-align: left; line-height: 40px; margin-left: 32px; margin-right: 32px; margin-bottom: 0} .autogen_class_views_book_preview_show > .main .summary .table_of_contents p a {text-transform: uppercase; font-weight: bold; font-size: 14px} @media (max-width: 1045px) {.autogen_class_views_book_preview_show:not(.lightbox) {padding-top: 0; background: #fff} .autogen_class_views_book_preview_show:not(.lightbox) > .main {max-width: none} .autogen_class_views_book_preview_show:not(.lightbox) > .main .box {box-shadow: none; border-radius: 0; margin-bottom: 0} } @media (max-width: 950px) {.autogen_class_views_book_preview_show.reviews.lightbox, .autogen_class_views_book_preview_show.all_reviews.lightbox, .autogen_class_views_book_preview_show.lightbox {margin: 0; padding: 0} .autogen_class_views_book_preview_show.reviews.lightbox > .main, .autogen_class_views_book_preview_show.all_reviews.lightbox > .main, .autogen_class_views_book_preview_show.lightbox > .main {background: #fff} .autogen_class_views_book_preview_show.reviews.lightbox .box, .autogen_class_views_book_preview_show.all_reviews.lightbox .box, .autogen_class_views_book_preview_show.lightbox .box {border-radius: none; box-shadow: none; margin-bottom: none} } @media (max-width: 950px) {.autogen_class_views_book_preview_show.reviews > .main .overview, .autogen_class_views_book_preview_show.reviews > .main .summary, .autogen_class_views_book_preview_show.reviews > .main .all_reviews, .autogen_class_views_book_preview_show.all_reviews > .main .overview, .autogen_class_views_book_preview_show.all_reviews > .main .summary, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews, .autogen_class_views_book_preview_show > .main .overview, .autogen_class_views_book_preview_show > .main .summary, .autogen_class_views_book_preview_show > .main .all_reviews {display: block} .autogen_class_views_book_preview_show.reviews > .main .header, .autogen_class_views_book_preview_show.all_reviews > .main .header, .autogen_class_views_book_preview_show > .main .header {padding-left: 32px; padding-right: 32px} .autogen_class_views_book_preview_show.reviews > .main .header .metadata hr, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata hr, .autogen_class_views_book_preview_show > .main .header .metadata hr {margin-top: 32px} .autogen_class_views_book_preview_show.reviews > .main .summary, .autogen_class_views_book_preview_show.all_reviews > .main .summary, .autogen_class_views_book_preview_show > .main .summary {padding-bottom: 32px} .autogen_class_views_book_preview_show.reviews > .main .summary .sheet_music_overview, .autogen_class_views_book_preview_show.all_reviews > .main .summary .sheet_music_overview, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview {padding-top: 32px} .autogen_class_views_book_preview_show.reviews > .main .summary .sheet_music_overview .icon_list li, .autogen_class_views_book_preview_show.all_reviews > .main .summary .sheet_music_overview .icon_list li, .autogen_class_views_book_preview_show > .main .summary .sheet_music_overview .icon_list li {margin-bottom: 32px} .autogen_class_views_book_preview_show.reviews > .main .summary .table_of_contents, .autogen_class_views_book_preview_show.reviews > .main .summary .table_of_contents.top, .autogen_class_views_book_preview_show.all_reviews > .main .summary .table_of_contents, .autogen_class_views_book_preview_show.all_reviews > .main .summary .table_of_contents.top, .autogen_class_views_book_preview_show > .main .summary .table_of_contents, .autogen_class_views_book_preview_show > .main .summary .table_of_contents.top {border-bottom: 1px dashed #E9EDF8; margin-bottom: 32px} .autogen_class_views_book_preview_show.reviews > .main .summary .from_publisher, .autogen_class_views_book_preview_show.all_reviews > .main .summary .from_publisher, .autogen_class_views_book_preview_show > .main .summary .from_publisher {margin: 32px 32px 20px} .autogen_class_views_book_preview_show.reviews > .main .content_tabs, .autogen_class_views_book_preview_show.all_reviews > .main .content_tabs, .autogen_class_views_book_preview_show > .main .content_tabs {display: none} .autogen_class_views_book_preview_show.reviews > .main .content, .autogen_class_views_book_preview_show.all_reviews > .main .content, .autogen_class_views_book_preview_show > .main .content {padding: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .review_list, .autogen_class_views_book_preview_show.reviews > .main .reviews .read_all_reviews, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .review_list, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .read_all_reviews, .autogen_class_views_book_preview_show > .main .reviews .review_list, .autogen_class_views_book_preview_show > .main .reviews .read_all_reviews {display: none} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .post_message, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .first_to_review, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .post_message, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .first_to_review, .autogen_class_views_book_preview_show > .main .reviews .synched .post_message, .autogen_class_views_book_preview_show > .main .reviews .synched .first_to_review {background: #fff; margin-bottom: 0; padding: 32px 32px 0; position: relative; top: 1px; z-index: 2; border-top: 1px solid #E9EDF8; border-bottom: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form {border-top: 1px solid #E9EDF8; padding-top: 32px; border-bottom: 0; padding-bottom: 0; text-align: center} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form textarea, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form textarea, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form textarea {width: 75%} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .star_ratings, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .star_ratings, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .star_ratings {padding-bottom: 32px; position: relative} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .star_ratings, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .tips, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .star_ratings, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .tips, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .star_ratings, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .tips {display: block} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .star_label, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .star_label, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .star_label {font-weight: bold; color: #1C263D; padding-bottom: 20px; line-height: normal; margin-right: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .tips, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .tips, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .inform_saved, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .tips {position: absolute; bottom: -15px; left: 0; right: 0; margin: 0; padding: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .tip, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .tip, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .tip {margin: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .clear_rating, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .clear_rating {display: block} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .buttons, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .buttons, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .buttons {float: none} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .textarea_tip, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .textarea_tip, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .textarea_tip {margin-top: 13px} .autogen_class_views_book_preview_show.reviews > .main .review_list, .autogen_class_views_book_preview_show.all_reviews > .main .review_list, .autogen_class_views_book_preview_show > .main .review_list {min-width: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched, .autogen_class_views_book_preview_show > .main .all_reviews .synched {border-top: 1px solid #E9EDF8} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .back, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .back, .autogen_class_views_book_preview_show > .main .all_reviews .synched .back {display: none} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .review_list, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .review_list, .autogen_class_views_book_preview_show > .main .all_reviews .synched .review_list {min-width: auto} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .header, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .header, .autogen_class_views_book_preview_show > .main .all_reviews .synched .header {padding: 32px 32px 20px; border-bottom: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .header h3, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .header h3, .autogen_class_views_book_preview_show > .main .all_reviews .synched .header h3 {color: #1C263D} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper {margin: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review {position: relative; padding-bottom: 40px} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .left {width: 100%} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .left, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .left {position: relative; padding-right: 0; z-index: 1} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right {border: none; height: 100%; left: 0; padding: 0; position: absolute; width: 100%} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings {position: absolute; right: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .vote, .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .upvote_count, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .vote, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .upvote_count, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .vote, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .upvote_count {display: none} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom {position: absolute; bottom: 40px} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink {position: absolute; right: 0; bottom: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .rating_star:last-child, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .rating_star:last-child, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .rating_star:last-child {margin-right: 0; padding-right: 0} .autogen_class_views_book_preview_show.reviews > .main .recommenders, .autogen_class_views_book_preview_show.all_reviews > .main .recommenders, .autogen_class_views_book_preview_show > .main .recommenders {padding-left: 0; padding-right: 0} .autogen_class_views_book_preview_show.reviews > .main .recommenders .carousel_widget, .autogen_class_views_book_preview_show.all_reviews > .main .recommenders .carousel_widget, .autogen_class_views_book_preview_show > .main .recommenders .carousel_widget {margin-bottom: 0} } @media (max-width: 700px) {.autogen_class_views_book_preview_show.reviews > .main .restriction_banner, .autogen_class_views_book_preview_show.all_reviews > .main .restriction_banner, .autogen_class_views_book_preview_show > .main .restriction_banner {text-align: center} .autogen_class_views_book_preview_show.reviews > .main .restriction_banner h3, .autogen_class_views_book_preview_show.all_reviews > .main .restriction_banner h3, .autogen_class_views_book_preview_show > .main .restriction_banner h3 {text-align: center} } @media (max-width: 700px) and (max-width: 450px) {.autogen_class_views_book_preview_show.reviews > .main .restriction_banner .flat_btn, .autogen_class_views_book_preview_show.all_reviews > .main .restriction_banner .flat_btn, .autogen_class_views_book_preview_show > .main .restriction_banner .flat_btn {width: 225px; padding: 0} } @media (max-width: 700px) {.autogen_class_views_book_preview_show.reviews > .main .header, .autogen_class_views_book_preview_show.all_reviews > .main .header, .autogen_class_views_book_preview_show > .main .header {text-align: center; padding: 30px 0 0} .autogen_class_views_book_preview_show.reviews > .main .header .cover, .autogen_class_views_book_preview_show.all_reviews > .main .header .cover, .autogen_class_views_book_preview_show > .main .header .cover {position: initial; width: auto} .autogen_class_views_book_preview_show.reviews > .main .header .cover .document_cell, .autogen_class_views_book_preview_show.all_reviews > .main .header .cover .document_cell, .autogen_class_views_book_preview_show > .main .header .cover .document_cell {margin: 0 auto} .autogen_class_views_book_preview_show.reviews > .main .header .metadata, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata, .autogen_class_views_book_preview_show > .main .header .metadata {margin: 0; min-height: auto; padding: 110px 0 0 0; position: relative} .autogen_class_views_book_preview_show.reviews > .main .header .metadata h1, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata h1, .autogen_class_views_book_preview_show > .main .header .metadata h1 {margin: 5px 0px 15px; padding: 0 32px} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .row, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .row, .autogen_class_views_book_preview_show > .main .header .metadata .row {padding: 0 15px; margin-bottom: 15px} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .interests, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .interests, .autogen_class_views_book_preview_show > .main .header .metadata .interests {display: none} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .actions, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .actions, .autogen_class_views_book_preview_show > .main .header .metadata .actions {height: 98px; position: absolute; top: 0; left: 0; right: 0} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .actions .cta, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .actions .cta, .autogen_class_views_book_preview_show > .main .header .metadata .actions .cta {margin-bottom: 10px} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .actions .cta .membership_details, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .actions .cta .membership_details, .autogen_class_views_book_preview_show > .main .header .metadata .actions .cta .membership_details {display: none} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .actions .cta .flat_btn, .autogen_class_views_book_preview_show.reviews > .main .header .metadata .actions .library_button, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .actions .cta .flat_btn, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .actions .library_button, .autogen_class_views_book_preview_show > .main .header .metadata .actions .cta .flat_btn, .autogen_class_views_book_preview_show > .main .header .metadata .actions .library_button {display: block; width: 260px; margin: 0 auto} .autogen_class_views_book_preview_show.reviews > .main .header .metadata .book_short_summary, .autogen_class_views_book_preview_show.all_reviews > .main .header .metadata .book_short_summary, .autogen_class_views_book_preview_show > .main .header .metadata .book_short_summary {padding: 0 32px} .autogen_class_views_book_preview_show.reviews > .main .summary .sample.block h3, .autogen_class_views_book_preview_show.reviews > .main .summary .sample.block .contributors, .autogen_class_views_book_preview_show.all_reviews > .main .summary .sample.block h3, .autogen_class_views_book_preview_show.all_reviews > .main .summary .sample.block .contributors, .autogen_class_views_book_preview_show > .main .summary .sample.block h3, .autogen_class_views_book_preview_show > .main .summary .sample.block .contributors {display: none} .autogen_class_views_book_preview_show.reviews > .main .summary .description .published .popover_trigger, .autogen_class_views_book_preview_show.all_reviews > .main .summary .description .published .popover_trigger, .autogen_class_views_book_preview_show > .main .summary .description .published .popover_trigger {display: none} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form {padding-top: 0} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .star_label, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .star_label, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .star_label {margin-top: 32px} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .star_ratings .rating_star, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .star_ratings .rating_star, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .star_ratings .rating_star {font-size: 30px; line-height: 30px} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form textarea, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form textarea, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form textarea {height: 78px; width: 100%} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .buttons, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .buttons, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .buttons {display: block; margin-top: 15px} .autogen_class_views_book_preview_show.reviews > .main .reviews .synched .review_form .buttons .flat_btn, .autogen_class_views_book_preview_show.all_reviews > .main .reviews .synched .review_form .buttons .flat_btn, .autogen_class_views_book_preview_show > .main .reviews .synched .review_form .buttons .flat_btn {display: block; margin: 32px auto} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .header, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .header, .autogen_class_views_book_preview_show > .main .all_reviews .synched .header {padding: 32px 0 0; margin: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper {margin: 0} } @media (max-width: 700px) and (max-width: 450px) {.autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .persona_icon, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .persona_icon, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .persona_icon {display: none} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .review_author, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .review_author, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .review_author {display: block; margin-bottom: 40px; text-align: center; line-height: initial} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .review_body, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .review_body, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .review_body {min-height: auto; margin-left: 0; padding-right: 0} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review {padding-top: 32px; padding-bottom: 65px} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .star_ratings {top: 30px; width: 100%; text-align: center; z-index: 1} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom {bottom: 45px; text-align: center} .autogen_class_views_book_preview_show.reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink, .autogen_class_views_book_preview_show.all_reviews > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink, .autogen_class_views_book_preview_show > .main .all_reviews .synched .book_review_wrapper .book_review .right .bottom .permalink {display: inline-block; position: initial; margin-top: 3px} } /* app/views/chrome/_branding.css @ 1498165421 */ /*redundant old mapping*/ .leader_branding {text-align: left; background: white; border-bottom: 1px solid #E9EDF8} .leader_branding .inner {width: 996px; margin: 0 auto 0 auto; padding: 14px 0} .leader_branding h2 {font-size: 16px; white-space: nowrap; font-weight: normal; margin: 0} .leader_branding h2 .sub {color: #57617A} /* app/views/chrome/browse_all_menu.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_browse_all_menu {/*The dropdown menu escapes from the header container */ position: absolute; left: 0; right: 0; top: 62px; overflow-y: scroll; /*The dropdown menu takes over the screen and hides initially */ height: 100vh; display: none; /*The dropdown menu has z-index 1 greater than the top nav to hide the nav bar on narrow */ z-index: 21; /*The dropdown menu has an transparent overlay effect above 1024px */ background-color: rgba(87, 97, 122, 0.35); /* #slate600 */ /*clear*/ } @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu {background-color: white} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu {top: 61px} } .autogen_class_views_chrome_browse_all_menu ul {margin: 0; padding: 0} .autogen_class_views_chrome_browse_all_menu ul li {list-style: none; line-height: normal} .autogen_class_views_chrome_browse_all_menu .menu_wrapper {background: white} .autogen_class_views_chrome_browse_all_menu .menu {max-width: 1024px; margin: 0 auto; padding-bottom: 100px; /* for scrolling to bottom elements */ padding: 10px 24px 20px 24px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_title {font-size: 16px; font-weight: bold; color: #1C263D; margin: 10px 15px; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #E9EDF8} .autogen_class_views_chrome_browse_all_menu .menu .close_btn {position: absolute; padding: 10px; top: 15px; right: 40px; font-size: 14px; cursor: pointer; background: white; border: none} .autogen_class_views_chrome_browse_all_menu .menu .close_btn:focus, .autogen_class_views_chrome_browse_all_menu .menu .close_btn:hover {background: #F8F9FD} .autogen_class_views_chrome_browse_all_menu .menu .close_btn:active {color: #F8F9FD; background: #1C263D} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .close_btn {top: 13px; right: 17px} } .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types {margin: 0 10px} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list li {width: 25%} @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list li {width: 50%} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list li {width: 100%} } .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #20828D; padding: 10px 5px} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper .icon {font-size: 27px; padding-right: 12px} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list .content_type_btn .icon_and_text_wrapper .content_type_name {color: #57617A} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list .content_type_btn:focus .icon_and_text_wrapper, .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .all_content_types ul.content_type_list .content_type_btn:hover .icon_and_text_wrapper {opacity: 0.8} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 25em; margin: 10px} .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests .interest_block {margin: 0px; margin-top: 10px} @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests {height: 1000px} .responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests .top_level_interest.parent_interest {line-height: 1.9em} .responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests .interest_block .child_interest {line-height: 2em} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_interest_container .all_interests {height: auto} } @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu .browse_by_content_type_container .content_type_list {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_browse_all_menu .menu {padding-bottom: 100px; padding: 10px 1px 20px 1px} } /* app/views/chrome/column_footer.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_column_footer {border-top: 1px solid #E9EDF8; background: #F8F9FD} .autogen_class_views_chrome_column_footer .column_footer {margin: 0 auto; width: 820px; padding-top: 25px; text-align: center} .autogen_class_views_chrome_column_footer .column_footer .primary_links {margin: 0 auto} .autogen_class_views_chrome_column_footer .column_footer .primary_links a {display: inline-block; padding: 0 30px; font-size: 12px; color: #1C263D; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; text-align: left} .autogen_class_views_chrome_column_footer .column_footer .primary_links a:hover {color: #509ba8} .autogen_class_views_chrome_column_footer .column_footer .primary_links a:active {color: #0D6069} .autogen_class_views_chrome_column_footer .column_footer .primary_links a.contact {display: inline} .autogen_class_views_chrome_column_footer .column_footer .social_container {height: 31px; padding: 14px 0 35px 0} .autogen_class_views_chrome_column_footer .column_footer .social_container .social_icons {display: inline-block; vertical-align: top} .autogen_class_views_chrome_column_footer .column_footer .social_container .mobile_icons {position: relative; top: -3px; display: inline-block; margin-left: 5px} .autogen_class_views_chrome_column_footer .column_footer .social_container .mobile_icons a {margin: 9px 8px 0 0; display: inline-block; vertical-align: middle} .autogen_class_views_chrome_column_footer .column_footer .social_container .mobile_icons .app_store_link {height: 35px} @media (max-width: 600px) {.responsive .autogen_class_views_chrome_column_footer .column_footer {width: 300px} .responsive .autogen_class_views_chrome_column_footer .hide_on_responsive {display: none} .responsive .autogen_class_views_chrome_column_footer .primary_links {width: auto} .responsive .autogen_class_views_chrome_column_footer .primary_links a {display: block; width: auto; padding: 5px 0; text-align: center} .responsive .autogen_class_views_chrome_column_footer .primary_links a.contact {display: block} .responsive .autogen_class_views_chrome_column_footer .social_container {height: 73px; padding: 8px 0 35px 0} .responsive .autogen_class_views_chrome_column_footer .secondary_links {padding: 15px 0} .responsive .autogen_class_views_chrome_column_footer .secondary_links .secondary {margin: 3px 12px} } .autogen_class_views_chrome_column_footer .directory_links {font-size: 12px; color: #57617A; padding: 0 0 20px 0} .autogen_class_views_chrome_column_footer .directory_links a {display: inline-block; margin: 0 5px; color: #57617A} /* app/views/chrome/footer.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_footer {background: #F8F9FD; border-top: 2px solid #E9EDF8; text-align: center} .autogen_class_views_chrome_footer.narrow_columns .columns {max-width: 650px; margin: 0 auto 30px auto} .autogen_class_views_chrome_footer.narrow_columns .joint_column {width: 50%} .autogen_class_views_chrome_footer.narrow_columns .inner {display: block} .autogen_class_views_chrome_footer.narrow_columns .social_container .mobile_icons {position: static; margin-top: 20px} .autogen_class_views_chrome_footer.narrow_columns .social_container .mobile_icons .app_link {display: inline-block; margin: 0; margin-right: 20px} .autogen_class_views_chrome_footer .inner {position: relative; padding: 30px; margin: 0 auto; display: inline-block} .autogen_class_views_chrome_footer .list {list-style: none; margin: 0; padding: 0; margin-top: 8px} .autogen_class_views_chrome_footer .list li {line-height: 24px} .autogen_class_views_chrome_footer .social_container .icon {display: inline-block; margin: 0 10px 0 0; font-size: 24px} .autogen_class_views_chrome_footer .social_container .list {margin-top: 0px} .autogen_class_views_chrome_footer .social_container .social_icons {margin-bottom: 20px} .autogen_class_views_chrome_footer .social_container .mobile_icons .app_store_img {height: 40px} .autogen_class_views_chrome_footer .social_container .mobile_icons .app_link {display: block; margin-bottom: 4px} .autogen_class_views_chrome_footer .social_container .mobile_icons .app_link img {display: block} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_footer .social_container .mobile_icons {margin-top: 0px} } .autogen_class_views_chrome_footer .columns {position: relative; text-align: left; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_footer .columns {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start} .responsive .autogen_class_views_chrome_footer .columns .column {margin-bottom: 10px; width: 50%} } .autogen_class_views_chrome_footer .joint_column {width: 152px; display: inline-block; vertical-align: top; text-align: left} .autogen_class_views_chrome_footer .joint_column .column {display: block; width: auto; margin-bottom: 18px} .autogen_class_views_chrome_footer .joint_column .column:last-child {margin-bottom: 0} .autogen_class_views_chrome_footer .column {width: 152px; display: inline-block; vertical-align: top; text-align: left} .autogen_class_views_chrome_footer .column:not(.social_container) a {font-size: 12px; color: #444444} .autogen_class_views_chrome_footer .column:not(.social_container) a:hover {color: #509ba8} .autogen_class_views_chrome_footer .column:not(.social_container) a:active {color: #0D6069} .autogen_class_views_chrome_footer .column:not(.social_container) a .icon {font-size: 12px} .autogen_class_views_chrome_footer .column:last-child {margin-right: 0} .autogen_class_views_chrome_footer .column .social_title {margin: 0; color: #666666; letter-spacing: 0.075em; text-transform: uppercase; font-size: 14px; font-weight: bold} .autogen_class_views_chrome_footer .sprite.ad_choices {margin-right: 4px} /* app/views/chrome/_footer_links.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_footer_links {position: relative; padding: 20px 0 12px 0; border-top: 1px solid #E9EDF8; font-size: 12px; line-height: 12px} .autogen_class_views_chrome_footer_links .secondary {color: #57617A; display: inline-block; margin: 0 10px} .autogen_class_views_chrome_footer_links a.secondary:hover {color: #509ba8} .autogen_class_views_chrome_footer_links .dot_divider {color: #57617A; position: relative; top: -3px} .autogen_class_views_chrome_footer_links .footer_cell {display: inline-block; font-size: 12px} /* app/views/chrome/header.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_header {position: relative; z-index: 20; background: #FAFBFD; margin: 0; padding: 0; text-align: left} .responsive .autogen_class_views_chrome_header {position: fixed; top: 0; left: 0; width: 100%} .fixed_min_width .autogen_class_views_chrome_header {min-width: 320px} .autogen_class_views_chrome_header .search_input_container {display: inline-block} .autogen_class_views_chrome_header .header_upper {height: 60px; background: #FAFBFD; position: relative; z-index: 1; border-bottom: 2px solid #E9EDF8; padding: 0 24px 0 24px; top: 0} .autogen_class_views_chrome_header .header_upper .bxc {border: 0; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute} .autogen_class_views_chrome_header .header_upper .user_util {display: inline-block; -webkit-transition: margin-right 0.25s ease; transition: margin-right 0.25s ease; z-index: 1; vertical-align: top} .autogen_class_views_chrome_header .header_upper .user_util .user_profile_image.missing {color: #0D6069} .autogen_class_views_chrome_header .header_upper .icon_btn {display: inline-block; font-size: 14px} .autogen_class_views_chrome_header .header_upper .icon_btn .icon, .autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text {-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease} .autogen_class_views_chrome_header .header_upper .icon_btn .icon_btn_text {font-size: 16px; font-weight: bold; color: #0D6069; padding-left: 8px} .autogen_class_views_chrome_header .header_upper .icon_btn .icon {display: inline-block; font-size: 20px; vertical-align: top; position: relative; top: -1px; color: #0D6069} .autogen_class_views_chrome_header .header_upper .icon_btn.library_btn .new_items_indicator {background-color: #c20067; border-radius: 50%; display: none; height: 7px; left: 30px; position: absolute; top: 16px; width: 7px} .autogen_class_views_chrome_header .header_upper .icon_btn.library_btn.new_items .new_items_indicator {display: inline} .autogen_class_views_chrome_header .header_upper .icon_btn:hover, .autogen_class_views_chrome_header .header_upper .icon_btn:focus {color: #20828D} .autogen_class_views_chrome_header .header_upper .icon_btn:hover .icon_btn_text, .autogen_class_views_chrome_header .header_upper .icon_btn:focus .icon_btn_text {opacity: 0.8} .autogen_class_views_chrome_header .header_upper .icon_btn:hover .icon, .autogen_class_views_chrome_header .header_upper .icon_btn:focus .icon {opacity: 0.8} .autogen_class_views_chrome_header .header_upper .icon_btn:hover.library_btn .new_items, .autogen_class_views_chrome_header .header_upper .icon_btn:focus.library_btn .new_items {background-color: #87064b} .autogen_class_views_chrome_header .header_upper .sign_in_btn {margin-left: 20px; margin-right: 20px} .autogen_class_views_chrome_header .header_upper .sign_in_btn, .autogen_class_views_chrome_header .header_upper .join_btn {border-color: #0D6069; color: #0D6069} .autogen_class_views_chrome_header .header_upper .right_tools {display: inline-block; float: right} .autogen_class_views_chrome_header .header_upper .responsive_sign_in_overflow {display: none} @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_header .header_upper .right_tools .upload_btn .icon_btn_text, .responsive .autogen_class_views_chrome_header .header_upper .right_tools .library_btn .icon_btn_text {display: none} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .user_menu_btn {padding-right: 19px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .icon_btn {padding: 0 10px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .icon_btn.library_btn {padding: 0 13px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .icon_btn.library_btn .new_items_indicator {left: 23px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .persona_icon {margin: 0} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .user_sign_in {display: inline-block} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .user_sign_in .outline_btn {display: none} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .responsive_sign_in_overflow {background: transparent; border: none; cursor: pointer; display: inline-block; padding: 0 18px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .responsive_sign_in_overflow .overflow_icon {line-height: 58px; height: 58px; color: #0D6069} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_header .header_upper {padding: 0px 5px 0px 16px} .responsive .autogen_class_views_chrome_header .header_upper.logged_out .browse_all_container .browse_all_btn {right: 100px; top: 2px} .responsive .autogen_class_views_chrome_header .header_upper .right_tools .responsive_search_btn {cursor: pointer; display: inline-block !important; background: transparent; border: none} .responsive .autogen_class_views_chrome_header .header_upper .upload_btn, .responsive .autogen_class_views_chrome_header .header_upper .search_input_container {display: none} .responsive .autogen_class_views_chrome_header .header_upper .browse_all_container .browse_all_btn {position: absolute; padding: 0 10px; right: 125px; top: 0px} .responsive .autogen_class_views_chrome_header .header_upper .browse_all_container .browse_all_btn .icon_btn_text, .responsive .autogen_class_views_chrome_header .header_upper .browse_all_container .browse_all_btn .arrow {display: none} .responsive .autogen_class_views_chrome_header .header_upper.slide_up {top: -61px; opacity: 0.5} } .autogen_class_views_chrome_header .header_lower.responsive_search {position: absolute; top: 0; width: 100%; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; display: none} .autogen_class_views_chrome_header .header_lower.responsive_search .search_suggester_container {position: relative} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container {display: block; padding: 8px 0; margin-right: 20px} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container > div {display: block} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .autogen_class_views_chrome_search_input_container {margin-left: 16px} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_icon {top: 22px; left: 25px} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_icon, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input::-webkit-input-placeholder {color: #0D6069} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_icon, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input::-moz-placeholder {color: #0D6069} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_icon, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input:-ms-input-placeholder {color: #0D6069} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_icon, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input, .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input::placeholder {color: #0D6069} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .search_form .search_input {width: 100%} .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions {padding-top: 1px} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions {position: absolute; height: 100vh; top: 61px; left: 0; right: 0; border-radius: 0} .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion_label {display: block} .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion_label {font-size: 16px; font-weight: bold; color: #1C263D; text-transform: uppercase; padding-top: 15px; padding-bottom: 8px} .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion {font-size: 16px; color: #57617A; padding: 12px 0} .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion:hover, .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion.selected {opacity: 0.8; background: none} .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion_label, .responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container .suggestions .suggestion {margin: 0 16px} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_header .header_lower.responsive_search .search_input_container {position: static; /* default value */ } } .autogen_class_views_chrome_header .header_lower.responsive_search .responsive_search_close_btn {border: none; background: transparent; position: absolute; color: #1C263D; font-size: 12px; top: 14px; right: 0px; padding: 10px; margin-right: 5px; cursor: pointer} .autogen_class_views_chrome_header .header_lower.responsive_search .responsive_search_close_btn:hover, .autogen_class_views_chrome_header .header_lower.responsive_search .responsive_search_close_btn:focus {background: #57617A; color: #FAFBFD} .autogen_class_views_chrome_header .header_lower.responsive_search .responsive_search_close_btn:active {background: #000514; color: #FAFBFD} .autogen_class_views_chrome_header .header_lower.responsive_search.show {opacity: 1} .autogen_class_views_chrome_header .browse_all_container {display: inline-block; margin-left: 25px} .autogen_class_views_chrome_header .browse_all_container .browse_all_btn {position: relative} .autogen_class_views_chrome_header .icon_btn {color: #20828D; -webkit-transition: background 0.2s; transition: background 0.2s; background-color: transparent; height: 58px; line-height: 58px; margin: 0; padding: 0 20px} .autogen_class_views_chrome_header .icon_btn .icon {line-height: 58px} .autogen_class_views_chrome_header .user_menu_btn .persona_icon {border-radius: 40px} .autogen_class_views_chrome_header .browse_all_container .browse_all_btn {background-color: transparent; border: none; font-family: inherit; height: 58px; line-height: 58px; margin: 0; padding: 0 15px; cursor: pointer} .autogen_class_views_chrome_header .browse_all_container .browse_all_btn .arrow {height: 50%; margin: 3px; margin-left: 7px; font-size: 10px; color: #0D6069} .autogen_class_views_chrome_header .browse_all_container .browse_all_btn:hover, .autogen_class_views_chrome_header .browse_all_container .browse_all_btn:focus {opacity: 0.8} .autogen_class_views_chrome_header .header_logo {display: inline-block; vertical-align: top; margin-top: 2px} .autogen_class_views_chrome_header .header_logo .scribd_blue_long_logo_wrapper, .autogen_class_views_chrome_header .header_logo .scribd_blue_long_logo {margin: 0} .autogen_class_views_chrome_header .archive_onboarding_library_target {-webkit-transition: opacity 1s ease-in-out, color 1s ease-in-out;transition: opacity 1s ease-in-out, color 1s ease-in-out; position: relative} .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target_enter {opacity: 0.01} .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target {z-index: 999999 !important; opacity: 1; color: #20828D} .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target .icon_btn_text, .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target .icon-globalnav_library {color: #20828D; opacity: 1} .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target:before {opacity: 1} .autogen_class_views_chrome_header .archive_onboarding_library_target.introduction_highlight_target:after {content: ''; background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0} /* app/views/chrome/_language_selector.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_language_selector .language_label, .autogen_class_views_chrome_language_selector .language {display: inline-block} .autogen_class_views_chrome_language_selector .language .language_link {border: none; background: #F8F9FD; color: #0D6069; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out} .autogen_class_views_chrome_language_selector .language .language_link:hover, .autogen_class_views_chrome_language_selector .language .language_link:active {opacity: 0.8} .autogen_class_views_chrome_language_selector .language_selector {box-sizing: border-box; padding: 13px 0; width: 150px; text-align: left; color: #1C263D} .autogen_class_views_chrome_language_selector .language_selector .language_list .item.active {color: #1C263D; font-weight: bold} .autogen_class_views_chrome_language_selector .language_selector .language_list .item a {display: block; color: #57617A; padding: 0 22px; line-height: 29px; height: 29px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent} .autogen_class_views_chrome_language_selector .language_selector .language_list .item a:hover {color: #57617A; background: #E9EDF8} /* app/views/chrome/login/_facebook_login_button.css @ 1498165421 */ /*redundant old mapping*/ .facebook_login_button {display: inline-block} .facebook_login_button .fb_fail_message {color: red} /* app/views/chrome/search_input_container.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_search_input_container {display: inline-block; margin-left: 25px} .autogen_class_views_chrome_search_input_container .search_input_container {color: #0D6069} .autogen_class_views_chrome_search_input_container .search_input_container .search_icon {color: #0D6069; font-size: 17px; left: 10px; position: absolute; top: 6px} .autogen_class_views_chrome_search_input_container .search_input_container .suggestions {top: 35px} .autogen_class_views_chrome_search_input_container .search_input_container .search_input {background: none; border: 0; border-radius: 4px; border: 1px solid #CACED9; color: #1C263D; font-weight: normal; font-size: 16px; height: 30px; padding-bottom: 0px; padding-left: 30px; padding-top: 0px; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out} .autogen_class_views_chrome_search_input_container .search_input_container .search_input::-webkit-input-placeholder {color: #0D6069} .autogen_class_views_chrome_search_input_container .search_input_container .search_input::-moz-placeholder {color: #0D6069} .autogen_class_views_chrome_search_input_container .search_input_container .search_input:-ms-input-placeholder {color: #0D6069} .autogen_class_views_chrome_search_input_container .search_input_container .search_input::placeholder {color: #0D6069} .autogen_class_views_chrome_search_input_container .search_input_container .search_input:focus {outline: none; width: 230px} /* app/views/chrome/_social_buttons.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_social_buttons .icontainer {display: inline-block; vertical-align: top} .autogen_class_views_chrome_social_buttons .icon {display: inline-block; font-size: 21px; vertical-align: top; margin: 12px 6px} .autogen_class_views_chrome_social_buttons .icon:hover:hover {color: #509ba8} .autogen_class_views_chrome_social_buttons .icon:hover:active {color: #0D6069} .autogen_class_views_chrome_social_buttons .icon.scribd {color: #20828D} .autogen_class_views_chrome_social_buttons .icon.facebook {color: #3b5998} .autogen_class_views_chrome_social_buttons .icon.twitter {color: #55acee} .autogen_class_views_chrome_social_buttons .icon.twitter {color: #55acee} .autogen_class_views_chrome_social_buttons .icon.pinterest {color: #c8232c} /* app/views/chrome/_user_menu.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_user_menu {display: none; background-color: #fff; min-width: 240px; position: absolute; border: 2px solid #E9EDF8; padding: 0; padding-top: 10px; right: 17px; top: 60px; text-align: left} .autogen_class_views_chrome_user_menu .user_util_close_btn {display: none; border: none; cursor: pointer; background: white} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu .user_util_close_btn {display: block; position: absolute; top: 13px; right: 17px; padding: 10px; font-size: 14px} .responsive .autogen_class_views_chrome_user_menu .user_util_close_btn:focus, .responsive .autogen_class_views_chrome_user_menu .user_util_close_btn:hover {background: #F8F9FD} .responsive .autogen_class_views_chrome_user_menu .user_util_close_btn:active {color: #F8F9FD; background: #1C263D} } .autogen_class_views_chrome_user_menu .list {padding-left: 0; margin-bottom: 0} .autogen_class_views_chrome_user_menu .list li {list-style: none} .autogen_class_views_chrome_user_menu .list .row {-webkit-transition: background-color 0.2s;transition: background-color 0.2s; box-sizing: border-box; color: #57617A; font-size: 16px; display: block; height: 100%; padding: 4px 16px; width: 100%} .autogen_class_views_chrome_user_menu .list .row:hover, .autogen_class_views_chrome_user_menu .list .row:focus, .autogen_class_views_chrome_user_menu .list .row:active {opacity: 0.8} .autogen_class_views_chrome_user_menu .list .section_separator {margin: 0 16px; background: #E9EDF8; height: 1px} .autogen_class_views_chrome_user_menu .list .row_section {padding: 10px 0px} .autogen_class_views_chrome_user_menu .list .upload_action_btn {display: none} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu .list .upload_action_btn {display: block} } .autogen_class_views_chrome_user_menu .top {font-size: 18px; color: #1C263D; line-height: normal; padding: 12px 16px} .autogen_class_views_chrome_user_menu .top .user_name:hover {text-decoration: none} .autogen_class_views_chrome_user_menu .top strong {color: #57617A} .autogen_class_views_chrome_user_menu .top .view_profile {font-size: 14px; color: #57617A} .autogen_class_views_chrome_user_menu .new {font-size: 14px; font-weight: bold; color: #57617A; background: #E9EDF8; border-radius: 12px; padding: 2px 4px; float: right} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_menu {top: 61px; left: 0; right: 0; height: 100vh; border: none} } /* app/views/chrome/_user_util.css @ 1498165421 */ /*redundant old mapping*/ .autogen_class_views_chrome_user_util {cursor: pointer; height: 58px; background: transparent; border: none} .autogen_class_views_chrome_user_util .user_menu_btn {border: none; background-color: transparent} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util .user_menu_btn {display: none} } .autogen_class_views_chrome_user_util .persona_icon {margin: 0 18px; color: #0D6069} .autogen_class_views_chrome_user_util .overflow_icon {position: absolute; top: 18px; right: 23px; font-size: 20px; color: #0D6069; visibility: hidden} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util .overflow_icon {visibility: visible} } .autogen_class_views_chrome_user_util .arrow {position: absolute; top: 25px; right: 30px; font-size: 10px; color: #0D6069} @media (max-width: 1024px) {.responsive .autogen_class_views_chrome_user_util .arrow {right: 30px} } @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util .arrow {display: none} } .autogen_class_views_chrome_user_util:hover .overflow_icon, .autogen_class_views_chrome_user_util:focus .overflow_icon {color: #0D6069} .autogen_class_views_chrome_user_util:hover .user_menu_btn, .autogen_class_views_chrome_user_util:focus .user_menu_btn {opacity: 0.8} .autogen_class_views_chrome_user_util .bare_user {zoom: 1} .autogen_class_views_chrome_user_util .bare_user:after {content: ""; display: table; clear: both} .autogen_class_views_chrome_user_util .bare_user .user_pic, .autogen_class_views_chrome_user_util .bare_user .user_name {float: right} .autogen_class_views_chrome_user_util .bare_user .user_pic {margin-right: 45px} @media (max-width: 600px) {.responsive .autogen_class_views_chrome_user_util .bare_user .user_pic {margin-right: 18px} } .autogen_class_views_chrome_user_util .bare_user .user_name {color: white; margin-top: 15px} @media (max-width: 600px) {.responsive .autogen_class_views_chrome_user_util .bare_user .user_name {display: none} } .autogen_class_views_chrome_user_util .bare_user .icon-ic_user_circle {margin-top: 10px} .autogen_class_views_chrome_user_util .icon-ic_right_caret_alt {font-size: 9px; position: relative; margin-left: 5px; vertical-align: middle} .autogen_class_views_chrome_user_util .notification_count {color: white; background: #cc0000; position: relative; top: -8px; left: 4px; padding: 1px 6px; border-radius: 8px; font-weight: bold; border-top: 1px solid #ff6666; border-bottom: 1px solid #990000; box-shadow: 0px 0px 3px red; text-shadow: 1px 1px 0px #990000} @media (max-width: 700px) {.responsive .autogen_class_views_chrome_user_util {width: 40px; padding: 0 10px} }