/* ============================================================================================================== _____ .__ ___________ __ __ / _ \ | | _____ ____ \__ ___/______ _____/ |__/ |_ ___________ / /_\ \| | \__ \ / \ | | \_ __ \/ _ \ __\ __\/ __ \_ __ \ / | \ |__/ __ \| | \ | | | | \( <_> ) | | | \ ___/| | \/ \____|__ /____(____ /___| / |____| |__| \____/|__| |__| \___ >__| \/ \/ \/ \/ Working title: 'All this Rotting' -------------------------------------------------------------------------------------------------------------- */ /* * First up: Import all useful _scss files & font files: */ @import "//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700"; /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ /* line 23, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ /* line 36, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /* line 50, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /* line 71, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /* line 88, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ /* line 98, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /* line 110, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ /* line 119, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /* line 131, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /* line 139, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ /* line 154, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /* line 163, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Addresses styling not present in IE 8/9. */ /* line 199, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ /* line 238, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* line 246, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 254, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ sup { top: -0.5em; } /* line 258, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ /* line 313, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ /* line 324, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /* line 335, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ /* line 343, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ /* line 353, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ /* line 362, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Improves appearance and consistency in all browsers. */ /* line 389, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /* line 407, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /* line 418, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ /* line 433, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ /* line 448, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ /* line 457, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /* line 468, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ input { line-height: normal; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ /* line 478, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /* line 494, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ /* line 505, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /* line 518, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ /* line 527, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ /* line 540, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 553, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 562, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ /* line 573, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 578, ../../third_party/js/bower_components/normalize-scss/_normalize.scss */ td, th { padding: 0; } /* Adapted from: * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. ========================================================================== Just a few opinionated defaults ========================================================================== */ /* line 13, ../../app/stylesheets/scss/_opinionated-defaults.scss */ *, *::before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 17, ../../app/stylesheets/scss/_opinionated-defaults.scss */ html, body { height: 100%; } /* line 21, ../../app/stylesheets/scss/_opinionated-defaults.scss */ body { font-size: 16px; font-weight: 300; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* line 34, ../../app/stylesheets/scss/_opinionated-defaults.scss */ body input, body code, body pre, body textarea, body button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Basic styles to heading objects */ /* line 44, ../../app/stylesheets/scss/_opinionated-defaults.scss */ h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; } /* * Allow only vertical resizing of textareas. */ /* line 53, ../../app/stylesheets/scss/_opinionated-defaults.scss */ textarea { resize: vertical; } /* ------------------------------------------------------------------- Define some commnly used keyframe animations. */ @-moz-keyframes rotate-forever { 0% { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @-webkit-keyframes rotate-forever { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes rotate-forever { 0% { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @-moz-keyframes rotate-then-wait { 0% { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -moz-transform: rotateZ(180deg); transform: rotateZ(180deg); } 100% { -moz-transform: rotateZ(180deg); transform: rotateZ(180deg); } } @-webkit-keyframes rotate-then-wait { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } 100% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } } @keyframes rotate-then-wait { 0% { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } 100% { -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } } @-moz-keyframes something-appear { 0% { opacity: 0; -moz-transform: scale(0.8, 0.8) translateY(30px); transform: scale(0.8, 0.8) translateY(30px); } 100% { opacity: 1; -moz-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes something-appear { 0% { opacity: 0; -webkit-transform: scale(0.8, 0.8) translateY(30px); transform: scale(0.8, 0.8) translateY(30px); } 100% { opacity: 1; -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes something-appear { 0% { opacity: 0; -moz-transform: scale(0.8, 0.8) translateY(30px); -ms-transform: scale(0.8, 0.8) translateY(30px); -webkit-transform: scale(0.8, 0.8) translateY(30px); transform: scale(0.8, 0.8) translateY(30px); } 100% { opacity: 1; -moz-transform: scale(1, 1) translateY(0); -ms-transform: scale(1, 1) translateY(0); -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes pulsate { 0% { -moz-transform: scale(0, 0); transform: scale(0, 0); } 50% { -moz-transform: scale(1, 1); transform: scale(1, 1); } 75% { -moz-transform: scale(1, 1); transform: scale(1, 1); } 100% { -moz-transform: scale(0, 0); transform: scale(0, 0); } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 75% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes pulsate { 0% { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); } 50% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 75% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: .3; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: .3; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: .3; } 100% { opacity: 1; } } @-moz-keyframes subtle-translate-hint { 0% { opacity: 0; -moz-transform: translate(0, -65%); transform: translate(0, -65%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -moz-transform: translate(0, 65%); transform: translate(0, 65%); } } @-webkit-keyframes subtle-translate-hint { 0% { opacity: 0; -webkit-transform: translate(0, -65%); transform: translate(0, -65%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -webkit-transform: translate(0, 65%); transform: translate(0, 65%); } } @keyframes subtle-translate-hint { 0% { opacity: 0; -moz-transform: translate(0, -65%); -ms-transform: translate(0, -65%); -webkit-transform: translate(0, -65%); transform: translate(0, -65%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -moz-transform: translate(0, 65%); -ms-transform: translate(0, 65%); -webkit-transform: translate(0, 65%); transform: translate(0, 65%); } } /* * First up: set desired browser support level */ /* * Define some global SASS color variables. */ /* ------------------------------------------------------------------- Setup some common SASS extendables + Mixins */ /* line 74, ../../app/stylesheets/scss/app.scss */ contents-menu, .contents-wrapper .back-2-beginning-btn.hidden, .contents-wrapper p .chapter, .contents-wrapper.demo-mode p .chapter[data-chap-id="1"] a, .webgl-text-renderer, .book-page-ui, .help-text, raw-chapter chapter-title-page, raw-chapter chapter-text, raw-chapter menu-sentence { pointer-events: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } /* line 79, ../../app/stylesheets/scss/app.scss */ contents-menu.active, .contents-wrapper p.progress-1 .chapter[data-chap-id="1"], .contents-wrapper p.progress-2 .chapter[data-chap-id="1"], .contents-wrapper p.progress-2 .chapter[data-chap-id="2"], .contents-wrapper p.progress-3 .chapter[data-chap-id="1"], .contents-wrapper p.progress-3 .chapter[data-chap-id="2"], .contents-wrapper p.progress-3 .chapter[data-chap-id="3"], .contents-wrapper p.progress-4 .chapter[data-chap-id="1"], .contents-wrapper p.progress-4 .chapter[data-chap-id="2"], .contents-wrapper p.progress-4 .chapter[data-chap-id="3"], .contents-wrapper p.progress-4 .chapter[data-chap-id="4"], .contents-wrapper p.progress-5 .chapter[data-chap-id="1"], .contents-wrapper p.progress-5 .chapter[data-chap-id="2"], .contents-wrapper p.progress-5 .chapter[data-chap-id="3"], .contents-wrapper p.progress-5 .chapter[data-chap-id="4"], .contents-wrapper p.progress-5 .chapter[data-chap-id="5"], .contents-wrapper p.progress-6 .chapter[data-chap-id="1"], .contents-wrapper p.progress-6 .chapter[data-chap-id="2"], .contents-wrapper p.progress-6 .chapter[data-chap-id="3"], .contents-wrapper p.progress-6 .chapter[data-chap-id="4"], .contents-wrapper p.progress-6 .chapter[data-chap-id="5"], .contents-wrapper p.progress-6 .chapter[data-chap-id="6"], .contents-wrapper p.progress-7 .chapter[data-chap-id="1"], .contents-wrapper p.progress-7 .chapter[data-chap-id="2"], .contents-wrapper p.progress-7 .chapter[data-chap-id="3"], .contents-wrapper p.progress-7 .chapter[data-chap-id="4"], .contents-wrapper p.progress-7 .chapter[data-chap-id="5"], .contents-wrapper p.progress-7 .chapter[data-chap-id="6"], .contents-wrapper p.progress-7 .chapter[data-chap-id="7"], .contents-wrapper p.progress-8 .chapter[data-chap-id="1"], .contents-wrapper p.progress-8 .chapter[data-chap-id="2"], .contents-wrapper p.progress-8 .chapter[data-chap-id="3"], .contents-wrapper p.progress-8 .chapter[data-chap-id="4"], .contents-wrapper p.progress-8 .chapter[data-chap-id="5"], .contents-wrapper p.progress-8 .chapter[data-chap-id="6"], .contents-wrapper p.progress-8 .chapter[data-chap-id="7"], .contents-wrapper p.progress-8 .chapter[data-chap-id="8"], .contents-wrapper p.very-end .chapter, raw-chapter chapter-title-page.active { pointer-events: auto; -moz-user-select: all; -ms-user-select: all; -webkit-user-select: all; user-select: all; } /* line 101, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup h1 { font-style: italic; font-size: 10rem; line-height: 1.15; } /* line 107, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn, .cover .recover-and-resume a, .cover .help-text, .degradable h3, .page-wrapper.instructions h2, .help-text, raw-chapter chapter-title-page hgroup h5, raw-chapter chapter-title-page .random-link-back { font-family: 'Noto Sans', sans-serif; font-size: 2.3rem; letter-spacing: .8rem; line-height: 1.2; text-transform: uppercase; } /* line 115, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .close-contents-btn:before, .contents-wrapper .back-2-beginning-btn:after, .cover .recover-and-resume a.resume-btn:after, .cover .help-text:before, .help-text:before, .page-wrapper.all-chapters.loading:after, raw-chapter chapter-title-page .random-link-back:after { font-family: 'rotti-cons'; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 1; } /* * Define some commnly used keyframe animations. */ @-moz-keyframes yellow-wobble { 30% { -moz-transform: rotateZ(5deg) translate(-1px, -1px); transform: rotateZ(5deg) translate(-1px, -1px); } 70% { -moz-transform: rotateZ(-5deg) translate(1px, 1px); transform: rotateZ(-5deg) translate(1px, 1px); } } @-webkit-keyframes yellow-wobble { 30% { -webkit-transform: rotateZ(5deg) translate(-1px, -1px); transform: rotateZ(5deg) translate(-1px, -1px); } 70% { -webkit-transform: rotateZ(-5deg) translate(1px, 1px); transform: rotateZ(-5deg) translate(1px, 1px); } } @keyframes yellow-wobble { 30% { -moz-transform: rotateZ(5deg) translate(-1px, -1px); -ms-transform: rotateZ(5deg) translate(-1px, -1px); -webkit-transform: rotateZ(5deg) translate(-1px, -1px); transform: rotateZ(5deg) translate(-1px, -1px); } 70% { -moz-transform: rotateZ(-5deg) translate(1px, 1px); -ms-transform: rotateZ(-5deg) translate(1px, 1px); -webkit-transform: rotateZ(-5deg) translate(1px, 1px); transform: rotateZ(-5deg) translate(1px, 1px); } } @-moz-keyframes red-wobble { 30% { -moz-transform: rotateZ(-8deg); transform: rotateZ(-8deg); } 70% { -moz-transform: rotateZ(8deg); transform: rotateZ(8deg); } } @-webkit-keyframes red-wobble { 30% { -webkit-transform: rotateZ(-8deg); transform: rotateZ(-8deg); } 70% { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); } } @keyframes red-wobble { 30% { -moz-transform: rotateZ(-8deg); -ms-transform: rotateZ(-8deg); -webkit-transform: rotateZ(-8deg); transform: rotateZ(-8deg); } 70% { -moz-transform: rotateZ(8deg); -ms-transform: rotateZ(8deg); -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes gentle-translate-hint { 0% { opacity: 0; -moz-transform: translate(0, 0%); transform: translate(0, 0%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -moz-transform: translate(0, -30%); transform: translate(0, -30%); } } @-webkit-keyframes gentle-translate-hint { 0% { opacity: 0; -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } } @keyframes gentle-translate-hint { 0% { opacity: 0; -moz-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -webkit-transform: translate(0, 0%); transform: translate(0, 0%); } 20% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } } /* ------------------------------------------------------------------- Define an icon-font for generic UI icons */ @font-face { font-family: 'rotti-cons'; src: url("fonts/rotti-cons.eot?wk2hp2"); src: url("fonts/rotti-cons.eot?#iefixwk2hp2") format("embedded-opentype"), url("fonts/rotti-cons.woff?wk2hp2") format("woff"), url("fonts/rotti-cons.ttf?wk2hp2") format("truetype"), url("fonts/rotti-cons.svg?wk2hp2#strata-cons") format("svg"); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------- Define some generic / global ui styles Fonts info: font-family: 'Noto Sans', sans-serif; <- For title's and menu's etc weights: -400, -400italic, -700, font-family: 'Libre Baskerville', serif; <- For body copy etc weights: -400 -400italic -700 */ /* line 220, ../../app/stylesheets/scss/app.scss */ html, body { height: 100%; } /* line 224, ../../app/stylesheets/scss/app.scss */ html, body { background: #231F20; } /* line 229, ../../app/stylesheets/scss/app.scss */ html { font-size: 5px; } /* line 233, ../../app/stylesheets/scss/app.scss */ body { display: -webkit-flex; display: flex; margin: 0; font-weight: 300; font-size: 4rem; font-family: 'Libre Baskerville', serif; } /* line 248, ../../app/stylesheets/scss/app.scss */ div[ng-view] { width: 100%; height: 100%; max-width: 768px; max-height: 1024px; background: white; color: #424036; overflow: hidden; font-size: 2.8rem; margin: auto; position: relative; } /* line 280, ../../app/stylesheets/scss/app.scss */ a { -webkit-tap-highlight-color: transparent; } /* line 284, ../../app/stylesheets/scss/app.scss */ *.ng-click-active { -webkit-tap-highlight-color: transparent; } /* line 288, ../../app/stylesheets/scss/app.scss */ .page-wrapper { height: 100%; position: relative; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } /* line 295, ../../app/stylesheets/scss/app.scss */ .page-wrapper.dont-animate { -moz-transition-duration: 0ms; -o-transition-duration: 0ms; -webkit-transition-duration: 0ms; transition-duration: 0ms; } /* line 299, ../../app/stylesheets/scss/app.scss */ .page-wrapper.next-page-flick { -moz-transform: translate3d(0, -65px, 0); -webkit-transform: translate3d(0, -65px, 0); transform: translate3d(0, -65px, 0); } /* line 303, ../../app/stylesheets/scss/app.scss */ .page-wrapper.prev-page-flick { -moz-transform: translate3d(0, 65px, 0); -webkit-transform: translate3d(0, 65px, 0); transform: translate3d(0, 65px, 0); } /* line 307, ../../app/stylesheets/scss/app.scss */ .page-wrapper.fade-out { opacity: 0; } /* line 310, ../../app/stylesheets/scss/app.scss */ .page-wrapper.fade-out raw-chapter chapter-title-page.active { opacity: 0; } /* line 315, ../../app/stylesheets/scss/app.scss */ .page-wrapper:after, .page-wrapper:before { position: absolute; } /* ------------------------------------------------------------------- GENERIC COMPONENT styles work */ /* line 333, ../../app/stylesheets/scss/app.scss */ contents-menu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #93989e; color: #fffbf1; z-index: 2; overflow: hidden; overflow-y: auto; padding: 3.6rem 6.6rem; font-size: 2.8rem; line-height: 6.7rem; -webkit-overflow-scrolling: touch; opacity: 0; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } /* line 355, ../../app/stylesheets/scss/app.scss */ contents-menu.active { opacity: 1; z-index: 10; } /* line 362, ../../app/stylesheets/scss/app.scss */ .contents-wrapper { padding: 8.4rem 0 6rem; min-height: 100%; position: relative; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; } /* line 371, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .section { display: -webkit-flex; display: flex; } /* line 374, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .section.top { -webkit-flex-grow: 1; flex-grow: 1; min-height: 100px; } /* line 379, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .section.bottom { -webkit-flex-grow: 1; flex-grow: 1; } /* line 384, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .close-contents-btn { position: absolute; left: 50%; top: 0; background: #93989e; color: #fed9ba; padding: 3rem 3.9rem; line-height: 1; font-size: 20px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* line 396, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .close-contents-btn:active { text-decoration: none; opacity: 0.5; } /* line 401, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .close-contents-btn:before { content: "\e905"; } /* line 407, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn { margin: auto; text-align: center; color: #fed9ba; padding: 3.2rem 5rem; border: 1px solid rgba(254, 217, 186, 0.5); white-space: nowrap; font-style: normal; font-weight: 700; position: relative; } /* line 419, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn:before { content: ""; background: #93989e; position: absolute; height: 3px; width: 8rem; top: -1px; left: -1px; } /* line 429, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn:after { content: "\e907"; color: rgba(254, 217, 186, 0.5); position: absolute; top: -2px; left: -7px; font-size: 1.5rem; } /* line 439, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn.hidden { opacity: 0; } /* line 444, ../../app/stylesheets/scss/app.scss */ .contents-wrapper .back-2-beginning-btn:active { opacity: 0.5; } /* line 449, ../../app/stylesheets/scss/app.scss */ .contents-wrapper a { color: #fffbf1; text-decoration: none; font-size: 140%; font-style: italic; cursor: pointer; } /* line 457, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p { margin: 0 auto; } /* line 460, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p .chapter { color: #fffbf1; display: block; } /* line 465, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p .chapter a { color: inherit; opacity: .5; } /* line 469, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p .chapter a:active { opacity: 0.5 !important; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-1 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-2 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-3 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-4 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-5 .chapter[data-chap-id="5"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-6 .chapter[data-chap-id="6"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-7 .chapter[data-chap-id="7"] a { color: #fed9ba; opacity: 1; } /* line 480, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.chapter-8 .chapter[data-chap-id="8"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-1 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-1 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-2 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-2 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-2 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-2 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-3 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="3"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-4 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="3"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="4"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-5 .chapter[data-chap-id="5"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="3"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="4"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="5"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="5"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-6 .chapter[data-chap-id="6"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="3"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="4"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="5"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="5"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="6"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="6"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-7 .chapter[data-chap-id="7"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="0"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="1"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="1"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="2"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="2"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="3"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="3"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="4"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="4"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="5"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="5"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="6"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="6"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="7"] a { color: #fed9ba; opacity: 1; } /* line 495, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="7"] { color: #93989e; } /* line 502, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.progress-8 .chapter[data-chap-id="8"] a { color: #fed9ba; opacity: 1; } /* line 512, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.very-end .chapter { color: #93989e; } /* line 516, ../../app/stylesheets/scss/app.scss */ .contents-wrapper p.very-end .chapter a { color: #fed9ba; opacity: 1; } /* line 525, ../../app/stylesheets/scss/app.scss */ .contents-wrapper.demo-mode p .chapter[data-chap-id="1"] a { color: #fffbf1; opacity: 0.5; } /* line 536, ../../app/stylesheets/scss/app.scss */ .webgl-text-renderer { position: absolute; top: 3%; left: 5%; width: 90%; height: calc(90% - 6rem); overflow: hidden; } /* line 546, ../../app/stylesheets/scss/app.scss */ .webgl-text-renderer canvas { display: block; -moz-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } /* line 552, ../../app/stylesheets/scss/app.scss */ book-gesture-paging, swipe-degradation { position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; } /* line 564, ../../app/stylesheets/scss/app.scss */ .book-page-ui { position: absolute; bottom: 6rem; left: 50%; color: #93989e; padding: 0 0 0 32px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transition: opacity 800ms ease-in-out; -o-transition: opacity 800ms ease-in-out; -webkit-transition: opacity 800ms ease-in-out; transition: opacity 800ms ease-in-out; } /* line 575, ../../app/stylesheets/scss/app.scss */ .book-page-ui current-page-cycler { position: absolute; overflow: hidden; height: 100%; width: 25px; top: 0; left: 0; } /* line 583, ../../app/stylesheets/scss/app.scss */ .book-page-ui current-page-cycler .container { position: absolute; top: 0; left: 0; text-align: right; width: 100%; -moz-transform: translate(0, -33.33%); -ms-transform: translate(0, -33.33%); -webkit-transform: translate(0, -33.33%); transform: translate(0, -33.33%); -moz-transition: -moz-transform 800ms ease-in-out; -o-transition: -o-transform 800ms ease-in-out; -webkit-transition: -webkit-transform 800ms ease-in-out; transition: transform 800ms ease-in-out; } /* line 596, ../../app/stylesheets/scss/app.scss */ .book-page-ui current-page-cycler .container.reset { -moz-transition-duration: 0ms; -o-transition-duration: 0ms; -webkit-transition-duration: 0ms; transition-duration: 0ms; } /* line 599, ../../app/stylesheets/scss/app.scss */ .book-page-ui current-page-cycler .container.forwards { -moz-transform: translate(0, -66.66%); -ms-transform: translate(0, -66.66%); -webkit-transform: translate(0, -66.66%); transform: translate(0, -66.66%); } /* line 602, ../../app/stylesheets/scss/app.scss */ .book-page-ui current-page-cycler .container.backwards { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* ------------------------------------------------------------------- EAP LOADING PAGE styles work */ /* line 623, ../../app/stylesheets/scss/app.scss */ .page-wrapper.loading { display: -webkit-flex; display: flex; background: white; } /* line 628, ../../app/stylesheets/scss/app.scss */ .page-wrapper.loading .centered { margin: auto; } /* line 631, ../../app/stylesheets/scss/app.scss */ .page-wrapper.loading .centered h1 { text-align: center; color: #93989e; margin-bottom: 6rem; font-size: 4rem; } /* line 638, ../../app/stylesheets/scss/app.scss */ .page-wrapper.loading .centered img { display: block; width: 80%; margin: 0 auto; } /* ------------------------------------------------------------------- COVER styles work DEGRADE LETTERS STRUCTURE: h1: 3 yellow letters 4 red letters h3: 2 yellow letters 5 red letters */ /* line 677, ../../app/stylesheets/scss/app.scss */ .page-wrapper.cover { background: #93989e; color: #fffbf1; padding: 14vh 0; display: -webkit-flex; display: flex; } /* line 687, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume { position: absolute; top: 14vh; left: 50%; z-index: 10; -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } /* line 695, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a { text-decoration: none; color: #fed9ba; cursor: pointer; display: block; font-weight: bold; padding: 2.8rem 7.1rem; border: 1px solid rgba(254, 217, 186, 0.5); white-space: nowrap; } /* line 706, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a:active { opacity: 0.5; } /* line 712, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a.resume-btn:before { content: ""; background: #93989e; position: absolute; height: 3px; width: 8rem; bottom: -1px; right: -1px; } /* line 722, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a.resume-btn:after { content: "\e900"; color: rgba(254, 217, 186, 0.5); position: absolute; bottom: 0; right: -6px; font-size: 1.5rem; } /* line 733, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a.recover-btn { padding: 3rem 7.1rem; background: url(img/recover-btn.png) center center no-repeat; background-size: contain; border: none; } /* line 739, ../../app/stylesheets/scss/app.scss */ .cover .recover-and-resume a.recover-btn:active { opacity: 1; background: transparent; border: 2px solid rgba(254, 217, 186, 0.5); } /* line 748, ../../app/stylesheets/scss/app.scss */ .cover .help-text { position: absolute; bottom: 14vh; left: 50%; z-index: 1; text-align: center; opacity: 0; -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -moz-animation: fade-in 2s 1s forwards ease-in-out; -webkit-animation: fade-in 2s 1s forwards ease-in-out; animation: fade-in 2s 1s forwards ease-in-out; } /* line 761, ../../app/stylesheets/scss/app.scss */ .cover .help-text:before { content: "\e904"; display: block; font-size: 36px; line-height: 1; -moz-animation: gentle-translate-hint 2s infinite ease-in-out; -webkit-animation: gentle-translate-hint 2s infinite ease-in-out; animation: gentle-translate-hint 2s infinite ease-in-out; } /* line 779, ../../app/stylesheets/scss/app.scss */ .cover.state-0 .degradable h1 yellow:nth-of-type(2) { opacity: .7; } /* line 792, ../../app/stylesheets/scss/app.scss */ .cover.state-1 .degradable h1 yellow:nth-of-type(2) { opacity: 0.4; } /* line 795, ../../app/stylesheets/scss/app.scss */ .cover.state-1 .degradable h1 yellow:nth-of-type(3) { opacity: 0.7; } /* line 800, ../../app/stylesheets/scss/app.scss */ .cover.state-1 .degradable h1 red:nth-of-type(3) { opacity: 0.5; } /* line 807, ../../app/stylesheets/scss/app.scss */ .cover.state-1 .degradable h3 yellow:nth-of-type(2) { opacity: 0.7; } /* line 812, ../../app/stylesheets/scss/app.scss */ .cover.state-1 .degradable h3 red:nth-of-type(3) { opacity: 0.6; } /* line 825, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h1 yellow:nth-of-type(2), .cover.state-2 .degradable h1 yellow:nth-of-type(3) { opacity: 0.4; } /* line 829, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h1 yellow:nth-of-type(1) { opacity: 0.7; } /* line 834, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h1 red:nth-of-type(3) { opacity: 0.4; } /* line 841, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h3 yellow:nth-of-type(2) { opacity: 0.4; } /* line 844, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h3 yellow:nth-of-type(1) { opacity: 0.5; } /* line 849, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h3 red:nth-of-type(3) { opacity: 0.4; } /* line 852, ../../app/stylesheets/scss/app.scss */ .cover.state-2 .degradable h3 red:nth-of-type(1) { opacity: 0.6; } /* line 865, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h1 yellow:nth-of-type(2), .cover.state-3 .degradable h1 yellow:nth-of-type(3) { opacity: 0.4; } /* line 869, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h1 yellow:nth-of-type(1) { opacity: 0.65; } /* line 874, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h1 red:nth-of-type(3) { opacity: .15; } /* line 877, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h1 red:nth-of-type(2) { opacity: 0.6; } /* line 884, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h3 yellow:nth-of-type(2) { opacity: 0.4; } /* line 887, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h3 yellow:nth-of-type(1) { opacity: 0.7; } /* line 892, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h3 red:nth-of-type(3), .cover.state-3 .degradable h3 red:nth-of-type(1) { opacity: 0.4; } /* line 896, ../../app/stylesheets/scss/app.scss */ .cover.state-3 .degradable h3 red:nth-of-type(2) { opacity: 0.6; } /* line 909, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h1 yellow:nth-of-type(2), .cover.state-4 .degradable h1 yellow:nth-of-type(3), .cover.state-4 .degradable h1 yellow:nth-of-type(1) { opacity: 0.4; } /* line 916, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h1 red:nth-of-type(3) { opacity: 0; } /* line 919, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h1 red:nth-of-type(2) { opacity: .15; } /* line 926, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h3 yellow:nth-of-type(2) { opacity: 0.4; } /* line 929, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h3 yellow:nth-of-type(1) { opacity: 0.5; } /* line 934, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h3 red:nth-of-type(1) { opacity: 0; } /* line 937, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h3 red:nth-of-type(3) { opacity: 0.4; } /* line 940, ../../app/stylesheets/scss/app.scss */ .cover.state-4 .degradable h3 red:nth-of-type(5), .cover.state-4 .degradable h3 red:nth-of-type(2) { opacity: 0.6; } /* line 955, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable yellow { opacity: 0.4; } /* line 959, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h1 red:nth-of-type(3), .cover.state-5 .degradable h1 red:nth-of-type(2) { opacity: 0; } /* line 963, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h1 red:nth-of-type(1) { opacity: .5; } /* line 966, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h1 red:nth-of-type(4) { opacity: .8; } /* line 971, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h3 red:nth-of-type(1) { opacity: 0; } /* line 974, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h3 red:nth-of-type(3) { opacity: .15; } /* line 977, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h3 red:nth-of-type(5) { opacity: 0.4; } /* line 980, ../../app/stylesheets/scss/app.scss */ .cover.state-5 .degradable h3 red:nth-of-type(4), .cover.state-5 .degradable h3 red:nth-of-type(2) { opacity: 0.6; } /* line 991, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable yellow { opacity: 0.4; } /* line 995, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h1 red:nth-of-type(3), .cover.state-6 .degradable h1 red:nth-of-type(2) { opacity: 0; } /* line 999, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h1 red:nth-of-type(1) { opacity: .2; } /* line 1002, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h1 red:nth-of-type(4) { opacity: .5; } /* line 1007, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h3 red:nth-of-type(1), .cover.state-6 .degradable h3 red:nth-of-type(3) { opacity: 0; } /* line 1011, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h3 red:nth-of-type(5) { opacity: .15; } /* line 1014, ../../app/stylesheets/scss/app.scss */ .cover.state-6 .degradable h3 red:nth-of-type(4), .cover.state-6 .degradable h3 red:nth-of-type(2) { opacity: 0.4; } /* line 1025, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable yellow { opacity: 0.4; } /* line 1029, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable h1 red:nth-of-type(3), .cover.state-7 .degradable h1 red:nth-of-type(2), .cover.state-7 .degradable h1 red:nth-of-type(1) { opacity: 0; } /* line 1034, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable h1 red:nth-of-type(4) { opacity: .2; } /* line 1039, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable h3 red:nth-of-type(1), .cover.state-7 .degradable h3 red:nth-of-type(3), .cover.state-7 .degradable h3 red:nth-of-type(5) { opacity: 0; } /* line 1044, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable h3 red:nth-of-type(4) { opacity: 0.4; } /* line 1047, ../../app/stylesheets/scss/app.scss */ .cover.state-7 .degradable h3 red:nth-of-type(2) { opacity: 0.3; } /* line 1057, ../../app/stylesheets/scss/app.scss */ .cover.state-8 .degradable yellow { opacity: 0.4; } /* line 1061, ../../app/stylesheets/scss/app.scss */ .cover.state-8 .degradable h1 red:nth-of-type(3), .cover.state-8 .degradable h1 red:nth-of-type(2), .cover.state-8 .degradable h1 red:nth-of-type(1) { opacity: 0; } /* line 1066, ../../app/stylesheets/scss/app.scss */ .cover.state-8 .degradable h1 red:nth-of-type(4) { opacity: .2; } /* line 1071, ../../app/stylesheets/scss/app.scss */ .cover.state-8 .degradable h3 red:nth-of-type(1), .cover.state-8 .degradable h3 red:nth-of-type(3), .cover.state-8 .degradable h3 red:nth-of-type(5) { opacity: 0; } /* line 1076, ../../app/stylesheets/scss/app.scss */ .cover.state-8 .degradable h3 red:nth-of-type(4), .cover.state-8 .degradable h3 red:nth-of-type(2) { opacity: .15; } /* line 1087, ../../app/stylesheets/scss/app.scss */ .cover.state-9 .degradable yellow { opacity: 0.4; } /* line 1090, ../../app/stylesheets/scss/app.scss */ .cover.state-9 .degradable h1 red { opacity: 0; } /* line 1094, ../../app/stylesheets/scss/app.scss */ .cover.state-9 .degradable h3 red:nth-of-type(1), .cover.state-9 .degradable h3 red:nth-of-type(3), .cover.state-9 .degradable h3 red:nth-of-type(5) { opacity: 0; } /* line 1099, ../../app/stylesheets/scss/app.scss */ .cover.state-9 .degradable h3 red:nth-of-type(4), .cover.state-9 .degradable h3 red:nth-of-type(2) { opacity: .05; } /* line 1110, ../../app/stylesheets/scss/app.scss */ .cover.state-10 .degradable yellow { opacity: 0.4; } /* line 1113, ../../app/stylesheets/scss/app.scss */ .cover.state-10 .degradable red { -moz-animation: none 0s 0 linear; -webkit-animation: none 0s 0 linear; animation: none 0s 0 linear; } /* line 1116, ../../app/stylesheets/scss/app.scss */ .cover.state-10 .degradable h1 red { opacity: 0; } /* line 1119, ../../app/stylesheets/scss/app.scss */ .cover.state-10 .degradable h3 red { opacity: 0; } /* line 1125, ../../app/stylesheets/scss/app.scss */ .degradable { margin: auto; text-align: center; max-width: 280px; } /* line 1130, ../../app/stylesheets/scss/app.scss */ .degradable h1 { font-size: 4.8rem; letter-spacing: 2rem; line-height: 2.5; } /* line 1136, ../../app/stylesheets/scss/app.scss */ .degradable h3 { margin-top: 12rem; margin-bottom: 3rem; } /* line 1143, ../../app/stylesheets/scss/app.scss */ .degradable h1 > *, .degradable h3 > * { display: inline-block; vertical-align: baseline; } /* line 1147, ../../app/stylesheets/scss/app.scss */ .degradable h1 > *.super, .degradable h3 > *.super { -moz-transform: translate(0, -20%); -ms-transform: translate(0, -20%); -webkit-transform: translate(0, -20%); transform: translate(0, -20%); } /* line 1150, ../../app/stylesheets/scss/app.scss */ .degradable h1 > *.sub, .degradable h3 > *.sub { -moz-transform: translate(0, 20%); -ms-transform: translate(0, 20%); -webkit-transform: translate(0, 20%); transform: translate(0, 20%); } /* line 1159, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub) { -moz-animation: red-wobble 3s infinite linear; -webkit-animation: red-wobble 3s infinite linear; animation: red-wobble 3s infinite linear; } /* line 1165, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub):nth-of-type(1) { -moz-animation-duration: 3.8s; -webkit-animation-duration: 3.8s; animation-duration: 3.8s; } /* line 1165, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub):nth-of-type(2) { -moz-animation-duration: 4.6s; -webkit-animation-duration: 4.6s; animation-duration: 4.6s; } /* line 1165, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub):nth-of-type(3) { -moz-animation-duration: 5.4s; -webkit-animation-duration: 5.4s; animation-duration: 5.4s; } /* line 1165, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub):nth-of-type(4) { -moz-animation-duration: 6.2s; -webkit-animation-duration: 6.2s; animation-duration: 6.2s; } /* line 1165, ../../app/stylesheets/scss/app.scss */ .degradable red:not(.super):not(.sub):nth-of-type(5) { -moz-animation-duration: 7s; -webkit-animation-duration: 7s; animation-duration: 7s; } /* line 1171, ../../app/stylesheets/scss/app.scss */ .degradable yellow:not(.super):not(.sub) { -moz-animation: yellow-wobble 3.5s infinite linear; -webkit-animation: yellow-wobble 3.5s infinite linear; animation: yellow-wobble 3.5s infinite linear; } /* line 1177, ../../app/stylesheets/scss/app.scss */ .degradable yellow:not(.super):not(.sub):nth-of-type(1) { -moz-animation-duration: 4.3s; -webkit-animation-duration: 4.3s; animation-duration: 4.3s; } /* line 1177, ../../app/stylesheets/scss/app.scss */ .degradable yellow:not(.super):not(.sub):nth-of-type(2) { -moz-animation-duration: 5.1s; -webkit-animation-duration: 5.1s; animation-duration: 5.1s; } /* line 1177, ../../app/stylesheets/scss/app.scss */ .degradable yellow:not(.super):not(.sub):nth-of-type(3) { -moz-animation-duration: 5.9s; -webkit-animation-duration: 5.9s; animation-duration: 5.9s; } /* ------------------------------------------------------------------- INSTRUCTIONS styles work */ /* line 1197, ../../app/stylesheets/scss/app.scss */ .page-wrapper.instructions { display: -webkit-flex; display: flex; background: #fed9ba; color: #93989e; } /* line 1202, ../../app/stylesheets/scss/app.scss */ .page-wrapper.instructions h2 { font-size: 110%; line-height: 2; margin: auto; text-align: center; color: inherit; } /* line 1212, ../../app/stylesheets/scss/app.scss */ .help-text { position: absolute; bottom: 12rem; left: 50%; z-index: 1; -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } /* line 1223, ../../app/stylesheets/scss/app.scss */ .help-text:before { content: "\e904"; display: block; font-size: 36px; line-height: 1; } /* ------------------------------------------------------------------- BOOK ENDING styles work */ /* line 1243, ../../app/stylesheets/scss/app.scss */ .page-wrapper.end { display: -webkit-flex; display: flex; } /* line 1246, ../../app/stylesheets/scss/app.scss */ .page-wrapper.end h2 { font-weight: bold; font-style: italic; line-height: 1.2; margin: auto; text-align: center; color: rgba(0, 0, 0, 0.2); } /* line 1255, ../../app/stylesheets/scss/app.scss */ .page-wrapper.end .help-text { opacity: 0; color: rgba(0, 0, 0, 0.4); -moz-animation: fade-in 2s 1s forwards ease-in-out; -webkit-animation: fade-in 2s 1s forwards ease-in-out; animation: fade-in 2s 1s forwards ease-in-out; } /* ------------------------------------------------------------------- BOOK styles work */ /* line 1280, ../../app/stylesheets/scss/app.scss */ .page-wrapper.all-chapters.loading:before { content: ""; z-index: 5; background: white; top: 0; left: 0; height: 100%; width: 100%; } /* line 1289, ../../app/stylesheets/scss/app.scss */ .page-wrapper.all-chapters.loading:after { content: "\e908"; border-radius: 50%; z-index: 6; top: 50%; left: 50%; color: #93989e; font-size: 55px; line-height: 1; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 1305, ../../app/stylesheets/scss/app.scss */ .page-wrapper.all-chapters.awaiting-redirect .webgl-text-renderer canvas { opacity: 0; } /* line 1312, ../../app/stylesheets/scss/app.scss */ raw-chapter { display: block; overflow: hidden; height: calc(90% - 6rem); } /* line 1317, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page { position: absolute; top: 3%; left: 5%; width: 90%; height: calc(90% - 6rem); opacity: 0; -moz-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } /* line 1329, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page.active { opacity: 1; } /* line 1334, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .wrapper { height: 100%; display: -webkit-flex; display: flex; -moz-transition: padding 150ms ease-in-out; -o-transition: padding 150ms ease-in-out; -webkit-transition: padding 150ms ease-in-out; transition: padding 150ms ease-in-out; } /* line 1340, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .wrapper.has-random-link-back-btn { padding-top: 16rem; } /* line 1343, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .wrapper.has-random-link-back-btn .random-link-back { opacity: 1; } /* line 1349, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup { margin: auto; text-align: center; color: #93989e; padding: 0 3.9rem; } /* line 1355, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup h5 { margin-bottom: 6rem; color: inherit; } /* line 1361, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup h1 { color: inherit; } /* line 1365, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup h1 i { color: #1e2326; } /* line 1371, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .random-link-back { opacity: 0; text-align: center; cursor: pointer; color: #f9b78a; text-transform: uppercase; padding: 3.2rem 5rem; border: 1px solid rgba(249, 183, 138, 0.5); white-space: nowrap; font-style: normal; font-weight: 700; position: absolute; top: 6rem; left: 50%; z-index: 10; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; -moz-transition-property: opacity, background; -o-transition-property: opacity, background; -webkit-transition-property: opacity, background; transition-property: opacity, background; } /* line 1392, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .random-link-back:before { content: ""; background: white; position: absolute; height: 3px; width: 8rem; top: -1px; left: -1px; } /* line 1402, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .random-link-back:after { content: "\e907"; color: rgba(249, 183, 138, 0.5); position: absolute; top: -2px; left: -7px; font-size: 1.5rem; } /* line 1412, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page .random-link-back:active { opacity: 0.5 !important; } /* line 1419, ../../app/stylesheets/scss/app.scss */ raw-chapter[author="son"] .random-link-back span { opacity: 1; } /* line 1422, ../../app/stylesheets/scss/app.scss */ raw-chapter[author="son"] .random-link-back span:nth-of-type(2n + 1) { opacity: .9; } /* line 1425, ../../app/stylesheets/scss/app.scss */ raw-chapter[author="son"] .random-link-back span:nth-of-type(3n + 2) { opacity: .25; } /* line 1428, ../../app/stylesheets/scss/app.scss */ raw-chapter[author="son"] .random-link-back span:nth-of-type(3n + 3) { opacity: .65; } /* line 1434, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-text, raw-chapter menu-sentence { opacity: 0; } /* .___.__ .__ _____ ____ __| _/|__|____ ________ __ ___________|__| ____ ______ / \_/ __ \ / __ | | \__ \ / ____/ | \_/ __ \_ __ \ |/ __ \ / ___/ | Y Y \ ___// /_/ | | |/ __ \_ < <_| | | /\ ___/| | \/ \ ___/ \___ \ |__|_| /\___ >____ | |__(____ / \__ |____/ \___ >__| |__|\___ >____ > \/ \/ \/ \/ |__| \/ \/ \/ Styles for tiny screens etc: */ @media only screen and (max-height: 580px) { /* line 1462, ../../app/stylesheets/scss/app.scss */ .degradable h3 { margin-top: 4.2rem; } } @media only screen and (max-width: 500px) { /* line 1470, ../../app/stylesheets/scss/app.scss */ raw-chapter chapter-title-page hgroup h1 { font-size: 6.5rem; } } @media only screen and (min-width: 600px) { /* line 1479, ../../app/stylesheets/scss/app.scss */ .webgl-text-renderer { left: 14%; width: 76%; } } /* _____ _____ | ___| / ___| | |__ _ __ _ __ ___ _ __ \ `--. ___ _ __ ___ ___ _ __ ___ | __| '__| '__/ _ \| '__| `--. \/ __| '__/ _ \/ _ \ '_ \/ __| | |__| | | | | (_) | | /\__/ / (__| | | __/ __/ | | \__ \ \____/_| |_| \___/|_| \____/ \___|_| \___|\___|_| |_|___/ Generic Editions at Play style: ERROR SCREENS: */ /* line 1510, ../../app/stylesheets/scss/app.scss */ #rotate-banner, #incompatible-banner, #private-banner, #loader-screen, #desktop-banner { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; border: 0; } @media screen and (min-width: 768px), screen and (min-height: 1024px) { /* line 1527, ../../app/stylesheets/scss/app.scss */ #desktop-banner.visible { display: block; } } @media screen and (max-height: 250px), screen and (max-width: 280px) { /* line 1539, ../../app/stylesheets/scss/app.scss */ #incompatible-banner { display: block; } /* line 1543, ../../app/stylesheets/scss/app.scss */ #rotate-banner { display: none; } } @media screen and (max-height: 475px) and (orientation: landscape) { /* line 1551, ../../app/stylesheets/scss/app.scss */ #incompatible-banner { display: none; } /* line 1555, ../../app/stylesheets/scss/app.scss */ #rotate-banner { display: block; } } /* line 1560, ../../app/stylesheets/scss/app.scss */ html { /* * Before we get into it, some simple * modernizr powered feature detection: */ } /* line 1572, ../../app/stylesheets/scss/app.scss */ html.js:not(.flexbox) #incompatible-banner, html.js:not(.flexwrap) #incompatible-banner, html.js:not(.webgl) #incompatible-banner, html.js:not(.deviceorientation) #incompatible-banner { display: block; } /* line 1578, ../../app/stylesheets/scss/app.scss */ html.js.no-localstorage #private-banner { display: block; } /* line 1587, ../../app/stylesheets/scss/app.scss */ canvas.temp { position: absolute; top: 0; left: 0; } /* line 1592, ../../app/stylesheets/scss/app.scss */ .temp-width-measure { position: absolute; top: 0; left: 0; font: 30px 'Libre Baskerville'; opacity: 0; } /* */