convert/front/static/document.css

/* 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;
}
#page-container { /* PDF container */
  position:absolute; /* required for calculating relative positions of pages in pdf2htmlEX.js */
  top:0;
  left:0px;
  margin:0; 
  padding:0;
  border:0; /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */
}
@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;
  }
  .d { 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")
 */
.pf { /* page */
  position:relative;
  background-color:white;
  overflow: hidden;
  margin:0; 
  border:0; /* required by pdf2htmlEX.js for page visibility test */
}
.pc { /* 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%;
}
.pc.opened { /* used by pdf2htmlEX.js, to show/hide pages */
  display:block;
}
.bf { /* images that occupies 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;
}
.bi { /* 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 {
  .pf {
    margin:0;
    box-shadow:none;
    page-break-after:always;
    page-break-inside:avoid;
  }
  @-moz-document url-prefix() {
    /* fix page truncation for FireFox */
    .pf {
      overflow:visible;
      border:1px solid #FFFFFF;
    }
    .pc {overflow:visible;}
  }
}
.c { /* clip box */
  position:absolute;
  border:0;
  padding:0;
  margin:0;
  overflow:hidden;
  display:block;
}
.t { /* 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 behaviour */
  -moz-font-feature-settings:"liga" 0;/* We don't want Firefox to recognize ligatures */
}
.t:after { /* webkit #35443 */
  content: '';
}
.t:before { /* Workaround Blink(up to 41)/Webkit bug of word-spacing with leading spaces (chromium #404444 and pdf2htmlEX #412) */
  content: '';
  display: inline-block;
}
.t span { /* text blocks within a line */
  /* Blink(up to 41)/Webkit have 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 behaviour */
}
._ { /* text shift */
  /* Blink(up to 41)/Webkit have 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(255,255,255,0.4);
}
::-moz-selection{
  background: rgba(255,255,255,0.4);
}
.pi { /* info for Javascript */
  display:none;
}
.l { /* annotation links */
}
/* transparent color - WebKit */
.d { /* css drawing */
  position:absolute;
  transform-origin:0% 100%;
  -ms-transform-origin:0% 100%;
  -webkit-transform-origin:0% 100%;
}
/* for the forms */
.it {
  border: none;
  background-color: rgba(255, 255, 255, 0.0);
}

.ir:hover {
  cursor: pointer;
}

/* Base CSS END */

/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
/*! 
 * Fancy styles for pdf2htmlEX
 * Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com> 
 * https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
 */
@keyframes fadein { from { opacity:0;} to { opacity:1;} }
@-webkit-keyframes fadein { from { opacity:0;} to { opacity:1;} }
@keyframes swing {
  0%  { transform: rotate(0deg); }
  10% { transform: rotate(0deg); }
  90% { transform: rotate(720deg); }
  100%{ transform: rotate(720deg); }
}
@-webkit-keyframes swing {
  0%  { -webkit-transform: rotate(0deg); }
  10% { -webkit-transform: rotate(0deg); }
  90% { -webkit-transform: rotate(720deg); }
  100%{ -webkit-transform: rotate(720deg); }
}
@media screen { 
  #sidebar {
    background-color:#2f3236;
    /* modified from http://philbit.com/svgpatterns/#crossstripes */
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNCA0Wk00IDBMMCA0WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
  }
  #outline {
    font-family:Georgia,Times,"Times New Roman",serif;
    font-size:13px;
    margin:2em 1em;
  }
  #outline ul {
    padding:0;
  }
  #outline li {
    list-style-type:none;
    margin:1em 0;
  }
  #outline li > ul {
    margin-left: 1em;
  }
  #outline a,
  #outline a:visited,
  #outline a:hover,
  #outline a:active {
    line-height:1.2;
    color:#e8e8e8;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none;
    display:block;
    overflow:hidden;
    outline:0;
  }
  #outline a:hover {
    color:rgb(0,204,255);
  }
  #page-container {
    background-color:#9e9e9e;
    /* http://philbit.com/svgpatterns/#thinstripes */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
    -webkit-transition:left 500ms;
    transition:left 500ms;
  }
  .pf {
    margin: 13px auto;
    box-shadow: 1px 1px 3px 1px #333;
    /* Needed by IE to make box-shadow works * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow */
    border-collapse: separate;
  }
  .pc.opened { /* used by pdf2htmlEX.js, to show/hide pages */
    -webkit-animation: fadein 100ms;
    animation: fadein 100ms; 
  }
  .loading-indicator.active {
    /* 
     * use 0.01s instead of 0s,
     * since YUI Compressor will change 0s to 0,
     * which is not recognized by Firefox
     */
    -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
    animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
  }
  .checked {
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goQDSYgDiGofgAAAslJREFUOMvtlM9LFGEYx7/vvOPM6ywuuyPFihWFBUsdNnA6KLIh+QPx4KWExULdHQ/9A9EfUodYmATDYg/iRewQzklFWxcEBcGgEplDkDtI6sw4PzrIbrOuedBb9MALD7zv+3m+z4/3Bf7bZS2bzQIAcrmcMDExcTeXy10DAFVVAQDksgFUVZ1ljD3yfd+0LOuFpmnvVVW9GHhkZAQcxwkNDQ2FSCQyRMgJxnVdy7KstKZpn7nwha6urqqfTqfPBAJAuVymlNLXoigOhfd5nmeiKL5TVTV+lmIKwAOA7u5u6Lped2BsbOwjY6yf4zgQQkAIAcedaPR9H67r3uYBQFEUFItFtLe332lpaVkUBOHK3t5eRtf1DwAwODiIubk5DA8PM8bYW1EU+wEgCIJqsCAIQAiB7/u253k2BQDDMJBKpa4mEon5eDx+UxAESJL0uK2t7XosFlvSdf0QAEmlUnlRFJ9Waho2Qghc1/U9z3uWz+eX+Wr+lL6SZfleEAQIggA8z6OpqSknimIvYyybSCReMsZ6TislhCAIAti2Dc/zejVNWwCAavN8339j27YbTg0AGGM3WltbP4WhlRWq6Q/btrs1TVsYHx+vNgqKoqBUKn2NRqPFxsbGJzzP05puUlpt0ukyOI6z7zjOwNTU1OLo6CgmJyf/gA3DgKIoWF1d/cIY24/FYgOU0pp0z/Ityzo8Pj5OTk9PbwHA+vp6zWghDC+VSiuRSOQgGo32UErJ38CO42wdHR09LBQK3zKZDDY2NupmFmF4R0cHVlZWlmRZ/iVJUn9FeWWcCCE4ODjYtG27Z2Zm5juAOmgdGAB2d3cBADs7O8uSJN2SZfl+WKlpmpumaT6Yn58vn/fs6XmbhmHMNjc3tzDGFI7jYJrm5vb29sDa2trPC/9aiqJUy5pOp4f6+vqeJ5PJBAB0dnZe/t8NBajx/z37Df5OGX8d13xzAAAAAElFTkSuQmCC);
  }
}
/* Fancy CSS END */


.document-api-box{position:relative;padding-top:51px}.document-toolsbar-mod{background:url(img/api_toolsbar_bg.png);height:51px;margin:0;padding:0;zoom:1;overflow:hidden;visibility:hidden;position:absolute;top:0;*left:0}.document-toolsbar-mod *{margin:0;padding:0}.document-toolsbar-inner{margin-top:2px;height:49px;zoom:1;overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd}.document-toolsbar-logo{float:left;_display:inline;margin-left:25px;margin-right:30px}.document-toolsbar-logo a{display:block;background:url(img/api_logo.png) no-repeat;width:93px;height:51px;overflow:hidden;text-indent:-99999px;margin-top:-2px;position:relative}.document-toolsbar-content{zoom:1;overflow:hidden}.document-toolsbar-nav,.document-toolsbar-zoom,.document-toolsbar-menu{zoom:1;overflow:hidden}.document-toolsbar-nav{float:left}.document-toolsbar-top,.document-toolsbar-bottom{display:inline-block;height:46px;margin-top:3px;width:40px;text-align:center;position:relative;margin-top:1px}.document-toolsbar-top:hover,.document-toolsbar-bottom:hover{background-color:#ececec}.document-toolsbar-top b,.document-toolsbar-bottom b,.document-toolsbar-zoomin,.document-toolsbar-zoomout,.document-toolsbar-fav,.document-toolsbar-download{margin-top:10px;font-size:0;line-height:0;overflow:hidden;display:inline-block;height:30px;background:url(img/api_icon.png) no-repeat}.document-toolsbar-top b,.document-toolsbar-bottom b{width:15px}.document-toolsbar-top b{background-position:-20px 0}.document-toolsbar-top:hover b{background-position:-82px 0}.document-toolsbar-bottom b{background-position:-51px 0}.document-toolsbar-bottom:hover b{background-position:-108px 0}.document-toolsbar-input{width:35px;font-size:12px;padding:3px 4px;vertical-align:10px;text-align:right}.document-toolsbar-zoomin,.document-toolsbar-zoomout,.document-toolsbar-fullscreen,.document-toolsbar-outfullscreen{width:20px;margin-right:10px;margin-top:12px;font-size:0;line-height:0;overflow:hidden;display:inline-block;height:30px;background:url(img/toolbar-icons.png) no-repeat}.document-toolsbar-outfullscreen{margin-top:13px;background-position:-10px -263px;display:none}.document-toolsbar-zoomin{background-position:-118px -140px}.zoomin-forbidden{cursor:default;background-position:-158px -140px}.document-toolsbar-zoomout{background-position:-118px -77px}.zoomout-forbidden{cursor:default;background-position:-158px -77px}.document-toolsbar-fullscreen{background-position:-120px -20px}.document-toolsbar-zoom{float:left;_display:inline;margin-left:30px}.document-toolsbar-menu{float:right;_display:inline;margin-right:30px}.document-toolsbar-fav{background-position:-271px 0;width:72px;margin-right:10px}.document-toolsbar-download{background-position:-350px 0;width:72px}.document-toolsbar-pageCount{font-size:12px;vertical-align:10px;*vertical-align:14px}.document-toolsbar-zoomin,.document-toolsbar-zoomout{display:inline-block}.document-pagenav-mod a{display:inline-block;margin:10px 6px}.document-dialog{position:fixed;top:-9999px;bottom:9899px;left:0;right:0;opacity:0}.document-dialog .dialog-left-greenbar{width:7px;height:23px;position:absolute;background:#20b888;left:0;top:20px;overflow:hidden}.document-dialog .document-dialog-title{color:#333;font-size:18px;height:30px;line-height:30px;padding:20px 0;border-bottom:1px dotted #e6e6e6;margin-bottom:20px}.document-dialog .document-dialog-close{width:16px;height:16px;background:url(img/api_icon.png) no-repeat -433px -7px;position:absolute;cursor:pointer;top:15px;right:15px;overflow:hidden;z-index:1001}.document-dialog .document-dialog-close:hover{background:url(img/api_icon.png) no-repeat -456px -7px}.document-dialog .document-mask{position:absolute;background-color:#000;opacity:.8;top:0;left:0;bottom:0;right:0}.document-dialog .document-box{position:absolute;padding:0 35px;background-color:#fff;border:1px solid #9c9c9c}.document-dialog .document-ft{text-align:center;height:30px;line-height:30px;padding:20px 0;margin-top:20px;border-top:1px dotted #e6e6e6;color:#999;font-size:12px}.document-download-dialog{font-size:12px}.document-download-dialog .document-download-dialog-line{text-align:center;line-height:24px;font-size:18px}.document-download-dialog .document-download-dialog-alert{color:red}.document-download-dialog .ui-bz-btn-senior{cursor:pointer;color:#fff;display:inline-block;text-shadow:#188062 0 1px 0;font-family:'微软雅黑',arial;text-decoration:none;border:0;border-radius:2px;background:#2fad85}.document-download-dialog .ui-bz-btn-senior b{cursor:pointer}.document-download-dialog .ui-bz-btn-p-16{display:block;font-size:18px;height:36px;line-height:36px;padding:0 16px}#document-loading{display:none;position:absolute;*position:static;*margin-top:-200px;width:100%;height:202px;top:0;min-width:302px;background:#fff}#document-loading span{position:absolute;width:31px;height:32px;display:block;top:70px;left:50%;margin-left:-16px;background:url(img/api_loading.gif) no-repeat}_::-webkit-full-page-media,_:future,:root .document-toolsbar-top,:root .document-toolsbar-bottom{position:relative;top:-12px}_::-webkit-full-page-media,_:future,:root .document-toolsbar-input,:root .document-toolsbar-pageCount{position:relative;top:15px}