You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
715 lines
19 KiB
CSS
715 lines
19 KiB
CSS
10 years ago
|
@-webkit-keyframes pulsate {
|
||
|
from {
|
||
|
box-shadow: 0 0 0px #000000; }
|
||
|
|
||
|
40% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
60% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
to {
|
||
|
box-shadow: 0 0 0px #000000; } }
|
||
|
|
||
|
@-moz-keyframes pulsate {
|
||
|
from {
|
||
|
box-shadow: 0 0 0px #000000; }
|
||
|
|
||
|
40% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
60% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
to {
|
||
|
box-shadow: 0 0 0px #000000; } }
|
||
|
|
||
|
@-o-keyframes pulsate {
|
||
|
from {
|
||
|
box-shadow: 0 0 0px #000000; }
|
||
|
|
||
|
40% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
60% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
to {
|
||
|
box-shadow: 0 0 0px #000000; } }
|
||
|
|
||
|
@-ms-keyframes pulsate {
|
||
|
from {
|
||
|
box-shadow: 0 0 0px #000000; }
|
||
|
|
||
|
40% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
60% {
|
||
|
box-shadow: 0 0 15px #005f52; }
|
||
|
|
||
|
to {
|
||
|
box-shadow: 0 0 0px #000000; } }
|
||
|
|
||
|
.pulsate {
|
||
|
-webkit-animation-name: pulsate;
|
||
|
-webkit-animation-duration: 800ms;
|
||
|
-webkit-animation-iteration-count: 3;
|
||
|
-moz-animation-name: pulsate;
|
||
|
-moz-animation-duration: 800ms;
|
||
|
-moz-animation-iteration-count: 3;
|
||
|
-o-animation-name: pulsate;
|
||
|
-o-animation-duration: 800ms;
|
||
|
-o-animation-iteration-count: 3;
|
||
|
-ms-animation-name: pulsate;
|
||
|
-ms-animation-duration: 800ms;
|
||
|
-ms-animation-iteration-count: 3; }
|
||
|
|
||
|
.error-stack {
|
||
|
background-color: black;
|
||
|
padding: 16px; }
|
||
|
|
||
|
.side-margins {
|
||
|
margin-left: 64px;
|
||
|
margin-right: 64px; }
|
||
|
|
||
|
.pure-button-small {
|
||
|
padding: 6px 11px;
|
||
|
font-size: 15px; }
|
||
|
|
||
|
.clearfix:after {
|
||
|
content: "";
|
||
|
display: table;
|
||
|
clear: both; }
|
||
|
|
||
|
.return-button {
|
||
|
margin-top: -3px;
|
||
|
float: right; }
|
||
|
|
||
|
body {
|
||
|
background-color: #2D2D31;
|
||
|
color: white;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
padding: 0px;
|
||
|
margin: 0px;
|
||
|
font-size: 16px; }
|
||
|
body.full-screen {
|
||
|
overflow: hidden; }
|
||
|
body a {
|
||
|
color: #94EBD9;
|
||
|
text-decoration: none; }
|
||
|
body a:hover {
|
||
|
/*color: #67C7B3;*/
|
||
|
color: #BAF5E9; }
|
||
|
body section, body .popup {
|
||
|
padding: 16px 19px;
|
||
|
background-color: #1f1f1f;
|
||
|
border-radius: 6px;
|
||
|
margin-top: 24px; }
|
||
|
body section h3, body .popup h3 {
|
||
|
margin-top: 0px; }
|
||
|
body .popup {
|
||
|
padding: 8px 12px;
|
||
|
margin-top: 0px;
|
||
|
display: inline-block; }
|
||
|
body .popup label, body .popup input, body .popup button {
|
||
|
margin-right: 12px;
|
||
|
padding: 0.2em 0.6em !important; }
|
||
|
body .popup input {
|
||
|
width: 400px; }
|
||
|
body .pure-button {
|
||
|
background-color: #000000;
|
||
|
border: 1px solid #0B7474;
|
||
|
color: white; }
|
||
|
body .pure-button.inline {
|
||
|
padding: 3px 9px;
|
||
|
margin: 0px 4px; }
|
||
|
body .wrapper {
|
||
|
max-width: 960px;
|
||
|
margin: 0px auto; }
|
||
|
body .header, body .contents, body .subtext {
|
||
|
padding: 18px; }
|
||
|
body .subtext {
|
||
|
background-color: #1f1f1f;
|
||
|
padding: 4px 18px; }
|
||
|
body .progress-bar {
|
||
|
position: relative;
|
||
|
border-radius: 8px;
|
||
|
margin: 16px 0px;
|
||
|
overflow: hidden;
|
||
|
background-color: #06282D;
|
||
|
padding: 4px 3px;
|
||
|
height: 24px; }
|
||
|
body .progress-fill {
|
||
|
border-radius: 8px;
|
||
|
background-color: #0a8071;
|
||
|
height: 24px; }
|
||
|
body .progress-text {
|
||
|
position: absolute;
|
||
|
top: 4px;
|
||
|
bottom: 0px;
|
||
|
left: 0px;
|
||
|
right: 0px;
|
||
|
text-align: center;
|
||
|
font-size: 18px;
|
||
|
text-shadow: 0px 0px 3px #000000;
|
||
|
-webkit-text-shadow: 0px 0px 3px #000000;
|
||
|
-moz-text-shadow: 0px 0px 3px #000000;
|
||
|
-o-text-shadow: 0px 0px 3px #000000;
|
||
|
-ms-text-shadow: 0px 0px 3px #000000; }
|
||
|
body .progress-container {
|
||
|
position: relative;
|
||
|
height: 24px;
|
||
|
margin: 28px 0px; }
|
||
|
body .progress-container label {
|
||
|
position: absolute;
|
||
|
top: 0px;
|
||
|
left: 0px;
|
||
|
font-size: 19px;
|
||
|
font-weight: bold;
|
||
|
margin-top: 4px; }
|
||
|
body .progress-container .progress-bar {
|
||
|
position: absolute;
|
||
|
left: 250px;
|
||
|
right: 0px;
|
||
|
margin: 0px; }
|
||
|
body .progress-container .progress-text {
|
||
|
text-align: left;
|
||
|
margin-left: 16px; }
|
||
|
body .header {
|
||
|
background-color: black;
|
||
|
overflow: hidden;
|
||
|
height: 42px; }
|
||
|
body .header h1 {
|
||
|
margin: 0px;
|
||
|
display: inline-block;
|
||
|
font-size: 32px; }
|
||
|
body .header h1 a {
|
||
|
text-decoration: inherit;
|
||
|
color: inherit; }
|
||
|
body .header .pure-button {
|
||
|
background-color: #3C3C3C; }
|
||
|
body .header .button-upload, body .header .button-lite {
|
||
|
/*display: inline-block;
|
||
|
margin-left: 32px;
|
||
|
vertical-align: 5px;*/
|
||
|
float: right; }
|
||
|
body .header .button-lite {
|
||
|
border: 1px solid transparent;
|
||
|
background: none;
|
||
|
margin-right: 4px; }
|
||
|
body .header .button-lite:hover {
|
||
|
background-color: #3C3C3C;
|
||
|
border: 1px solid #0B7474; }
|
||
|
body .header .abuse {
|
||
|
float: right;
|
||
|
margin-right: 64px;
|
||
|
margin-top: 10px; }
|
||
|
body .contents h2 {
|
||
|
margin-top: 0px; }
|
||
|
body .contents #upload_activator {
|
||
|
margin-bottom: 18px; }
|
||
|
body .contents .latest {
|
||
|
margin-top: 64px; }
|
||
|
body .contents .latest a.document {
|
||
|
display: inline-block;
|
||
|
width: 150px;
|
||
|
height: 218px;
|
||
|
background-color: white;
|
||
|
text-decoration: none;
|
||
|
border: 0px;
|
||
|
margin-right: 6px; }
|
||
|
body .contents .latest a.document img {
|
||
|
width: 150px; }
|
||
|
body .contents .latest a.gallery-link {
|
||
|
display: block;
|
||
|
float: right;
|
||
|
padding: 12px 64px; }
|
||
|
body .contents .upload-form {
|
||
|
font-size: 18px;
|
||
|
text-align: center;
|
||
|
margin-top: 38px; }
|
||
|
body .contents .upload-form .button-browse {
|
||
|
font-size: 24px;
|
||
|
vertical-align: -1px;
|
||
|
margin-right: 24px; }
|
||
|
body .contents .upload-form .faded {
|
||
|
opacity: 0.4; }
|
||
|
body .contents .upload-form .info, body .contents .upload-form .fileinfo, body .contents .upload-form .progress {
|
||
|
text-align: left;
|
||
|
max-width: 700px;
|
||
|
margin: 64px auto 0px auto; }
|
||
|
body .contents .upload-form .fileinfo {
|
||
|
display: none; }
|
||
|
body .contents .upload-form .fileinfo h2 {
|
||
|
margin: 0px 0px 16px 0px; }
|
||
|
body .contents .upload-form .fileinfo label {
|
||
|
margin-left: 7px; }
|
||
|
body .contents .upload-form .fileinfo .button-submit {
|
||
|
float: right;
|
||
|
margin-top: 16px; }
|
||
|
body .contents .upload-form .progress {
|
||
|
display: none;
|
||
|
margin-top: 32px; }
|
||
|
body .contents .upload-form .progress .wait {
|
||
|
display: none; }
|
||
|
body .contents .upload-form #uploadError {
|
||
|
background-color: #CD1E32;
|
||
|
padding: 20px 28px;
|
||
|
text-align: left;
|
||
|
width: 700px;
|
||
|
margin: 0px auto;
|
||
|
display: none;
|
||
|
margin-top: 16px; }
|
||
|
body .contents .upload-form #uploadError h3 {
|
||
|
margin-top: 0px;
|
||
|
margin-bottom: 7px; }
|
||
|
body .contents .upload-form #uploadError p {
|
||
|
margin: 0px; }
|
||
|
body .contents .upload-form #upload_element {
|
||
|
display: none; }
|
||
|
body .contents .upload-form .bar, body .contents .upload-form .bar-inner {
|
||
|
height: 12px; }
|
||
|
body .contents .upload-form .bar {
|
||
|
border: 1px solid #0B7474;
|
||
|
border-radius: 4px;
|
||
|
overflow: hidden;
|
||
|
margin-top: 8px; }
|
||
|
body .contents .upload-form .bar-inner {
|
||
|
background-color: #014949;
|
||
|
width: 0%;
|
||
|
border-radius: 3px; }
|
||
|
body .viewer-contents .embed_code, body .viewer-contents .link_code {
|
||
|
background-color: #1C1C1C;
|
||
|
border: 1px solid black;
|
||
|
border-radius: 4px;
|
||
|
padding: 4px;
|
||
|
color: #E1E1E1; }
|
||
|
body .viewer-contents textarea.embed_code, body .viewer-contents .link_code {
|
||
|
width: 247px;
|
||
|
margin-top: 7px; }
|
||
|
body .viewer-contents input.embed_code {
|
||
|
width: 275px; }
|
||
|
body .viewer-contents .viewer-wrapper {
|
||
|
position: absolute;
|
||
|
top: 78px;
|
||
|
/*top: 117px;*/
|
||
|
bottom: 0px;
|
||
|
left: 0px;
|
||
|
right: 320px;
|
||
|
overflow: hidden; }
|
||
|
body .viewer-contents .viewer-wrapper .viewer {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
border: 0px; }
|
||
|
body .viewer-contents .bottombar {
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
bottom: 0px;
|
||
|
left: 0px;
|
||
|
right: 0px;
|
||
|
height: 48px;
|
||
|
padding: 8px; }
|
||
|
body .viewer-contents .bottombar .header-wrapper {
|
||
|
width: 99%; }
|
||
|
body .viewer-contents .bottombar .header-wrapper h2 {
|
||
|
display: block;
|
||
|
margin: 0px 0px 3px 0px;
|
||
|
font-size: 17px;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis; }
|
||
|
body .viewer-contents .bottombar .tools {
|
||
|
font-size: 14px; }
|
||
|
body .viewer-contents .bottombar .tools .views {
|
||
|
float: left;
|
||
|
margin-top: 4px;
|
||
|
font-weight: bold; }
|
||
|
body .viewer-contents .bottombar .tools .embed {
|
||
|
float: right;
|
||
|
margin-right: 48px; }
|
||
|
body .viewer-contents .bottombar .tools .download {
|
||
|
float: right; }
|
||
|
body .viewer-contents .sidebar {
|
||
|
position: absolute;
|
||
|
top: 78px;
|
||
|
/*top: 117px;*/
|
||
|
bottom: 0px;
|
||
|
right: 0px;
|
||
|
width: 320px;
|
||
|
box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
overflow-y: auto; }
|
||
|
body .viewer-contents .sidebar .actual-contents {
|
||
|
padding: 16px; }
|
||
|
body .viewer-contents .sidebar h2 {
|
||
|
margin: 6px 0px 0px 0px;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis; }
|
||
|
body .viewer-contents .sidebar .embed_code {
|
||
|
height: 100px; }
|
||
|
body .viewer-contents .sidebar .download-box, body .viewer-contents .sidebar .embed-box, body .viewer-contents .sidebar .link-box {
|
||
|
padding: 13px 16px;
|
||
|
margin-top: 24px;
|
||
|
border-radius: 4px; }
|
||
|
body .viewer-contents .sidebar .download-box {
|
||
|
background-color: #0b4d56; }
|
||
|
body .viewer-contents .sidebar .download-box .formats {
|
||
|
margin-top: 12px; }
|
||
|
body .viewer-contents .sidebar .embed-box, body .viewer-contents .sidebar .link-box {
|
||
|
background-color: #3a3e45; }
|
||
|
body .viewer-contents .sidebar h3 {
|
||
|
margin: 0px 0px 4px 0px; }
|
||
|
body .viewer-contents .sidebar p {
|
||
|
margin-top: 4px;
|
||
|
margin-bottom: 0px; }
|
||
|
body .viewer-contents .sidebar .donation-box {
|
||
|
padding: 0px 16px 16px 16px;
|
||
|
background-color: black;
|
||
|
text-align: center; }
|
||
|
body .viewer-contents .sidebar .donation-box h3 {
|
||
|
font-size: 18px;
|
||
|
margin-bottom: 8px; }
|
||
|
body .viewer-contents .sidebar .donation-box p.amounts {
|
||
|
font-size: 21px;
|
||
|
margin-bottom: 12px; }
|
||
|
body .viewer-contents .sidebar .donation-box .donation-buttons {
|
||
|
margin-top: 16px;
|
||
|
font-size: 15px; }
|
||
|
body .viewer-contents .sidebar .donation-box .donation-buttons a.pure-button {
|
||
|
margin-right: 16px;
|
||
|
padding: .4em .9em; }
|
||
|
body .viewer-contents .sidebar .toolbar-settings {
|
||
|
margin: 8px 3px; }
|
||
|
body .viewer-contents .sidebar .toolbar-settings input {
|
||
|
position: relative;
|
||
|
top: 2px;
|
||
|
margin-right: 6px; }
|
||
|
body .viewer-contents .sidebar .toolbar-settings label {
|
||
|
margin-right: 14px;
|
||
|
margin-top: -2px;
|
||
|
font-size: 14px; }
|
||
|
body .viewer-contents .sidebar .stats {
|
||
|
margin-top: 8px;
|
||
|
font-size: 13px;
|
||
|
padding: 5px 8px;
|
||
|
text-align: center; }
|
||
|
body.announcement-visible .viewer-contents .viewer-wrapper, body.announcement-visible .viewer-contents .sidebar {
|
||
|
top: 117px; }
|
||
|
body .gallery {
|
||
|
background-color: #242427;
|
||
|
border: 1px solid black; }
|
||
|
body .gallery .next, body .gallery .previous {
|
||
|
display: block;
|
||
|
padding: 16px;
|
||
|
font-size: 18px; }
|
||
|
body .gallery .next {
|
||
|
float: right; }
|
||
|
body .gallery .previous {
|
||
|
float: left; }
|
||
|
body .gallery .document {
|
||
|
padding: 24px;
|
||
|
border-bottom: 1px solid black;
|
||
|
display: block;
|
||
|
color: white; }
|
||
|
body .gallery .document:after {
|
||
|
content: ".";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
visibility: hidden; }
|
||
|
body .gallery .document:hover {
|
||
|
background-color: #2a2a2e; }
|
||
|
body .gallery .document span {
|
||
|
display: block; }
|
||
|
body .gallery .document span.thumb {
|
||
|
width: 83px;
|
||
|
height: 120px;
|
||
|
float: left;
|
||
|
background-color: white;
|
||
|
margin-right: 16px; }
|
||
|
body .gallery .document span.thumb img {
|
||
|
height: 120px; }
|
||
|
body .gallery .document .name {
|
||
|
font-weight: bold;
|
||
|
font-size: 24px; }
|
||
|
body .gallery .document .date {
|
||
|
font-size: 20px; }
|
||
|
body .gallery .document .views {
|
||
|
font-size: 18px; }
|
||
|
body .donation-page .js-available {
|
||
|
display: none; }
|
||
|
body .donation-page .bip21-qr {
|
||
|
float: right;
|
||
|
margin: -25px 12px 12px 12px; }
|
||
|
body .donation-page section:after {
|
||
|
content: "";
|
||
|
display: table;
|
||
|
clear: both; }
|
||
|
body .donation-page section.instructions {
|
||
|
min-height: 200px; }
|
||
|
body .donation-page .option {
|
||
|
float: left;
|
||
|
padding: 14px;
|
||
|
border: 1px solid gray;
|
||
|
margin: 5px;
|
||
|
width: 190px;
|
||
|
height: 60px;
|
||
|
border-radius: 6px;
|
||
|
text-align: center;
|
||
|
font-size: 20px;
|
||
|
position: relative;
|
||
|
background-color: #0D0D0D; }
|
||
|
body .donation-page .option.payment-method {
|
||
|
height: 75px; }
|
||
|
body .donation-page .option.payment-method label {
|
||
|
font-size: 14px; }
|
||
|
body .donation-page .option.payment-method label.fixed {
|
||
|
position: absolute;
|
||
|
bottom: 21px;
|
||
|
left: 0px;
|
||
|
right: 0px;
|
||
|
text-align: center; }
|
||
|
body .donation-page .option.payment-method label.logo {
|
||
|
font-size: 33px;
|
||
|
font-weight: bold;
|
||
|
color: #efefef; }
|
||
|
body .donation-page .option.selected {
|
||
|
background-color: #003D35; }
|
||
|
body .donation-page .option label, body .donation-page .option input {
|
||
|
display: block;
|
||
|
margin: 0px auto; }
|
||
|
body .donation-page .option label {
|
||
|
margin-bottom: 9px; }
|
||
|
body .donation-page .option input[type="radio"] {
|
||
|
position: absolute;
|
||
|
bottom: 12px;
|
||
|
left: 50%;
|
||
|
margin-left: -6px; }
|
||
|
body .donation-page .option .exchange-rate {
|
||
|
font-size: 15px; }
|
||
|
body .donation-page .option #custom_amount_input {
|
||
|
width: 72px;
|
||
|
display: inline;
|
||
|
margin-left: 5px;
|
||
|
background-color: #202020;
|
||
|
border: 1px solid #474747;
|
||
|
color: white;
|
||
|
padding: 4px 4px 3px 4px;
|
||
|
font-size: 19px; }
|
||
|
body .donation-page .paypal-button {
|
||
|
text-align: center;
|
||
|
padding: 24px;
|
||
|
background-color: #0D0D0D; }
|
||
|
body .donation-page .paypal-button:hover {
|
||
|
background-color: black; }
|
||
|
body .blog-post h2, body .blog-index h2 {
|
||
|
font-size: 29px; }
|
||
|
body .blog-index .post {
|
||
|
margin-bottom: 9px; }
|
||
|
body .blog-index .date {
|
||
|
font-family: monospace;
|
||
|
margin-right: 16px;
|
||
|
color: #dbdbdb;
|
||
|
font-size: 15px; }
|
||
|
body .blog-index .title {
|
||
|
margin-left: 8px; }
|
||
|
body .blog-post section {
|
||
|
padding: 1px 24px; }
|
||
|
body .blog-post a.anchor {
|
||
|
float: left;
|
||
|
margin-left: -16px;
|
||
|
margin-top: 4px;
|
||
|
font-weight: normal;
|
||
|
font-size: 80%; }
|
||
|
body .blog-post h3 {
|
||
|
font-size: 24px; }
|
||
|
body .blog-post h4 {
|
||
|
font-size: 19px; }
|
||
|
body .admin {
|
||
|
position: relative; }
|
||
|
body .admin th, body .admin td {
|
||
|
padding: 4px 7px; }
|
||
|
body .admin th {
|
||
|
text-align: left; }
|
||
|
body .admin td {
|
||
|
border-top: 1px solid gray; }
|
||
|
body .admin .save-button {
|
||
|
margin-right: 8px; }
|
||
|
body .admin form.pure-g [class*="pure-u"] {
|
||
|
box-sizing: border-box;
|
||
|
padding: 5px; }
|
||
|
body .admin form.pure-g label {
|
||
|
font-weight: bold;
|
||
|
font-size: 18px;
|
||
|
margin-bottom: 8px; }
|
||
|
body .admin form.pure-g .md-editor {
|
||
|
font-family: monospace; }
|
||
|
body .admin form.pure-g .md-preview {
|
||
|
border: 1px solid #575757;
|
||
|
padding: 8px 16px;
|
||
|
border-radius: 5px; }
|
||
|
body .admin form.pure-g .submit {
|
||
|
position: absolute;
|
||
|
right: 0px;
|
||
|
margin-top: -6px; }
|
||
|
body .error h2 {
|
||
|
font-size: 22px; }
|
||
|
body .pure-button img.icon {
|
||
|
position: relative;
|
||
|
top: 1px;
|
||
|
margin-right: 6px; }
|
||
|
|
||
|
.footer {
|
||
|
margin-top: 32px;
|
||
|
padding-top: 12px;
|
||
|
border-top: 1px solid #DEDEDE;
|
||
|
font-size: 14px;
|
||
|
color: #DEDEDE; }
|
||
|
|
||
|
#drag_ghost {
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
z-index: 999;
|
||
|
padding: 8px;
|
||
|
background-color: #1D3030;
|
||
|
border: 1px solid #0B7474;
|
||
|
box-shadow: 3px 3px 8px 0px #131314;
|
||
|
color: white;
|
||
|
font-size: 19px;
|
||
|
font-weight: bold;
|
||
|
border-radius: 5px; }
|
||
|
|
||
|
@media (max-width: 570px) {
|
||
|
.button-lite.hide-x-small {
|
||
|
display: none; } }
|
||
|
|
||
|
@media (max-width: 640px) {
|
||
|
.bottombar .embed {
|
||
|
display: none; } }
|
||
|
|
||
|
@media (max-width: 660px) {
|
||
|
.alt-small {
|
||
|
display: block; }
|
||
|
.alt-large {
|
||
|
display: none; } }
|
||
|
|
||
|
@media (min-width: 650px) {
|
||
|
.alt-small {
|
||
|
display: none; }
|
||
|
.alt-large {
|
||
|
display: block; } }
|
||
|
|
||
|
@media (max-width: 800px) {
|
||
|
.dragdrop-instructions {
|
||
|
display: block; } }
|
||
|
|
||
|
@media (max-width: 1000px) {
|
||
|
.hide-small {
|
||
|
display: none; } }
|
||
|
|
||
|
@media (max-width: 1200px) {
|
||
|
body .viewer-contents .sidebar {
|
||
|
display: none; }
|
||
|
body .viewer-contents .viewer-wrapper {
|
||
|
right: 0px;
|
||
|
bottom: 64px; }
|
||
|
body .viewer-contents .bottombar {
|
||
|
display: block; } }
|
||
|
|
||
|
@media (max-height: 940px) {
|
||
|
body .header {
|
||
|
padding: 10px 18px; }
|
||
|
body .viewer-contents .viewer-wrapper, body .viewer-contents .sidebar {
|
||
|
top: 62px; }
|
||
|
body .viewer-contents .sidebar h2 {
|
||
|
margin: 0px;
|
||
|
font-size: 20px; }
|
||
|
body .viewer-contents .sidebar h3 {
|
||
|
font-size: 18px;
|
||
|
margin: 0px; }
|
||
|
body .viewer-contents .sidebar p {
|
||
|
margin: 1px 0px; }
|
||
|
body .viewer-contents .sidebar .embed-box, body .viewer-contents .sidebar .link-box, body .viewer-contents .sidebar .download-box {
|
||
|
margin: 16px 0px;
|
||
|
padding: 8px 16px 10px 16px; }
|
||
|
body .viewer-contents .sidebar .donation-box {
|
||
|
padding-top: 8px; }
|
||
|
body .viewer-contents .sidebar textarea.embed_code {
|
||
|
height: 32px; }
|
||
|
body .viewer-contents .sidebar .stats {
|
||
|
margin-top: 4px;
|
||
|
padding: 0px 8px; }
|
||
|
body.announcement-visible .viewer-contents .viewer-wrapper, body.announcement-visible .viewer-contents .sidebar {
|
||
|
top: 101px; } }
|
||
|
|
||
|
.clear {
|
||
|
clear: both; }
|
||
|
|
||
|
.notice {
|
||
|
background-color: #086458;
|
||
|
color: white;
|
||
|
padding: 8px 14px;
|
||
|
margin-bottom: 32px;
|
||
|
border-radius: 4px; }
|
||
|
.notice a {
|
||
|
color: white; }
|
||
|
.notice p {
|
||
|
margin: 8px 0px; }
|
||
|
|
||
|
.announce {
|
||
|
background-color: #0A8071;
|
||
|
color: white;
|
||
|
text-align: center;
|
||
|
padding: 12px 16px;
|
||
|
font-size: 18px; }
|
||
|
.announce a {
|
||
|
color: white; }
|
||
|
|
||
|
.full-screen .announce {
|
||
|
height: 21px;
|
||
|
overflow: hidden;
|
||
|
font-size: 17px;
|
||
|
padding: 9px 16px; }
|
||
|
|
||
|
::-webkit-scrollbar {
|
||
|
background-color: white; }
|
||
|
|
||
|
::-webkit-scrollbar-track {
|
||
|
background-color: #5A5A61; }
|
||
|
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background-color: #171717; }
|
||
|
|
||
|
::-webkit-scrollbar-track:vertical {
|
||
|
border-left: 1px solid #323235; }
|
||
|
|
||
|
::-webkit-scrollbar-thumb-vertical {
|
||
|
border-left: 1px solid #323235; }
|
||
|
|
||
|
::-webkit-scrollbar-track:horizontal {
|
||
|
border-top: 1px solid #323235; }
|
||
|
|
||
|
::-webkit-scrollbar-thumb-horizontal {
|
||
|
border-top: 1px solid #323235; }
|
||
|
|
||
|
::-webkit-scrollbar-button {
|
||
|
background-color: #1C1C1C;
|
||
|
color: white;
|
||
|
background-position: 0px -1px; }
|
||
|
|
||
|
::-webkit-scrollbar-button:vertical:increment {
|
||
|
background-image: url(/static/pdfjs/images/arrow-down.png);
|
||
|
border-top: 1px solid black; }
|
||
|
|
||
|
::-webkit-scrollbar-button:vertical:decrement {
|
||
|
background-image: url(/static/pdfjs/images/arrow-up.png);
|
||
|
border-bottom: 1px solid black; }
|
||
|
|
||
|
::-webkit-scrollbar-button:horizontal:increment {
|
||
|
background-image: url(/static/pdfjs/images/arrow-right.png);
|
||
|
border-left: 1px solid black; }
|
||
|
|
||
|
::-webkit-scrollbar-button:horizontal:decrement {
|
||
|
background-image: url(/static/pdfjs/images/arrow-left.png);
|
||
|
border-right: 1px solid black; }
|