https://pastein.ru/t/tR
скопируйте уникальную ссылку для отправки
Загрузка данных
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic" rel="stylesheet"><link rel="manifest" href="./manifest.json"><title>Books viewer</title><style type="text/css">.App {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
background-color: #f1f1f1; }
.App__Title {
padding: 16px;
text-align: center; }
.ReactModal__Overlay {
z-index: 1000; }
@media print {
.App {
height: auto;
display: block; } }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.image-gallery {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.image-gallery.fullscreen-modal {
background: #000;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 5; }
.image-gallery.fullscreen-modal .image-gallery-content {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.image-gallery-content {
position: relative;
line-height: 0;
top: 0; }
.image-gallery-content.fullscreen {
background: #000; }
.image-gallery-content.fullscreen .image-gallery-slide {
background: #000; }
.image-gallery-slide-wrapper {
position: relative; }
.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
display: inline-block;
width: calc(100% - 113px); }
@media (max-width: 768px) {
.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
width: calc(100% - 84px); } }
.image-gallery-slide-wrapper.image-gallery-rtl {
direction: rtl; }
.image-gallery-fullscreen-button,
.image-gallery-play-button,
.image-gallery-left-nav,
.image-gallery-right-nav {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
cursor: pointer;
outline: none;
position: absolute;
z-index: 4; }
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before,
.image-gallery-left-nav::before,
.image-gallery-right-nav::before {
color: #fff;
line-height: .7;
text-shadow: 0 2px 2px #1a1a1a;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out; }
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before,
.image-gallery-left-nav:hover::before,
.image-gallery-right-nav:hover::before {
color: #337ab7; }
@media (max-width: 768px) {
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before,
.image-gallery-left-nav:hover::before,
.image-gallery-right-nav:hover::before {
color: #fff; } }
.image-gallery-fullscreen-button,
.image-gallery-play-button {
bottom: 0; }
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before {
font-size: 2.7em;
padding: 15px 20px;
text-shadow: 0 1px 1px #1a1a1a; }
@media (max-width: 768px) {
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before {
font-size: 2.4em; } }
@media (max-width: 480px) {
.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before {
font-size: 2em; } }
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before {
color: #fff;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
@media (max-width: 768px) {
.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.image-gallery-fullscreen-button {
right: 0; }
.image-gallery-fullscreen-button::before {
content: "\F386"; }
.image-gallery-fullscreen-button.active::before {
content: "\F37D"; }
.image-gallery-fullscreen-button.active:hover::before {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); }
.image-gallery-play-button {
left: 0; }
.image-gallery-play-button::before {
content: "\F488"; }
.image-gallery-play-button.active::before {
content: "\F478"; }
.image-gallery-left-nav,
.image-gallery-right-nav {
color: #fff;
font-size: 5em;
padding: 50px 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
cursor: disabled;
opacity: .6;
pointer-events: none; }
@media (max-width: 768px) {
.image-gallery-left-nav,
.image-gallery-right-nav {
font-size: 3.4em;
padding: 20px 15px; } }
@media (max-width: 480px) {
.image-gallery-left-nav,
.image-gallery-right-nav {
font-size: 2.4em;
padding: 0 15px; } }
.image-gallery-left-nav {
left: 0; }
.image-gallery-left-nav::before {
content: "\F3D2"; }
.image-gallery-right-nav {
right: 0; }
.image-gallery-right-nav::before {
content: "\F3D3"; }
.image-gallery-slides {
line-height: 0;
overflow: hidden;
position: relative;
white-space: nowrap; }
.image-gallery-slide {
background: #fff;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.image-gallery-slide.center {
position: relative; }
.image-gallery-slide img {
width: 100%; }
.image-gallery-slide .image-gallery-description {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
color: #fff;
width: 100%;
text-align: center;
line-height: 1;
padding: 10px 20px;
position: absolute;
white-space: normal; }
@media (max-width: 768px) {
.image-gallery-slide .image-gallery-description {
bottom: 0;
font-size: .8em;
padding: 8px 15px; } }
.image-gallery-bullets {
bottom: 20px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 80%;
z-index: 4; }
.image-gallery-bullets .image-gallery-bullets-container {
margin: 0;
padding: 0;
text-align: center; }
.image-gallery-bullets .image-gallery-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #1a1a1a;
box-shadow: 0 1px 0 #1a1a1a;
cursor: pointer;
display: inline-block;
margin: 0 5px;
outline: none;
padding: 5px; }
@media (max-width: 768px) {
.image-gallery-bullets .image-gallery-bullet {
margin: 0 3px;
padding: 3px; } }
@media (max-width: 480px) {
.image-gallery-bullets .image-gallery-bullet {
padding: 2.7px; } }
.image-gallery-bullets .image-gallery-bullet.active {
background: #fff; }
.image-gallery-thumbnails-wrapper {
position: relative;
background: rgba(0, 0, 0, 0.5); }
.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
direction: rtl; }
.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
display: inline-block;
vertical-align: top;
width: 108px; }
@media (max-width: 768px) {
.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
width: 81px; } }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
height: 100%;
width: 100%;
left: 0;
padding: 0;
position: absolute;
top: 0; }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
display: block;
margin-right: 0;
padding: 0; }
.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
margin-left: 0; }
.image-gallery-thumbnails-wrapper.left {
margin-right: 5px; }
@media (max-width: 768px) {
.image-gallery-thumbnails-wrapper.left {
margin-right: 3px; } }
.image-gallery-thumbnails-wrapper.right {
margin-left: 5px; }
@media (max-width: 768px) {
.image-gallery-thumbnails-wrapper.right {
margin-left: 3px; } }
.image-gallery-thumbnails {
overflow: hidden;
padding: 5px 0; }
@media (max-width: 768px) {
.image-gallery-thumbnails {
padding: 3px 0; } }
.image-gallery-thumbnails .image-gallery-thumbnails-container {
cursor: pointer;
text-align: center;
-webkit-transition: -webkit-transform .45s ease-out;
transition: -webkit-transform .45s ease-out;
-o-transition: transform .45s ease-out;
transition: transform .45s ease-out;
transition: transform .45s ease-out, -webkit-transform .45s ease-out;
white-space: nowrap; }
.image-gallery-thumbnail {
display: inline-block;
width: 100px; }
@media (max-width: 768px) {
.image-gallery-thumbnail {
border: 3px solid transparent;
width: 75px; } }
.image-gallery-thumbnail + .image-gallery-thumbnail {
margin-left: 2px; }
.image-gallery-thumbnail .image-gallery-thumbnail-inner {
position: relative; }
.image-gallery-thumbnail img {
display: block;
vertical-align: middle;
width: 100%;
border: 4px solid transparent;
-webkit-transition: border .3s ease-out;
-o-transition: border .3s ease-out;
transition: border .3s ease-out; }
.image-gallery-thumbnail.active img {
border: 4px solid #337ab7; }
@media (max-width: 768px) {
.image-gallery-thumbnail.active img {
border: 3px solid #337ab7; } }
.image-gallery-thumbnail-label {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: white;
font-size: 1em;
left: 0;
line-height: 1em;
padding: 5%;
position: absolute;
top: 50%;
text-shadow: 1px 1px 0 black;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
white-space: normal;
width: 100%; }
@media (max-width: 768px) {
.image-gallery-thumbnail-label {
font-size: .8em;
line-height: .8em; } }
.image-gallery-index {
background: rgba(0, 0, 0, 0.5);
color: #fff;
line-height: 1;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0;
z-index: 4; }
@media (max-width: 768px) {
.image-gallery-index {
font-size: .8em;
padding: 5px 10px; } }
</style><style type="text/css">/* https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
Fallback for browsers that do not support Custom Properties */
.Gallery {
height: calc(calc(var(--vh, 1vh) * 100) - 54px); }
.Gallery__ImgWrap {
height: calc(calc(var(--vh, 1vh) * 100) - 100px - 54px);
overflow: hidden; }
.Gallery__ImgWrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: calc(calc(var(--vh, 1vh) * 100) - 100px - 54px);
margin: calc(calc(calc(var(--vh, 1vh) * 100) - 100px - 54px) / 2) auto auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.fullscreen .Gallery__ImgWrap {
height: 100vh; }
.fullscreen .Gallery__ImgWrap img {
max-height: 100vh;
margin: calc(100vh / 2) auto auto; }
.Gallery__Thumb {
height: 100px; }
.Gallery__Thumb img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 88px;
margin: calc(88px / 2) auto auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.fullscreen .Gallery__Thumb {
display: none; }
</style><style type="text/css">.ViewerGallery__Popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
height: 100%;
border-radius: 0;
background-color: white;
outline: none; }
.ViewerGallery__Overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.54); }
.ViewerGallery__Head {
position: relative;
width: 100%;
height: 54px;
background: #0f3c99;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; }
.ViewerGallery__Title {
color: #fff; }
.ViewerGallery__Close {
position: absolute;
right: 0;
top: 0;
margin: 16px;
cursor: pointer;
z-index: 1000;
width: 24px;
height: 24px; }
.ViewerGallery__Close::before {
font-size: 2em;
font-family: "Ionicons";
content: "\F129";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: #fff;
line-height: .7;
text-shadow: 0 2px 2px #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerGallery__Icon {
width: 24px;
height: 24px; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.Viewer__TabsPanelVisibilityTrigger:after {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.Viewer {
display: -ms-flexbox;
display: flex;
width: 100%;
height: calc(100% - 70px);
background-color: #f1f1f1;
position: relative; }
.Viewer__Contents {
position: relative; }
.Viewer__ContentHolder {
pointer-events: none;
opacity: 0;
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 0;
z-index: 490;
background: #000;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.Viewer_tabsPanelVisible .Viewer__ContentHolder {
pointer-events: all;
opacity: .3; }
.Viewer__TabsPanelVisibilityTrigger {
display: none;
position: absolute;
left: 16px;
top: -50px;
width: 30px;
height: 30px;
overflow: hidden;
cursor: pointer; }
.Viewer__TabsPanelVisibilityTrigger:after {
content: '\F20D';
font-size: 30px;
line-height: 1;
color: #fff; }
.Viewer_tabsPanelVisible .Viewer__TabsPanelVisibilityTrigger:after {
content: '\F129'; }
.Viewer__ContentsImage {
width: 100%;
margin-top: 8px; }
.Viewer__ContentsImageWrap {
overflow: hidden;
-webkit-transition: height 0.4s ease;
-o-transition: height 0.4s ease;
transition: height 0.4s ease; }
.Viewer__ContentsList {
position: relative; }
.Viewer__ContentsList .Viewer__ContentsListWrapper > .Viewer__ContentsList {
margin-left: 0; }
.Viewer__ContentsList .Viewer__ContentsListWrapper > .Viewer__ContentsList .Viewer__ContentsListItem {
padding-left: 32px; }
.Viewer__ContentsListWrapper {
position: relative;
overflow: hidden;
-webkit-transition: height 0.4s ease;
-o-transition: height 0.4s ease;
transition: height 0.4s ease; }
.Viewer__ContentsListItem {
display: block;
padding: 16px;
border-bottom: #e6e6e6 1px solid;
cursor: pointer;
overflow: hidden; }
.Viewer__ContentsListItem:hover {
background-color: #e6e6e6; }
.Viewer__ContentsListItem_expanded {
background-color: #e6e6e6; }
.Viewer__ContentsListTitle {
position: relative; }
.Viewer__ContentsListTitle_isFavorite:before {
display: block;
position: absolute;
left: -14px;
top: 3px;
content: "\F24E";
font-size: 1em;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: #ff0038;
line-height: .7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.Viewer__View {
position: relative;
overflow: auto;
width: 100%;
padding: 16px 32px 16px 16px;
border-left: #0f3c99 1px solid; }
.Viewer_tabsPanelVisible .Viewer__View {
-webkit-filter: blur(2px);
filter: blur(2px); }
.Viewer__Article {
position: relative;
z-index: 1;
background-color: transparent; }
.Viewer__Article p {
margin-bottom: 16px; }
.Viewer__Article .bookmark {
background-color: #7fad09; }
.Viewer__Article .bookmark_selected {
background-color: gold; }
.Viewer__Article .selected {
background-color: hotpink; }
@media screen and (max-width: 1000px) {
.Viewer__TabsPanelVisibilityTrigger {
display: block; } }
@media print {
.Viewer {
height: auto;
display: block; }
.Viewer__View {
border: none;
padding: 32px; }
@supports (-ms-ime-align: auto) {
.Viewer__View {
overflow: visible; } } }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerTilesModal__Close:before, .ViewerTilesModal__Print:before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerTiles {
margin-right: -8px;
margin-bottom: 16px; }
.ViewerTiles:after {
content: "";
display: table;
clear: both; }
.ViewerTiles__Item {
float: left;
position: relative;
margin-right: 8px;
margin-bottom: 8px;
width: 150px;
height: 150px;
background: #fff;
border: 2px solid #0f3c99;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%; }
.ViewerTiles__Name {
position: absolute;
height: 30%;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
padding: 8px 5px 5px;
opacity: 0.9;
color: #fff;
background: #0f3c99;
font-size: 90%;
line-height: 1.3; }
.ViewerTilesModal__Title {
padding-top: 16px;
padding-left: 16px;
width: 100%;
text-align: center;
font-size: 15px; }
.ViewerTilesModal__Popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
border-radius: 0;
background-color: white;
outline: none; }
.ViewerTilesModal__Head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 60px;
background: #0f3c99;
color: #fff; }
.ViewerTilesModal__Close {
position: absolute;
right: 0;
top: 0;
margin: 16px;
cursor: pointer;
font-size: 1.5rem; }
.ViewerTilesModal__Close:before {
content: "\F129"; }
.ViewerTilesModal__Print {
position: absolute;
right: 0;
top: 60px;
margin: 16px;
cursor: pointer;
font-size: 1.5rem; }
.ViewerTilesModal__Print:before {
content: "\F21A";
color: #0f3c99; }
@media print {
.ViewerTilesModal__Print,
.ViewerTilesModal__Head {
display: none; }
.ViewerTiles__Item {
page-break-inside: avoid; } }
</style><style type="text/css">.ViewerTilesContent {
padding: 16px 48px 16px 32px;
height: calc(60px + 100%);
overflow: auto; }
.ViewerTilesContent p {
margin-bottom: 16px; }
.ViewerTilesContentMedia {
margin-bottom: 16px; }
audio {
width: 100%; }
</style><style type="text/css">.ViewerMarkers {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0; }
.ViewerMarker {
position: absolute;
height: 18px;
width: 20px;
background: #ffe371;
/*border: 1px solid #8a4596;
border-radius: 4px;*/
opacity: .4; }
.ViewerMarker__selection {
background: #3b5cb1;
opacity: .2; }
</style><style type="text/css">.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
display: block; }
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
opacity: 0;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.rc-tooltip-zoom-leave {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
-webkit-animation-name: rcToolTipZoomIn;
animation-name: rcToolTipZoomIn;
-webkit-animation-play-state: running;
animation-play-state: running; }
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
-webkit-animation-name: rcToolTipZoomOut;
animation-name: rcToolTipZoomOut;
-webkit-animation-play-state: running;
animation-play-state: running; }
@-webkit-keyframes rcToolTipZoomIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); }
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@keyframes rcToolTipZoomIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); }
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); } }
@-webkit-keyframes rcToolTipZoomOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
@keyframes rcToolTipZoomOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0); } }
.rc-tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.5;
opacity: 0.9; }
.rc-tooltip-hidden {
display: none; }
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
padding: 5px 0 9px 0; }
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
padding: 0 5px 0 9px; }
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
padding: 9px 0 5px 0; }
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
padding: 0 9px 0 5px; }
.rc-tooltip-inner {
padding: 8px 10px;
color: #fff;
text-align: left;
text-decoration: none;
background-color: #373737;
border-radius: 6px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
min-height: 34px; }
.rc-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
bottom: 4px;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #373737; }
.rc-tooltip-placement-top .rc-tooltip-arrow {
left: 50%; }
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
left: 15%; }
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
right: 15%; }
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
left: 4px;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #373737; }
.rc-tooltip-placement-right .rc-tooltip-arrow {
top: 50%; }
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
top: 15%;
margin-top: 0; }
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
bottom: 15%; }
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
right: 4px;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #373737; }
.rc-tooltip-placement-left .rc-tooltip-arrow {
top: 50%; }
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
top: 15%;
margin-top: 0; }
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
bottom: 15%; }
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
top: 4px;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #373737; }
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
left: 50%; }
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
left: 15%; }
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
right: 15%; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerBookmarkListItemDelete:after {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerBookmarkList {
position: relative; }
.ViewerBookmarkList_Empty {
padding: 16px; }
.ViewerBookmarkListItem {
position: relative;
display: block;
padding: 16px 32px 16px 16px;
border-bottom: #e6e6e6 1px solid;
cursor: pointer;
overflow: hidden; }
.ViewerBookmarkListItem:hover {
background-color: #e6e6e6; }
.ViewerBookmarkListItemDelete {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
cursor: pointer;
font: 0/0 a; }
.ViewerBookmarkListItemDelete:after {
content: '\F252';
font-size: 20px;
line-height: 1;
color: #ce2125; }
.ViewerBookmarkAdd {
position: absolute;
z-index: 500;
right: 8px;
top: 8px;
cursor: pointer;
width: calc(8px * 4);
text-align: center; }
.ViewerBookmarkAdd:before {
content: "\F26B";
font-size: 3em;
font-family: "Ionicons";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: #0f3c99;
line-height: .7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/*.ViewerBookmarkAdd {
position: absolute;
//background: white;
z-index: $zIndexModal;
right: 0;
top: 50px;
cursor: pointer;
width: calc(8px * 4);
text-align: center;
&:before {
content: "\f24e";
font-size: 2.1em;
font-family: "Ionicons";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: $colorPurple;
line-height: .7;
//text-shadow: 0 2px 2px #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}*/
.ViewerBookmark__Popup {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 0;
background-color: white;
outline: none;
min-width: 300px;
width: 70%; }
.ViewerBookmark__Overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.54); }
.ViewerBookmark__Head {
position: relative;
width: 100%;
height: 54px;
background: #0f3c99;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; }
.ViewerBookmark__Title {
color: #fff; }
.ViewerBookmark__Close {
position: absolute;
right: 0;
top: 0;
margin: 16px;
cursor: pointer;
z-index: 1000;
width: 24px;
height: 24px; }
.ViewerBookmark__Close::before {
font-size: 2em;
font-family: "Ionicons";
content: "\F129";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: #fff;
line-height: .7;
text-shadow: 0 2px 2px #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerBookmark__Icon {
width: 24px;
height: 24px; }
@media print {
.ViewerBookmarkAdd {
display: none; } }
</style><style type="text/css">.Form {
padding: 16px; }
.FormLabel {
margin-bottom: 16px;
display: block; }
.FormInput {
margin-bottom: 16px;
padding: 16px; }
.FormButton {
font-size: 15px;
border: #c2c2c2 1px solid;
border-radius: 2px; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerFavoriteListItemDelete:after {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerFavoriteList {
position: relative; }
.ViewerFavoriteList_Empty {
padding: 16px; }
.ViewerFavoriteListItem {
position: relative;
display: block;
padding: 16px 32px 16px 16px;
border-bottom: #e6e6e6 1px solid;
cursor: pointer;
overflow: hidden; }
.ViewerFavoriteListItem:hover {
background-color: #e6e6e6; }
.ViewerFavoriteListItemDelete {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
cursor: pointer;
font: 0/0 a; }
.ViewerFavoriteListItemDelete:after {
content: '\F252';
font-size: 20px;
line-height: 1;
color: #ce2125; }
.ViewerFavoriteAdd {
position: absolute;
z-index: 500;
right: 8px;
top: 50px;
cursor: pointer;
width: calc(8px * 4);
text-align: center; }
.ViewerFavoriteAdd:before {
content: "\F24E";
font-size: 2.1em;
font-family: "Ionicons";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
color: #0f3c99;
line-height: .7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerFavoriteAdd__isFavorite:before {
color: #ff0038; }
.ViewerFavorite__Icon {
width: 24px;
height: 24px; }
@media print {
.ViewerFavoriteAdd {
display: none; } }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerTabs {
position: relative;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.ViewerTabsWrapper {
width: 300px;
height: 100%;
overflow: auto;
padding-top: 30px; }
.ViewerTabsMenu {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
margin-bottom: 16px;
background: #0f3c99; }
.ViewerTabsMenuItem {
padding: 0 8px;
font-size: 13px;
line-height: 31px;
color: #fff;
cursor: pointer;
border-radius: 3px 3px 0 0; }
.ViewerTabsMenuItem:hover:not(.ViewerTabsMenuItem_active) {
background: #030099; }
.ViewerTabsMenuItem_active {
background: #f1f1f1;
color: #000; }
.ViewerTab {
display: none; }
.ViewerTab_visible {
display: block; }
@media screen and (max-width: 1000px) {
.ViewerTabs {
position: fixed;
top: 70px;
bottom: 0;
z-index: 500;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f1f1f1; }
.Viewer_tabsPanelVisible .ViewerTabs {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); } }
@media print {
.ViewerTabs {
display: none; } }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerTaskItem__Switcher:before, .ViewerTaskItem__Answer .check:before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ViewerTasks {
counter-reset: printCounter; }
.ViewerTasks__WriteArea {
display: none;
margin: 0 0 32px;
height: 40px;
border: #000 1px solid; }
.ViewerTasks__AllSwitcher {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer; }
.ViewerTasks__AllSwitcher:hover {
color: #0f3c99; }
.ViewerTaskItem {
padding: 16px 0;
display: -ms-flexbox;
display: flex; }
.ViewerTaskItem:first-child {
padding-top: 0; }
.ViewerTaskItem__Switcher {
width: calc(8px * 4); }
.ViewerTaskItem__Switcher:before {
content: "\F355";
font-size: 2rem;
margin-right: 32px;
cursor: pointer; }
.ViewerTaskItem.marked .ViewerTaskItem__Switcher:before,
.ViewerTasks__AllSwitcher.marked .ViewerTaskItem__Switcher:before {
content: "\F354";
color: #0f3c99; }
.ViewerTaskItem__Question {
margin-bottom: 16px;
font-size: 22px;
cursor: pointer; }
.ViewerTaskItem__Question:hover {
color: #0f3c99; }
.ViewerTaskItem__Answer {
margin-bottom: 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.ViewerTaskItem__Answer .check {
margin-right: 8px;
margin-top: -2px; }
.ViewerTaskItem__Answer .check:before {
content: "\F372";
color: #000;
font-size: 1.6rem; }
@media print {
.ViewerTaskItem {
-webkit-column-break-inside: avoid;
break-inside: avoid; }
.ViewerTasks__WriteArea {
display: block; }
.ViewerTasks__Title,
.ViewerTaskItem__Switcher,
.ViewerTasks__AllSwitcher,
.ViewerTaskItem:not(.marked) {
display: none; }
.ViewerTaskItem__PrintBox {
display: -ms-flexbox;
display: flex;
font-size: 22px; }
.ViewerTaskItem__PrintBox:before {
counter-increment: printCounter;
content: counter(printCounter) ".";
margin-right: 5px; } }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.ViewerTasksPrint {
color: #fff;
margin-left: 8px; }
@media print {
.ViewerTasksPrint {
display: none; } }
</style><style type="text/css">.Button {
display: inline-block;
padding: 0 16px;
font-size: 14px;
line-height: 30px;
border-radius: 3px;
cursor: pointer;
-webkit-box-shadow: 0 3px 6px rgba(3, 0, 153, 0.5);
box-shadow: 0 3px 6px rgba(3, 0, 153, 0.5);
background-color: #030099; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.PDFViewer__ZoomIn:before, .PDFViewer__ZoomOut:before, .PDFViewer__Share:before, .PDFViewer__Form button[type=submit]:before, .PDFViewer__SidebarTrigger:before, .PDFViewer__DTrigger i:before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.PDFViewer__Title {
padding-top: 16px;
padding-left: 16px;
width: 100%;
text-align: center;
font-size: 15px; }
.PDFViewer__Popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
border-radius: 0;
background-color: white;
outline: none; }
.PDFViewer__Head {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 70px;
background: #0f3c99;
color: #fff; }
.PDFView__Toggle {
margin-right: 16px;
font-size: 13px;
letter-spacing: 0.5px;
cursor: pointer;
white-space: nowrap; }
/* .PDFViewer__Close {
display: flex;
align-items: center;
margin: 16px;
cursor: pointer;
font-size: 1.5rem;
}
.PDFViewer__Close:before {
@extend %ion;
content: "\f129";
}
*/
.PDFViewer__Zoom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 16px; }
.PDFViewer__Zoom button {
font-size: 1.7rem;
background: transparent;
color: #fff;
cursor: pointer;
min-width: 32px; }
.PDFViewer__ZoomIn:before {
content: "\F359"; }
.PDFViewer__ZoomOut:before {
content: "\F3A9"; }
.PDFViewer__Share:before {
content: "\F3AC"; }
.PDFViewer__Form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 16px;
width: 250px; }
.PDFViewer__Form label {
font-size: 13px;
white-space: nowrap; }
.PDFViewer__Form input {
width: 50px;
padding: 3px 5px;
margin: 0 5px;
line-height: 1.2;
background: #f1f1f1; }
.PDFViewer__Form button[type=submit] {
font-size: 1.7rem;
background: transparent;
color: #fff;
cursor: pointer; }
.PDFViewer__Form button[type=submit]:before {
content: "\F4A4"; }
.PDFViewer__SidebarTrigger {
position: absolute;
left: 0;
-webkit-transition: left 500ms;
-o-transition: left 500ms;
transition: left 500ms;
background: #0f3c99;
cursor: pointer; }
.PDFViewer__SidebarTrigger:before {
content: "\F109";
padding: 0 5px;
color: #fff;
font-size: 1.5rem; }
.PDFViewer__SidebarTrigger.open {
left: 250px; }
.PDFViewer__SidebarTrigger.open:before {
content: "\F106"; }
.PDFViewer__Frame {
width: 100%;
height: calc(100% - 70px); }
.PDFViewer__DTrigger {
cursor: pointer;
position: relative;
font-size: 13px;
white-space: nowrap; }
.PDFViewer__DTrigger i:before {
margin-left: 8px;
width: 1rem;
height: 1rem;
content: "\F104"; }
.PDFViewer__DTrigger ul {
display: none;
position: absolute;
top: 30px;
right: 8px; }
.PDFViewer__DTrigger.open ul {
display: block;
border: 1px solid #fff;
border-radius: 4px;
background-color: #0f3c99; }
.PDFViewer__DTrigger.open li {
text-align: right;
padding: 8px; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.PDFViewerShare__Title i:before, .PDFViewerShare__Form button i:before {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.PDFViewerShare {
position: relative; }
.PDFViewerShare__DropDown {
position: absolute;
right: 0;
top: 35px;
width: 400px;
background: #fff;
color: #000;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px 1px #333;
box-shadow: 1px 1px 3px 1px #333;
font-size: 0.9em; }
.PDFViewerShare__Title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 15px;
font-weight: bold;
padding: 8px 16px;
border-bottom: 1px solid #9e9e9e; }
.PDFViewerShare__Title i:before {
content: "\F129";
cursor: pointer; }
.PDFViewerShare__Form {
margin-top: 8px;
margin-bottom: 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.PDFViewerShare__Form label, .PDFViewerShare__Form input {
padding: 8px; }
.PDFViewerShare__Form input {
width: 50px; }
.PDFViewerShare__Form input:invalid {
outline: 2px solid rgba(255, 0, 0, 0.5); }
.PDFViewerShare__Form button {
padding: 8px;
margin-bottom: 16px;
margin-left: 16px;
color: #000;
background: #f1f1f1;
font-size: 15px;
white-space: nowrap; }
.PDFViewerShare__Form button i {
margin-right: 5px; }
.PDFViewerShare__Form button i:before {
content: "\F2F8"; }
input.PDFViewerShare_Link {
width: 100%;
font-size: .9em; }
.PDFViewerShare__CopySuccess {
height: 1em; }
</style><style type="text/css">@charset "UTF-8";
/*!
Ionicons, v2.0.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: "Ionicons";
src: url(./asset/fonts/ionicons.eot);
src: url(./asset/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(./asset/fonts/ionicons.ttf) format("truetype"), url(./asset/fonts/ionicons.woff) format("woff"), url(./asset/fonts/ionicons.svg#Ionicons) format("svg");
font-weight: normal;
font-style: normal; }
.Header__PDFView:after {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.Header {
width: 100%;
color: #fff;
text-align: center;
background-color: #0f3c99;
position: relative; }
.Header__Title {
position: relative;
z-index: 510;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 70px;
margin: 0 200px;
font-size: 18px;
font-weight: normal; }
.Header__Title:after {
pointer-events: none;
opacity: 0;
content: attr(data-title);
position: absolute;
top: 100%;
left: 30px;
right: 30px;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
padding: 8px;
color: #000;
background: #fff;
font-size: 14px;
line-height: 18px;
-webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.4);
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.Header__Title:hover:after {
opacity: 1; }
.Header__TitleTruncate {
display: block;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.Header__PDFView {
position: absolute;
top: 22px;
right: 16px;
font-size: 13px;
letter-spacing: 0.5px;
cursor: pointer; }
.Header__PDFView:after {
display: none;
content: '\F21A';
font-size: 30px;
line-height: 1;
color: #fff; }
@media screen and (max-width: 1000px) {
.Header__Title {
margin: 0 70px; }
.Header__Title:after {
left: -50px;
right: -50px; }
.Header__PDFView {
padding: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none; }
.Header__PDFView:after {
display: block; }
.Header__PDFView .Header__PDFViewTitle {
display: none; } }
@media print {
.Header {
display: none; } }
</style><style type="text/css">/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
button,
button:active {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
/*@import './mixins/fonts.scss';*/
html,
body {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto", sans-serif;
font-size: 15px;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
/* -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-ms-touch-action: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);*/ }
/*::selection {
background: #ffb7b7; !* WebKit/Blink Browsers *!
}*/
body * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#root {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%; }
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
a {
color: #380078;
text-decoration: none; }
h1 {
margin-bottom: 16px;
font-size: 32px;
font-weight: 500; }
h2 {
margin-bottom: 16px;
font-size: 22px;
font-weight: 500; }
input[type="number"] {
-moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
input,
textarea {
width: 100%;
margin: 0;
padding: 0 16px;
border: #c2c2c2 1px solid;
border-radius: 2px;
font-family: "Roboto", sans-serif;
font-size: 15px;
line-height: 1.15;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
input:focus,
textarea:focus {
outline: none; }
input.inputInvalid,
textarea.inputInvalid {
-webkit-box-shadow: 0 0 5px #ce2125;
box-shadow: 0 0 5px #ce2125; }
textarea {
vertical-align: middle; }
svg {
pointer-events: none; }
@media print {
@page {
margin: 0;
padding: 0; }
html, body, #root {
height: auto; } }
</style></head><body class="ReactModal__Body--open"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root" aria-hidden="true"><div class="App"><header class="Header"><h1 class="Header__Title" data-title="Обществознание. 11 класс. Базовый уровень. Электронная форма учебника"><span class="Header__TitleTruncate">Обществознание. 11 класс. Базовый уровень. Электронная форма учебника</span></h1><div class="Button Header__PDFView"><span class="Header__PDFViewTitle">Печатный учебник</span></div></header></div></div><script type="text/javascript">!function(n){function r(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}var o={};r.m=n,r.c=o,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="./",r(r.s=162)}([function(e,t,n){"use strict";e.exports=n(170)},function(e,t,n){e.exports=n(195)()},function(e,t,n){e.exports=n.p+"asset/fonts/ionicons.eot"},function(e,t){function r(e,t){var n,r=e[1]||"",o=e[3];if(!o)return r;if(t&&"function"==typeof btoa){var i=(n=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");return[r].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([i]).join("\n")}return[r].join("\n")}e.exports=function(n){var a=[];return a.toString=function(){return this.map(function(e){var t=r(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},a.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},r=0;r<this.length;r++){var o=this[r][0];"number"==typeof o&&(n[o]=!0)}for(r=0;r<e.length;r++){var i=e[r];"number"==typeof i[0]&&n[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="("+i[2]+") and ("+t+")"),a.push(i))}},a}},function(e,t,n){function l(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=m[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(s(r.parts[i],t))}else{var a=[];for(i=0;i<r.parts.length;i++)a.push(s(r.parts[i],t));m[r.id]={id:r.id,refs:1,parts:a}}}}function u(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=t.base?i[0]+t.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(s):n.push(r[a]={id:a,parts:[s]})}return n}function c(e,t){var n=a(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=b[b.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),b.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=a(e.insertInto+" "+e.insertAt.before);n.insertBefore(t,o)}}function f(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=b.indexOf(e);0<=t&&b.splice(t,1)}function p(e){var t=document.createElement("style");return e.attrs.type="text/css",d(t,e.attrs),c(e,t),t}function d(t,n){Object.keys(n).forEach(function(e){t.setAttribute(e,n[e])})}function s(t,e){var n,r,o,i,a,s;if(e.transform&&t.css){if(!(i=e.transform(t.css)))return function(){};t.css=i}if(e.singleton){var l=v++;n=g||(g=p(e)),r=h.bind(null,n,l,!1),o=h.bind(null,n,l,!0)}else o=t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(a=e,s=document.createElement("link"),a.attrs.type="text/css",a.attrs.rel="stylesheet",d(s,a.attrs),c(a,s),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=y(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n=s,e),function(){f(n),n.href&&URL.revokeObjectURL(n.href)}):(n=p(e),r=function(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),function(){f(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}function h(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=T(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}var r,o,m={},i=function(){return void 0===o&&(o=function(){return window&&document&&document.all&&!window.atob}.apply(this,arguments)),o},a=(r={},function(e){if(void 0===r[e]){var t=function(e){return document.querySelector(e)}.call(this,e);if(t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}r[e]=t}return r[e]}),g=null,v=0,b=[],y=n(219);e.exports=function(e,a){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(a=a||{}).attrs="object"==typeof a.attrs?a.attrs:{},a.singleton||(a.singleton=i()),a.insertInto||(a.insertInto="head"),a.insertAt||(a.insertAt="bottom");var s=u(e,a);return l(s,a),function(e){for(var t=[],n=0;n<s.length;n++){var r=s[n];(o=m[r.id]).refs--,t.push(o)}e&&l(u(e,a),a);for(n=0;n<t.length;n++){var o;if(0===(o=t[n]).refs){for(var i=0;i<o.parts.length;i++)o.parts[i]();delete m[o.id]}}}};var w,T=(w=[],function(e,t){return w[e]=t,w.filter(Boolean).join("\n")})},function(e,t,n){"use strict";n.d(t,"d",function(){return r}),n.d(t,"b",function(){return o}),n.d(t,"a",function(){return i}),n.d(t,"g",function(){return a}),n.d(t,"e",function(){return s}),n.d(t,"c",function(){return l}),n.d(t,"f",function(){return u});var r={bookTitle:"Электронный учебник",pdfBookButton:"Печатный учебник",ebookBookButton:"Электронный учебник",screenTablet:1e3},o="mobile screen",i="desktop screen",a={dataPath:"path",defaultView:"default",pageFrom:"pageFrom",pageTo:"pageTo",scrollToPage:"scrollToPage",token:"token"},s={inProgress:"action in progress",ready:"ready to action"},l={jsonFileName:"content.json",metaFileName:"meta.json",pdfBookFolder:"pdf/",pdfBookIndex:"book.html",pdfBookOutline:"book.outline",pdfBookScalestep:.9},u={favorites:"favorites",bookmarks:"bookmarks",separator:";"}},functio