1
0
mirror of https://github.com/pdf2htmlEX/pdf2htmlEX.git synced 2024-12-22 13:00:08 +00:00
pdf2htmlEX/share/base.css.in

191 lines
4.8 KiB
CSS
Raw Normal View History

2013-04-06 09:13:19 +00:00
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
2013-10-30 07:50:07 +00:00
/*!
* Base CSS for pdf2htmlEX
* Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
* https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
*/
2013-02-22 08:52:11 +00:00
/* 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 */
2012-08-14 12:30:18 +00:00
position:absolute;
top:0;
left:0;
bottom:0;
2013-05-01 09:14:29 +00:00
width:250px;
2013-05-04 11:31:07 +00:00
padding:0;
2013-01-28 13:38:21 +00:00
margin:0px;
2013-05-01 09:14:29 +00:00
overflow:auto;
}
#page-container { /* PDF container */
2013-11-05 05:58:56 +00:00
position:absolute; /* required for calulating relative positions of pages in pdf2htmlEX.js */
2013-01-28 13:01:02 +00:00
top:0;
left:0px;
2013-02-24 02:41:51 +00:00
margin:0;
2013-02-22 08:34:36 +00:00
padding:0;
2013-05-04 11:31:07 +00:00
border:0; /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */
2012-08-14 12:30:18 +00:00
}
2013-02-05 17:05:58 +00:00
@media screen {
2013-02-22 08:52:11 +00:00
/* for sidebar */
#sidebar.opened + #page-container { left:250px; }
#page-container {
2013-02-24 02:41:51 +00:00
/* `bottom' and `right' are required for lazy page loading in pdf2htmlEX.js (page visibility test)
* alternatively you may set width and height
*/
2013-02-05 17:05:58 +00:00
bottom:0;
right:0;
overflow:auto;
}
.loading-indicator {
2013-09-28 03:38:35 +00:00
display:none;
2013-11-19 08:18:17 +00:00
}
.loading-indicator.active {
display:block;
2013-09-28 03:35:54 +00:00
position:absolute;
width:64px;
height:64px;
top:50%;
left:50%;
margin-top:-32px;
margin-left:-32px;
}
.loading-indicator img {
2013-09-28 03:35:54 +00:00
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
2013-02-05 17:05:58 +00:00
}
2013-02-22 08:52:11 +00:00
@media print {
2013-02-05 17:05:58 +00:00
@page { margin:0; }
2013-02-06 12:29:48 +00:00
html { margin:0; }
2013-02-05 17:09:56 +00:00
body {
margin:0;
2013-02-24 02:41:51 +00:00
-webkit-print-color-adjust:exact; /* enable printing background images for WebKit */
2013-02-05 17:09:56 +00:00
}
2013-05-02 12:27:45 +00:00
#sidebar { display:none; }
#page-container {
2013-02-05 17:05:58 +00:00
width:auto;
height:auto;
2013-02-05 17:54:15 +00:00
overflow:visible;
2013-02-05 17:05:58 +00:00
background-color:transparent;
}
2013-05-02 12:27:45 +00:00
.@CSS_CSS_DRAW_CN@ { display:none; }
2013-02-05 17:05:58 +00:00
}
2013-02-22 08:52:11 +00:00
/* Part 2: Page Elements: Modify with caution
2013-05-04 11:26:26 +00:00
* 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")
2013-01-28 18:42:39 +00:00
*/
2013-02-27 18:11:34 +00:00
.@CSS_PAGE_FRAME_CN@ { /* page */
2013-11-04 15:53:38 +00:00
position:relative;
2012-08-14 12:30:18 +00:00
background-color:white;
overflow: hidden;
2013-02-24 02:41:51 +00:00
margin:0;
2013-05-04 11:31:07 +00:00
border:0; /* required by pdf2htmlEX.js for page visibility test */
}
2013-02-27 18:11:34 +00:00
.@CSS_PAGE_CONTENT_BOX_CN@ { /* content of a page */
position:absolute;
2013-05-04 11:31:07 +00:00
border:0;
2013-05-04 11:26:26 +00:00
padding:0;
margin:0;
top:0;
left:0;
width:100%;
height:100%;
2012-08-14 12:30:18 +00:00
overflow:hidden;
display:block;
2013-05-04 11:26:26 +00:00
/* set transform-origin for scaling */
2012-09-22 14:47:44 +00:00
transform-origin:0% 0%;
-ms-transform-origin:0% 0%;
-webkit-transform-origin:0% 0%;
2012-08-14 12:30:18 +00:00
}
2013-02-27 18:11:34 +00:00
.@CSS_PAGE_CONTENT_BOX_CN@.opened { /* used by pdf2htmlEX.js, to show/hide pages */
2013-02-05 17:05:58 +00:00
display:block;
}
2013-10-04 07:17:21 +00:00
.@CSS_FULL_BACKGROUND_IMAGE_CN@ { /* images that occupies the whole page */
2013-09-18 07:49:18 +00:00
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;
}
2013-10-04 07:17:21 +00:00
.@CSS_BACKGROUND_IMAGE_CN@ { /* images that cover only a part of the page */
position:absolute;
2013-09-16 12:04:06 +00:00
border:0;
margin:0;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}
2013-02-22 08:52:11 +00:00
@media print {
2013-11-04 15:53:38 +00:00
.@CSS_PAGE_FRAME_CN@ {
2013-02-22 08:52:11 +00:00
margin:0;
box-shadow:none;
page-break-after:always;
page-break-inside:avoid;
}
@-moz-document url-prefix() {
/* fix page truncation for FireFox */
2013-11-04 15:53:38 +00:00
.@CSS_PAGE_FRAME_CN@ {
2013-02-22 08:52:11 +00:00
overflow:visible;
border:1px solid #FFFFFF;
}
2013-02-27 18:11:34 +00:00
.@CSS_PAGE_CONTENT_BOX_CN@ {overflow:visible;}
2013-02-22 08:52:11 +00:00
}
}
2013-05-04 11:26:26 +00:00
.@CSS_CLIP_CN@ { /* clip box */
position:absolute;
2013-05-04 11:31:07 +00:00
border:0;
2013-05-04 11:26:26 +00:00
padding:0;
margin:0;
overflow:hidden;
display:block;
}
2013-02-27 18:11:34 +00:00
.@CSS_LINE_CN@ { /* text line */
2012-08-14 12:30:18 +00:00
position:absolute;
white-space:pre;
2012-08-30 15:36:30 +00:00
font-size:1px;
2012-09-13 04:19:20 +00:00
transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
-webkit-transform-origin:0% 100%;
2013-06-26 12:03:58 +00:00
unicode-bidi:bidi-override;/* For rtl lanauges, e.g. Hebrew, we don't want the default Unicode behaviour */
-moz-font-feature-settings:"liga" 0;/* We don't want Firefox to recognize ligatures */
}
2013-12-17 04:09:52 +00:00
.@CSS_LINK_CN span { /* text blocks within a line */
position:relative;
2012-08-24 17:40:43 +00:00
vertical-align: baseline;
2012-11-30 09:59:36 +00:00
/* _<id> for spaces may need display:inline, which will override this */
display:inline-block;
unicode-bidi:bidi-override; /* For rtl lanauges, e.g. Hebrew, we don't want the default Unicode behaviour */
2012-08-14 12:30:18 +00:00
}
2013-02-27 18:11:34 +00:00
.@CSS_WHITESPACE_CN@ { /* text shift */
2012-08-16 10:44:42 +00:00
color:transparent;
2012-10-08 08:29:21 +00:00
z-index:-1;
2012-08-14 12:30:18 +00:00
}
2013-03-08 17:45:13 +00:00
/* selection background should not be opaque, for fallback mode */
2013-01-28 18:35:34 +00:00
::selection{
2013-03-08 17:45:13 +00:00
background: rgba(127,255,255,0.4);
2012-08-14 12:30:18 +00:00
}
2013-01-28 18:35:34 +00:00
::-moz-selection{
2013-03-08 17:45:13 +00:00
background: rgba(127,255,255,0.4);
2012-08-14 12:30:18 +00:00
}
2013-02-27 18:11:34 +00:00
.@CSS_PAGE_DATA_CN@ { /* info for Javascript */
2012-09-25 11:29:59 +00:00
display:none;
}
2013-05-04 11:26:26 +00:00
.@CSS_LINK_CN@ { /* annotation links */
2012-09-25 11:29:59 +00:00
}
2013-01-31 22:21:57 +00:00
/* transparent color - WebKit */
2013-02-27 18:11:34 +00:00
.@CSS_CSS_DRAW_CN@ { /* css drawing */
2012-10-01 17:59:04 +00:00
position:absolute;
transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
-webkit-transform-origin:0% 100%;
}
/* Base CSS END */