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 */
|
2013-05-01 12:01:24 +00:00
|
|
|
#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;
|
2013-01-28 16:38:07 +00:00
|
|
|
}
|
2013-05-01 12:01:24 +00:00
|
|
|
#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;
|
2013-01-28 16:38:07 +00:00
|
|
|
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 */
|
2013-05-01 12:01:24 +00:00
|
|
|
#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;
|
|
|
|
}
|
2013-09-28 05:20:45 +00:00
|
|
|
.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;
|
|
|
|
}
|
2013-09-28 05:20:45 +00:00
|
|
|
.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; }
|
2013-05-01 12:01:24 +00:00
|
|
|
#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
|
2013-05-01 12:01:24 +00:00
|
|
|
* 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;
|
2012-09-25 13:56:48 +00:00
|
|
|
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 */
|
2012-09-25 13:56:48 +00:00
|
|
|
}
|
2013-02-27 18:11:34 +00:00
|
|
|
.@CSS_PAGE_CONTENT_BOX_CN@ { /* content of a page */
|
2012-09-25 13:56:48 +00:00
|
|
|
position:absolute;
|
2013-05-04 11:31:07 +00:00
|
|
|
border:0;
|
2013-05-04 11:26:26 +00:00
|
|
|
padding:0;
|
|
|
|
margin:0;
|
2012-09-25 13:56:48 +00:00
|
|
|
top:0;
|
|
|
|
left:0;
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
2012-08-14 12:30:18 +00:00
|
|
|
overflow:hidden;
|
2012-09-06 15:54:22 +00:00
|
|
|
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 */
|
2013-03-01 05:24:29 +00:00
|
|
|
position:absolute;
|
2013-09-16 12:04:06 +00:00
|
|
|
border:0;
|
|
|
|
margin:0;
|
2013-03-01 06:02:11 +00:00
|
|
|
-ms-user-select:none;
|
|
|
|
-moz-user-select:none;
|
|
|
|
-webkit-user-select:none;
|
|
|
|
user-select:none;
|
2013-03-01 05:24:29 +00:00
|
|
|
}
|
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%;
|
2012-08-30 12:08:42 +00:00
|
|
|
-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 */
|
2012-08-29 17:01:45 +00:00
|
|
|
}
|
2013-12-17 04:09:52 +00:00
|
|
|
.@CSS_LINK_CN span { /* text blocks within a line */
|
2012-08-29 17:01:45 +00:00
|
|
|
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;
|
2013-05-31 14:17:14 +00:00
|
|
|
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%;
|
|
|
|
}
|
2012-08-31 07:27:17 +00:00
|
|
|
/* Base CSS END */
|