Created
August 1, 2023 14:58
-
-
Save spxwnmc/06b5a6c01fe5d0417ed189c9afcef508 to your computer and use it in GitHub Desktop.
fancy
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */ | |
/*! | |
* Base CSS for pdf2htmlEX | |
* Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com> | |
* https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE | |
*/ | |
/* Part 1: Web Page Layout: Free to modify, except for a few of them which are required by pdf2htmlEX.js, see the comments */ | |
#sidebar { /* Sidebar */ | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
width: 250px; | |
padding: 0; | |
margin: 0px; | |
overflow: auto; | |
background-color: #333; /* Dark background color */ | |
color: #fff; /* Light text color */ | |
} | |
#page-container { /* PDF container */ | |
position: absolute; /* required for calculating relative positions of pages in pdf2htmlEX.js */ | |
top: 0; | |
left: 250px; /* Increased left offset for sidebar */ | |
margin: 0; | |
padding: 0; | |
border: 0; /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */ | |
background-color: #222; /* Dark background color */ | |
color: #fff; /* Light text color */ | |
} | |
@media screen { | |
/* for sidebar */ | |
#sidebar.opened + #page-container { left: 250px; } | |
#page-container { | |
/* `bottom' and `right' are required for lazy page loading in pdf2htmlEX.js (page visibility test) | |
* alternatively you may set width and height | |
*/ | |
bottom: 0; | |
right: 0; | |
overflow: auto; | |
} | |
.loading-indicator { | |
display: none; | |
} | |
.loading-indicator.active { | |
display: block; | |
position: absolute; | |
width: 64px; | |
height: 64px; | |
top: 50%; | |
left: 50%; | |
margin-top: -32px; | |
margin-left: -32px; | |
} | |
.loading-indicator img { | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
right: 0; | |
} | |
} | |
@media print { | |
@page { margin: 0; } | |
html { margin: 0; } | |
body { | |
margin: 0; | |
-webkit-print-color-adjust: exact; /* enable printing background images for WebKit */ | |
} | |
#sidebar { display: none; } | |
#page-container { | |
width: auto; | |
height: auto; | |
overflow: visible; | |
background-color: transparent; | |
} | |
.@CSS_CSS_DRAW_CN@ { display: none; } | |
} | |
/* Part 2: Page Elements: Modify with caution | |
* The followings are base classes, some of which are meant to be override by PDF specific classes | |
* So do not increase the specificity (e.g. ".classname" -> "#page-container .classname") | |
*/ | |
.@CSS_PAGE_FRAME_CN@ { /* page */ | |
position: relative; | |
background-color: #222; /* Dark background color */ | |
overflow: hidden; | |
margin: 0; | |
border: 0; /* required by pdf2htmlEX.js for page visibility test */ | |
} | |
.@CSS_PAGE_CONTENT_BOX_CN@ { /* content of a page */ | |
position: absolute; | |
border: 0; | |
padding: 0; | |
margin: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
overflow: hidden; | |
display: block; | |
/* set transform-origin for scaling */ | |
transform-origin: 0% 0%; | |
-ms-transform-origin: 0% 0%; | |
-webkit-transform-origin: 0% 0%; | |
} | |
.@CSS_PAGE_CONTENT_BOX_CN@.opened { /* used by pdf2htmlEX.js, to show/hide pages */ | |
display: block; | |
} | |
.@CSS_FULL_BACKGROUND_IMAGE_CN@ { /* images that occupy the whole page */ | |
position: absolute; | |
border: 0; | |
margin: 0; | |
top: 0; | |
bottom: 0; | |
width: 100%; | |
height: 100%; | |
-ms-user-select: none; | |
-moz-user-select: none; | |
-webkit-user-select: none; | |
user-select: none; | |
} | |
.@CSS_BACKGROUND_IMAGE_CN@ { /* images that cover only a part of the page */ | |
position: absolute; | |
border: 0; | |
margin: 0; | |
-ms-user-select: none; | |
-moz-user-select: none; | |
-webkit-user-select: none; | |
user-select: none; | |
} | |
@media print { | |
.@CSS_PAGE_FRAME_CN@ { | |
margin: 0; | |
box-shadow: none; | |
page-break-after: always; | |
page-break-inside: avoid; | |
} | |
@-moz-document url-prefix() { | |
/* fix page truncation for FireFox */ | |
.@CSS_PAGE_FRAME_CN@ { | |
overflow: visible; | |
border: 1px solid #FFFFFF; | |
} | |
.@CSS_PAGE_CONTENT_BOX_CN@ { overflow: visible; } | |
} | |
} | |
.@CSS_CLIP_CN@ { /* clip box */ | |
position: absolute; | |
border: 0; | |
padding: 0; | |
margin: 0; | |
overflow: hidden; | |
display: block; | |
} | |
.@CSS_LINE_CN@ { /* text line */ | |
position: absolute; | |
white-space: pre; | |
font-size: 1px; | |
transform-origin: 0% 100%; | |
-ms-transform-origin: 0% 100%; | |
-webkit-transform-origin: 0% 100%; | |
unicode-bidi: bidi-override; /* For RTL languages, e.g., Hebrew, we don't want the default Unicode behavior */ | |
-moz-font-feature-settings: "liga" 0; /* We don't want Firefox to recognize ligatures */ | |
color: #fff; /* Light text color */ | |
} | |
.@CSS_LINE_CN@:after { /* webkit #35443 */ | |
content: ''; | |
} | |
.@CSS_LINE_CN@:before { /* Workaround Blink(up to 41)/Webkit bug of word-spacing with leading spaces (chromium #404444 and pdf2htmlEX #412) */ | |
content: ''; | |
display: inline-block; | |
} | |
.@CSS_LINE_CN@ span { /* text blocks within a line */ | |
/* Blink(up to 41)/Webkit have a bug with negative word-spacing and inline-block (pdf2htmlEX #416), so keep normal span inline. */ | |
position: relative; | |
unicode-bidi: bidi-override; /* For RTL languages, e.g., Hebrew, we don't want the default Unicode behavior */ | |
color: #fff; /* Light text color */ | |
} | |
.@CSS_WHITESPACE_CN@ { /* text shift */ | |
/* Blink(up to 41)/Webkit have a bug with inline element, continuous spaces, and word-spacing. Workaround by inline-block. */ | |
display: inline-block; | |
color: transparent; | |
z-index: -1; | |
} | |
/* selection background should not be opaque, for fallback mode */ | |
::selection { | |
background: rgba(127, 255, 255, 0.4); | |
} | |
::-moz-selection { | |
background: rgba(127, 255, 255, 0.4); | |
} | |
.@CSS_PAGE_DATA_CN@ { /* info for Javascript */ | |
display: none; | |
} | |
.@CSS_LINK_CN@ { /* annotation links */ | |
} | |
/* transparent color - WebKit */ | |
.@CSS_CSS_DRAW_CN@ { /* css drawing */ | |
position: absolute; | |
transform-origin: 0% 100%; | |
-ms-transform-origin: 0% 100%; | |
-webkit-transform-origin: 0% 100%; | |
} | |
/* for the forms */ | |
.@CSS_INPUT_TEXT_CN@ { | |
border: none; | |
background-color: rgba(255, 255, 255, 0.0); | |
} | |
.@CSS_INPUT_RADIO_CN@:hover { | |
cursor: pointer; | |
} | |
/* Dark CSS END */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment