jquery.touchPDF.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. .touchPDF {
  2. overflow: hidden;
  3. -webkit-user-select: none;
  4. -ms-user-select: none;
  5. user-select: none;
  6. cursor: default;
  7. font-family: arial, verdana, sans-serif;
  8. font-size: 16px;
  9. }
  10. .touchPDF,
  11. .touchPDF *,
  12. .touchPDF *:before,
  13. .touchPDF *:after {
  14. -webkit-box-sizing: content-box;
  15. -moz-box-sizing: content-box;
  16. box-sizing: content-box;
  17. }
  18. .touchPDF > .pdf-outerdiv {
  19. position: relative;
  20. -webkit-transform-origin: 0 0 0;
  21. -ms-transform-origin: 0 0 0;
  22. transform-origin: 0 0 0;
  23. }
  24. .touchPDF > .pdf-outerdiv > div {
  25. position: absolute;
  26. top : 0;
  27. left: 0;
  28. width: 100%;
  29. height: 100%;
  30. }
  31. .touchPDF > .pdf-outerdiv > .pdf-tabs {
  32. visibility: hidden;
  33. }
  34. .touchPDF > .pdf-outerdiv > .pdf-toolbar {
  35. height: 0;
  36. color: white;
  37. padding: 5px 0;
  38. text-align: right;
  39. }
  40. .touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-title {
  41. cursor: pointer;
  42. display: inline-block;
  43. float: left;
  44. font-weight: bold;
  45. }
  46. .touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-button {
  47. display: inline-block;
  48. }
  49. .touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-button > .pdf-page-count {
  50. display: inline-block;
  51. min-width: 80px;
  52. text-align: center;
  53. }
  54. .touchPDF > .pdf-outerdiv > .pdf-viewer {
  55. border: 0px solid #404040;
  56. box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  57. z-index: 2000;
  58. background-color: #ffffff;
  59. overflow: hidden;
  60. }
  61. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag {
  62. position: absolute;
  63. top: 0;
  64. left: 0;
  65. }
  66. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag canvas {
  67. visibility: hidden;
  68. }
  69. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag .pdf-annotations {
  70. position: absolute;
  71. top: 0;
  72. left: 0;
  73. z-index: 2500;
  74. }
  75. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-loading {
  76. position: absolute;
  77. top: 60px;
  78. left: 0px;
  79. width: 100%;
  80. z-index: 3000;
  81. text-align: center;
  82. vertical-align: middle;
  83. color: #CCCCCC;
  84. }
  85. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag .pdf-annotations > .annotLink > a {
  86. font-size: 1em;
  87. height: 100%;
  88. left: 0;
  89. position: absolute;
  90. top: 0;
  91. width: 100%;
  92. }
  93. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag .pdf-annotations > .annotLink > a {
  94. background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA LAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
  95. }
  96. .touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag .pdf-annotations > .annotLink > a:hover {
  97. background: none repeat scroll 0 0 #ff0;
  98. box-shadow: 0 2px 10px #ff0;
  99. opacity: 0.2;
  100. }
  101. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab {
  102. position: absolute;
  103. left: 0;
  104. display: block;
  105. width: 100px;
  106. height: 50px;
  107. cursor: pointer;
  108. box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
  109. border-style: solid;
  110. border-color: #404040;
  111. border-width: 1px 0 1px 1px;
  112. border-radius: 12px 0 0 12px;
  113. background-color: #FAE5A7;
  114. }
  115. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.right {
  116. border-radius: 0 12px 12px 0;
  117. border-width: 1px 1px 1px 0;
  118. left: auto;
  119. right: 0;
  120. }
  121. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab, .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab:hover {
  122. text-decoration: none;
  123. color: black;
  124. }
  125. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab span, .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab:hover span {
  126. position: absolute;
  127. top: 17px;
  128. left: 10px;
  129. width: 20px;
  130. height: 20px;
  131. font-size: 14px;
  132. font-weight: bold;
  133. display: block;
  134. text-align: center;
  135. line-height: 12px;
  136. }
  137. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.right span {
  138. top: 17px;
  139. left: auto;
  140. right: 10px;
  141. }
  142. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large {
  143. height: 140px;
  144. }
  145. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large span {
  146. top: auto;
  147. bottom: -20px;
  148. -webkit-transform-origin: 0 0 0;
  149. -ms-transform-origin: 0 0 0;
  150. transform-origin: 0 0 0;
  151. -webkit-transform:rotate(270deg);
  152. -ms-transform:rotate(270deg);
  153. transform: rotate(270deg);
  154. width: 140px;
  155. }
  156. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large.right span {
  157. -webkit-transform-origin: 100% 0 0;
  158. -ms-transform-origin: 100% 0 0;
  159. transform-origin: 100% 0 0;
  160. -webkit-transform:rotate(90deg);
  161. -ms-transform: rotate(90deg);
  162. transform: rotate(90deg);
  163. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  164. }
  165. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.beige {
  166. background-color: #FAE5A7;
  167. }
  168. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.green {
  169. background-color: #79B550;
  170. }
  171. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.blue {
  172. background-color: #2A9892;
  173. }
  174. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.brown {
  175. background-color: #9C8852;
  176. }
  177. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.yellow {
  178. background-color: #EBB600;
  179. }
  180. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.orange {
  181. background-color: #EBA500;
  182. }
  183. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.white {
  184. background-color: #FFFFFF;
  185. }
  186. .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.black {
  187. background-color: #000000;
  188. color: white;
  189. }