Skip to content

Instantly share code, notes, and snippets.

@spxwnmc
Created August 1, 2023 14:58
Show Gist options
  • Save spxwnmc/06b5a6c01fe5d0417ed189c9afcef508 to your computer and use it in GitHub Desktop.
Save spxwnmc/06b5a6c01fe5d0417ed189c9afcef508 to your computer and use it in GitHub Desktop.
fancy
/* 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