viewer.css 48 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122
  1. /* Copyright 2014 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. .textLayer {
  16. position: absolute;
  17. left: 0;
  18. top: 0;
  19. right: 0;
  20. bottom: 0;
  21. overflow: hidden;
  22. opacity: 0.2;
  23. line-height: 1.0;
  24. }
  25. .textLayer > div {
  26. color: transparent;
  27. position: absolute;
  28. white-space: pre;
  29. cursor: text;
  30. -webkit-transform-origin: 0% 0%;
  31. -moz-transform-origin: 0% 0%;
  32. -o-transform-origin: 0% 0%;
  33. -ms-transform-origin: 0% 0%;
  34. transform-origin: 0% 0%;
  35. }
  36. .textLayer .highlight {
  37. margin: -1px;
  38. padding: 1px;
  39. background-color: rgb(180, 0, 170);
  40. border-radius: 4px;
  41. }
  42. .textLayer .highlight.begin {
  43. border-radius: 4px 0px 0px 4px;
  44. }
  45. .textLayer .highlight.end {
  46. border-radius: 0px 4px 4px 0px;
  47. }
  48. .textLayer .highlight.middle {
  49. border-radius: 0px;
  50. }
  51. .textLayer .highlight.selected {
  52. background-color: rgb(0, 100, 0);
  53. }
  54. .textLayer ::selection { background: rgb(0,0,255); }
  55. .textLayer ::-moz-selection { background: rgb(0,0,255); }
  56. .textLayer .endOfContent {
  57. display: block;
  58. position: absolute;
  59. left: 0px;
  60. top: 100%;
  61. right: 0px;
  62. bottom: 0px;
  63. z-index: -1;
  64. cursor: default;
  65. -webkit-user-select: none;
  66. -ms-user-select: none;
  67. -moz-user-select: none;
  68. }
  69. .textLayer .endOfContent.active {
  70. top: 0px;
  71. }
  72. .annotationLayer section {
  73. position: absolute;
  74. }
  75. .annotationLayer .linkAnnotation > a {
  76. position: absolute;
  77. font-size: 1em;
  78. top: 0;
  79. left: 0;
  80. width: 100%;
  81. height: 100%;
  82. }
  83. .annotationLayer .linkAnnotation > a /* -ms-a */ {
  84. background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
  85. }
  86. .annotationLayer .linkAnnotation > a:hover {
  87. opacity: 0.2;
  88. background: #ff0;
  89. box-shadow: 0px 2px 10px #ff0;
  90. }
  91. .annotationLayer .textAnnotation img {
  92. position: absolute;
  93. cursor: pointer;
  94. }
  95. .annotationLayer .popupWrapper {
  96. position: absolute;
  97. width: 20em;
  98. }
  99. .annotationLayer .popup {
  100. position: absolute;
  101. z-index: 200;
  102. max-width: 20em;
  103. background-color: #FFFF99;
  104. box-shadow: 0px 2px 5px #333;
  105. border-radius: 2px;
  106. padding: 0.6em;
  107. margin-left: 5px;
  108. cursor: pointer;
  109. word-wrap: break-word;
  110. }
  111. .annotationLayer .popup h1 {
  112. font-size: 1em;
  113. border-bottom: 1px solid #000000;
  114. padding-bottom: 0.2em;
  115. }
  116. .annotationLayer .popup p {
  117. padding-top: 0.2em;
  118. }
  119. .annotationLayer .highlightAnnotation,
  120. .annotationLayer .underlineAnnotation,
  121. .annotationLayer .squigglyAnnotation,
  122. .annotationLayer .strikeoutAnnotation {
  123. cursor: pointer;
  124. }
  125. .pdfViewer .canvasWrapper {
  126. overflow: hidden;
  127. }
  128. .pdfViewer .page {
  129. direction: ltr;
  130. width: 816px;
  131. height: 1056px;
  132. margin: 1px auto -8px auto;
  133. position: relative;
  134. overflow: visible;
  135. border: 9px solid transparent;
  136. background-clip: content-box;
  137. border-image: url(images/shadow.png) 9 9 repeat;
  138. background-color: white;
  139. }
  140. .pdfViewer.removePageBorders .page {
  141. margin: 0px auto 10px auto;
  142. border: none;
  143. }
  144. .pdfViewer .page canvas {
  145. margin: 0;
  146. display: block;
  147. }
  148. .pdfViewer .page .loadingIcon {
  149. position: absolute;
  150. display: block;
  151. left: 0;
  152. top: 0;
  153. right: 0;
  154. bottom: 0;
  155. background: url('images/loading-icon.gif') center no-repeat;
  156. }
  157. .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  158. margin-bottom: 100%;
  159. border: 0;
  160. }
  161. .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  162. margin-bottom: 100%;
  163. border: 0;
  164. }
  165. .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  166. margin-bottom: 100% !important;
  167. border: 0;
  168. }
  169. .pdfPresentationMode:fullscreen .pdfViewer .page {
  170. margin-bottom: 100%;
  171. border: 0;
  172. }
  173. * {
  174. padding: 0;
  175. margin: 0;
  176. }
  177. html {
  178. height: 100%;
  179. /* Font size is needed to make the activity bar the correct size. */
  180. font-size: 10px;
  181. }
  182. body {
  183. height: 100%;
  184. background-color: #404040;
  185. background-image: url(images/texture.png);
  186. }
  187. body,
  188. input,
  189. button,
  190. select {
  191. font: message-box;
  192. outline: none;
  193. }
  194. .hidden {
  195. display: none !important;
  196. }
  197. [hidden] {
  198. display: none !important;
  199. }
  200. #viewerContainer.pdfPresentationMode:-webkit-full-screen {
  201. top: 0px;
  202. border-top: 2px solid transparent;
  203. background-color: #000;
  204. width: 100%;
  205. height: 100%;
  206. overflow: hidden;
  207. cursor: none;
  208. -webkit-user-select: none;
  209. }
  210. #viewerContainer.pdfPresentationMode:-moz-full-screen {
  211. top: 0px;
  212. border-top: 2px solid transparent;
  213. background-color: #000;
  214. width: 100%;
  215. height: 100%;
  216. overflow: hidden;
  217. cursor: none;
  218. -moz-user-select: none;
  219. }
  220. #viewerContainer.pdfPresentationMode:-ms-fullscreen {
  221. top: 0px !important;
  222. border-top: 2px solid transparent;
  223. width: 100%;
  224. height: 100%;
  225. overflow: hidden !important;
  226. cursor: none;
  227. -ms-user-select: none;
  228. }
  229. #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
  230. background-color: #000;
  231. }
  232. #viewerContainer.pdfPresentationMode:fullscreen {
  233. top: 0px;
  234. border-top: 2px solid transparent;
  235. background-color: #000;
  236. width: 100%;
  237. height: 100%;
  238. overflow: hidden;
  239. cursor: none;
  240. -webkit-user-select: none;
  241. -moz-user-select: none;
  242. -ms-user-select: none;
  243. }
  244. .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
  245. display: none;
  246. }
  247. .pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
  248. display: none;
  249. }
  250. .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
  251. display: none !important;
  252. }
  253. .pdfPresentationMode:fullscreen a:not(.internalLink) {
  254. display: none;
  255. }
  256. .pdfPresentationMode:-webkit-full-screen .textLayer > div {
  257. cursor: none;
  258. }
  259. .pdfPresentationMode:-moz-full-screen .textLayer > div {
  260. cursor: none;
  261. }
  262. .pdfPresentationMode:-ms-fullscreen .textLayer > div {
  263. cursor: none;
  264. }
  265. .pdfPresentationMode:fullscreen .textLayer > div {
  266. cursor: none;
  267. }
  268. .pdfPresentationMode.pdfPresentationModeControls > *,
  269. .pdfPresentationMode.pdfPresentationModeControls .textLayer > div {
  270. cursor: default;
  271. }
  272. /* outer/inner center provides horizontal center */
  273. .outerCenter {
  274. pointer-events: none;
  275. position: relative;
  276. }
  277. html[dir='ltr'] .outerCenter {
  278. float: right;
  279. right: 50%;
  280. }
  281. html[dir='rtl'] .outerCenter {
  282. float: left;
  283. left: 50%;
  284. }
  285. .innerCenter {
  286. pointer-events: auto;
  287. position: relative;
  288. }
  289. html[dir='ltr'] .innerCenter {
  290. float: right;
  291. right: -50%;
  292. }
  293. html[dir='rtl'] .innerCenter {
  294. float: left;
  295. left: -50%;
  296. }
  297. #outerContainer {
  298. width: 100%;
  299. height: 100%;
  300. position: relative;
  301. }
  302. #sidebarContainer {
  303. position: absolute;
  304. top: 0;
  305. bottom: 0;
  306. width: 200px;
  307. visibility: hidden;
  308. -webkit-transition-duration: 200ms;
  309. -webkit-transition-timing-function: ease;
  310. transition-duration: 200ms;
  311. transition-timing-function: ease;
  312. }
  313. html[dir='ltr'] #sidebarContainer {
  314. -webkit-transition-property: left;
  315. transition-property: left;
  316. left: -200px;
  317. }
  318. html[dir='rtl'] #sidebarContainer {
  319. -webkit-transition-property: right;
  320. transition-property: right;
  321. right: -200px;
  322. }
  323. #outerContainer.sidebarMoving > #sidebarContainer,
  324. #outerContainer.sidebarOpen > #sidebarContainer {
  325. visibility: visible;
  326. }
  327. html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
  328. left: 0px;
  329. }
  330. html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
  331. right: 0px;
  332. }
  333. #mainContainer {
  334. position: absolute;
  335. top: 0;
  336. right: 0;
  337. bottom: 0;
  338. left: 0;
  339. min-width: 320px;
  340. -webkit-transition-duration: 200ms;
  341. -webkit-transition-timing-function: ease;
  342. transition-duration: 200ms;
  343. transition-timing-function: ease;
  344. }
  345. html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
  346. -webkit-transition-property: left;
  347. transition-property: left;
  348. left: 200px;
  349. }
  350. html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
  351. -webkit-transition-property: right;
  352. transition-property: right;
  353. right: 200px;
  354. }
  355. #sidebarContent {
  356. top: 32px;
  357. bottom: 0;
  358. overflow: auto;
  359. -webkit-overflow-scrolling: touch;
  360. position: absolute;
  361. width: 200px;
  362. background-color: hsla(0,0%,0%,.1);
  363. }
  364. html[dir='ltr'] #sidebarContent {
  365. left: 0;
  366. box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
  367. }
  368. html[dir='rtl'] #sidebarContent {
  369. right: 0;
  370. box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
  371. }
  372. #viewerContainer {
  373. overflow: auto;
  374. -webkit-overflow-scrolling: touch;
  375. position: absolute;
  376. top: 32px;
  377. right: 0;
  378. bottom: 0;
  379. left: 0;
  380. outline: none;
  381. }
  382. html[dir='ltr'] #viewerContainer {
  383. box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
  384. }
  385. html[dir='rtl'] #viewerContainer {
  386. box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
  387. }
  388. .toolbar {
  389. position: relative;
  390. left: 0;
  391. right: 0;
  392. z-index: 9999;
  393. cursor: default;
  394. }
  395. #toolbarContainer {
  396. width: 100%;
  397. }
  398. #toolbarSidebar {
  399. width: 200px;
  400. height: 32px;
  401. background-color: #424242; /* fallback */
  402. background-image: url(images/texture.png),
  403. linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
  404. }
  405. html[dir='ltr'] #toolbarSidebar {
  406. box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
  407. inset 0 -1px 0 hsla(0,0%,100%,.05),
  408. 0 1px 0 hsla(0,0%,0%,.15),
  409. 0 0 1px hsla(0,0%,0%,.1);
  410. }
  411. html[dir='rtl'] #toolbarSidebar {
  412. box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
  413. inset 0 1px 0 hsla(0,0%,100%,.05),
  414. 0 1px 0 hsla(0,0%,0%,.15),
  415. 0 0 1px hsla(0,0%,0%,.1);
  416. }
  417. #toolbarContainer, .findbar, .secondaryToolbar {
  418. position: relative;
  419. height: 32px;
  420. background-color: #474747; /* fallback */
  421. background-image: url(images/texture.png),
  422. linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
  423. }
  424. html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
  425. box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
  426. inset 0 1px 1px hsla(0,0%,0%,.15),
  427. inset 0 -1px 0 hsla(0,0%,100%,.05),
  428. 0 1px 0 hsla(0,0%,0%,.15),
  429. 0 1px 1px hsla(0,0%,0%,.1);
  430. }
  431. html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
  432. box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08),
  433. inset 0 1px 1px hsla(0,0%,0%,.15),
  434. inset 0 -1px 0 hsla(0,0%,100%,.05),
  435. 0 1px 0 hsla(0,0%,0%,.15),
  436. 0 1px 1px hsla(0,0%,0%,.1);
  437. }
  438. #toolbarViewer {
  439. height: 32px;
  440. }
  441. #loadingBar {
  442. position: relative;
  443. width: 100%;
  444. height: 4px;
  445. background-color: #333;
  446. border-bottom: 1px solid #333;
  447. }
  448. #loadingBar .progress {
  449. position: absolute;
  450. top: 0;
  451. left: 0;
  452. width: 0%;
  453. height: 100%;
  454. background-color: #ddd;
  455. overflow: hidden;
  456. -webkit-transition: width 200ms;
  457. transition: width 200ms;
  458. }
  459. @-webkit-keyframes progressIndeterminate {
  460. 0% { left: -142px; }
  461. 100% { left: 0; }
  462. }
  463. @keyframes progressIndeterminate {
  464. 0% { left: -142px; }
  465. 100% { left: 0; }
  466. }
  467. #loadingBar .progress.indeterminate {
  468. background-color: #999;
  469. -webkit-transition: none;
  470. transition: none;
  471. }
  472. #loadingBar .progress.indeterminate .glimmer {
  473. position: absolute;
  474. top: 0;
  475. left: 0;
  476. height: 100%;
  477. width: calc(100% + 150px);
  478. background: repeating-linear-gradient(135deg,
  479. #bbb 0, #999 5px,
  480. #999 45px, #ddd 55px,
  481. #ddd 95px, #bbb 100px);
  482. -webkit-animation: progressIndeterminate 950ms linear infinite;
  483. animation: progressIndeterminate 950ms linear infinite;
  484. }
  485. .findbar, .secondaryToolbar {
  486. top: 32px;
  487. position: absolute;
  488. z-index: 10000;
  489. height: 32px;
  490. min-width: 16px;
  491. padding: 0px 6px 0px 6px;
  492. margin: 4px 2px 4px 2px;
  493. color: hsl(0,0%,85%);
  494. font-size: 12px;
  495. line-height: 14px;
  496. text-align: left;
  497. cursor: default;
  498. }
  499. html[dir='ltr'] .findbar {
  500. left: 68px;
  501. }
  502. html[dir='rtl'] .findbar {
  503. right: 68px;
  504. }
  505. .findbar label {
  506. -webkit-user-select: none;
  507. -moz-user-select: none;
  508. }
  509. #findInput[data-status="pending"] {
  510. background-image: url(images/loading-small.png);
  511. background-repeat: no-repeat;
  512. background-position: right;
  513. }
  514. html[dir='rtl'] #findInput[data-status="pending"] {
  515. background-position: left;
  516. }
  517. .secondaryToolbar {
  518. padding: 6px;
  519. height: auto;
  520. z-index: 30000;
  521. }
  522. html[dir='ltr'] .secondaryToolbar {
  523. right: 4px;
  524. }
  525. html[dir='rtl'] .secondaryToolbar {
  526. left: 4px;
  527. }
  528. #secondaryToolbarButtonContainer {
  529. max-width: 200px;
  530. max-height: 400px;
  531. overflow-y: auto;
  532. -webkit-overflow-scrolling: touch;
  533. margin-bottom: -4px;
  534. }
  535. .doorHanger,
  536. .doorHangerRight {
  537. border: 1px solid hsla(0,0%,0%,.5);
  538. border-radius: 2px;
  539. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  540. }
  541. .doorHanger:after, .doorHanger:before,
  542. .doorHangerRight:after, .doorHangerRight:before {
  543. bottom: 100%;
  544. border: solid transparent;
  545. content: " ";
  546. height: 0;
  547. width: 0;
  548. position: absolute;
  549. pointer-events: none;
  550. }
  551. .doorHanger:after,
  552. .doorHangerRight:after {
  553. border-bottom-color: hsla(0,0%,32%,.99);
  554. border-width: 8px;
  555. }
  556. .doorHanger:before,
  557. .doorHangerRight:before {
  558. border-bottom-color: hsla(0,0%,0%,.5);
  559. border-width: 9px;
  560. }
  561. html[dir='ltr'] .doorHanger:after,
  562. html[dir='rtl'] .doorHangerRight:after {
  563. left: 13px;
  564. margin-left: -8px;
  565. }
  566. html[dir='ltr'] .doorHanger:before,
  567. html[dir='rtl'] .doorHangerRight:before {
  568. left: 13px;
  569. margin-left: -9px;
  570. }
  571. html[dir='rtl'] .doorHanger:after,
  572. html[dir='ltr'] .doorHangerRight:after {
  573. right: 13px;
  574. margin-right: -8px;
  575. }
  576. html[dir='rtl'] .doorHanger:before,
  577. html[dir='ltr'] .doorHangerRight:before {
  578. right: 13px;
  579. margin-right: -9px;
  580. }
  581. #findResultsCount {
  582. background-color: hsl(0, 0%, 85%);
  583. color: hsl(0, 0%, 32%);
  584. text-align: center;
  585. padding: 3px 4px;
  586. }
  587. #findMsg {
  588. font-style: italic;
  589. color: #A6B7D0;
  590. }
  591. #findInput.notFound {
  592. background-color: rgb(255, 102, 102);
  593. }
  594. html[dir='ltr'] #toolbarViewerLeft {
  595. margin-left: -1px;
  596. }
  597. html[dir='rtl'] #toolbarViewerRight {
  598. margin-right: -1px;
  599. }
  600. html[dir='ltr'] #toolbarViewerLeft,
  601. html[dir='rtl'] #toolbarViewerRight {
  602. position: absolute;
  603. top: 0;
  604. left: 0;
  605. }
  606. html[dir='ltr'] #toolbarViewerRight,
  607. html[dir='rtl'] #toolbarViewerLeft {
  608. position: absolute;
  609. top: 0;
  610. right: 0;
  611. }
  612. html[dir='ltr'] #toolbarViewerLeft > *,
  613. html[dir='ltr'] #toolbarViewerMiddle > *,
  614. html[dir='ltr'] #toolbarViewerRight > *,
  615. html[dir='ltr'] .findbar > * {
  616. position: relative;
  617. float: left;
  618. }
  619. html[dir='rtl'] #toolbarViewerLeft > *,
  620. html[dir='rtl'] #toolbarViewerMiddle > *,
  621. html[dir='rtl'] #toolbarViewerRight > *,
  622. html[dir='rtl'] .findbar > * {
  623. position: relative;
  624. float: right;
  625. }
  626. html[dir='ltr'] .splitToolbarButton {
  627. margin: 3px 2px 4px 0;
  628. display: inline-block;
  629. }
  630. html[dir='rtl'] .splitToolbarButton {
  631. margin: 3px 0 4px 2px;
  632. display: inline-block;
  633. }
  634. html[dir='ltr'] .splitToolbarButton > .toolbarButton {
  635. border-radius: 0;
  636. float: left;
  637. }
  638. html[dir='rtl'] .splitToolbarButton > .toolbarButton {
  639. border-radius: 0;
  640. float: right;
  641. }
  642. .toolbarButton,
  643. .secondaryToolbarButton,
  644. .overlayButton {
  645. border: 0 none;
  646. background: none;
  647. width: 32px;
  648. height: 25px;
  649. }
  650. .toolbarButton > span {
  651. display: inline-block;
  652. width: 0;
  653. height: 0;
  654. overflow: hidden;
  655. }
  656. .toolbarButton[disabled],
  657. .secondaryToolbarButton[disabled],
  658. .overlayButton[disabled] {
  659. opacity: .5;
  660. }
  661. .toolbarButton.group {
  662. margin-right: 0;
  663. }
  664. .splitToolbarButton.toggled .toolbarButton {
  665. margin: 0;
  666. }
  667. .splitToolbarButton:hover > .toolbarButton,
  668. .splitToolbarButton:focus > .toolbarButton,
  669. .splitToolbarButton.toggled > .toolbarButton,
  670. .toolbarButton.textButton {
  671. background-color: hsla(0,0%,0%,.12);
  672. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  673. background-clip: padding-box;
  674. border: 1px solid hsla(0,0%,0%,.35);
  675. border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
  676. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  677. 0 0 1px hsla(0,0%,100%,.15) inset,
  678. 0 1px 0 hsla(0,0%,100%,.05);
  679. -webkit-transition-property: background-color, border-color, box-shadow;
  680. -webkit-transition-duration: 150ms;
  681. -webkit-transition-timing-function: ease;
  682. transition-property: background-color, border-color, box-shadow;
  683. transition-duration: 150ms;
  684. transition-timing-function: ease;
  685. }
  686. .splitToolbarButton > .toolbarButton:hover,
  687. .splitToolbarButton > .toolbarButton:focus,
  688. .dropdownToolbarButton:hover,
  689. .overlayButton:hover,
  690. .overlayButton:focus,
  691. .toolbarButton.textButton:hover,
  692. .toolbarButton.textButton:focus {
  693. background-color: hsla(0,0%,0%,.2);
  694. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  695. 0 0 1px hsla(0,0%,100%,.15) inset,
  696. 0 0 1px hsla(0,0%,0%,.05);
  697. z-index: 199;
  698. }
  699. .splitToolbarButton > .toolbarButton {
  700. position: relative;
  701. }
  702. html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
  703. html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
  704. position: relative;
  705. margin: 0;
  706. margin-right: -1px;
  707. border-top-left-radius: 2px;
  708. border-bottom-left-radius: 2px;
  709. border-right-color: transparent;
  710. }
  711. html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
  712. html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
  713. position: relative;
  714. margin: 0;
  715. margin-left: -1px;
  716. border-top-right-radius: 2px;
  717. border-bottom-right-radius: 2px;
  718. border-left-color: transparent;
  719. }
  720. .splitToolbarButtonSeparator {
  721. padding: 8px 0;
  722. width: 1px;
  723. background-color: hsla(0,0%,0%,.5);
  724. z-index: 99;
  725. box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  726. display: inline-block;
  727. margin: 5px 0;
  728. }
  729. html[dir='ltr'] .splitToolbarButtonSeparator {
  730. float: left;
  731. }
  732. html[dir='rtl'] .splitToolbarButtonSeparator {
  733. float: right;
  734. }
  735. .splitToolbarButton:hover > .splitToolbarButtonSeparator,
  736. .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
  737. padding: 12px 0;
  738. margin: 1px 0;
  739. box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
  740. -webkit-transition-property: padding;
  741. -webkit-transition-duration: 10ms;
  742. -webkit-transition-timing-function: ease;
  743. transition-property: padding;
  744. transition-duration: 10ms;
  745. transition-timing-function: ease;
  746. }
  747. .toolbarButton,
  748. .dropdownToolbarButton,
  749. .secondaryToolbarButton,
  750. .overlayButton {
  751. min-width: 16px;
  752. padding: 2px 6px 0;
  753. border: 1px solid transparent;
  754. border-radius: 2px;
  755. color: hsla(0,0%,100%,.8);
  756. font-size: 12px;
  757. line-height: 14px;
  758. -webkit-user-select: none;
  759. -moz-user-select: none;
  760. -ms-user-select: none;
  761. /* Opera does not support user-select, use <... unselectable="on"> instead */
  762. cursor: default;
  763. -webkit-transition-property: background-color, border-color, box-shadow;
  764. -webkit-transition-duration: 150ms;
  765. -webkit-transition-timing-function: ease;
  766. transition-property: background-color, border-color, box-shadow;
  767. transition-duration: 150ms;
  768. transition-timing-function: ease;
  769. }
  770. html[dir='ltr'] .toolbarButton,
  771. html[dir='ltr'] .overlayButton,
  772. html[dir='ltr'] .dropdownToolbarButton {
  773. margin: 3px 2px 4px 0;
  774. }
  775. html[dir='rtl'] .toolbarButton,
  776. html[dir='rtl'] .overlayButton,
  777. html[dir='rtl'] .dropdownToolbarButton {
  778. margin: 3px 0 4px 2px;
  779. }
  780. .toolbarButton:hover,
  781. .toolbarButton:focus,
  782. .dropdownToolbarButton,
  783. .overlayButton,
  784. .secondaryToolbarButton:hover,
  785. .secondaryToolbarButton:focus {
  786. background-color: hsla(0,0%,0%,.12);
  787. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  788. background-clip: padding-box;
  789. border: 1px solid hsla(0,0%,0%,.35);
  790. border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
  791. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  792. 0 0 1px hsla(0,0%,100%,.15) inset,
  793. 0 1px 0 hsla(0,0%,100%,.05);
  794. }
  795. .toolbarButton:hover:active,
  796. .overlayButton:hover:active,
  797. .dropdownToolbarButton:hover:active,
  798. .secondaryToolbarButton:hover:active {
  799. background-color: hsla(0,0%,0%,.2);
  800. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  801. border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
  802. box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
  803. 0 0 1px hsla(0,0%,0%,.2) inset,
  804. 0 1px 0 hsla(0,0%,100%,.05);
  805. -webkit-transition-property: background-color, border-color, box-shadow;
  806. -webkit-transition-duration: 10ms;
  807. -webkit-transition-timing-function: linear;
  808. transition-property: background-color, border-color, box-shadow;
  809. transition-duration: 10ms;
  810. transition-timing-function: linear;
  811. }
  812. .toolbarButton.toggled,
  813. .splitToolbarButton.toggled > .toolbarButton.toggled,
  814. .secondaryToolbarButton.toggled {
  815. background-color: hsla(0,0%,0%,.3);
  816. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  817. border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
  818. box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
  819. 0 0 1px hsla(0,0%,0%,.2) inset,
  820. 0 1px 0 hsla(0,0%,100%,.05);
  821. -webkit-transition-property: background-color, border-color, box-shadow;
  822. -webkit-transition-duration: 10ms;
  823. -webkit-transition-timing-function: linear;
  824. transition-property: background-color, border-color, box-shadow;
  825. transition-duration: 10ms;
  826. transition-timing-function: linear;
  827. }
  828. .toolbarButton.toggled:hover:active,
  829. .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
  830. .secondaryToolbarButton.toggled:hover:active {
  831. background-color: hsla(0,0%,0%,.4);
  832. border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
  833. box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
  834. 0 0 1px hsla(0,0%,0%,.3) inset,
  835. 0 1px 0 hsla(0,0%,100%,.05);
  836. }
  837. .dropdownToolbarButton {
  838. width: 120px;
  839. max-width: 120px;
  840. padding: 0;
  841. overflow: hidden;
  842. background: url(images/toolbarButton-menuArrows.png) no-repeat;
  843. }
  844. html[dir='ltr'] .dropdownToolbarButton {
  845. background-position: 95%;
  846. }
  847. html[dir='rtl'] .dropdownToolbarButton {
  848. background-position: 5%;
  849. }
  850. .dropdownToolbarButton > select {
  851. min-width: 140px;
  852. font-size: 12px;
  853. color: hsl(0,0%,95%);
  854. margin: 0;
  855. padding: 3px 2px 2px;
  856. border: none;
  857. background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
  858. }
  859. .dropdownToolbarButton > select > option {
  860. background: hsl(0,0%,24%);
  861. }
  862. #customScaleOption {
  863. display: none;
  864. }
  865. #pageWidthOption {
  866. border-bottom: 1px rgba(255, 255, 255, .5) solid;
  867. }
  868. html[dir='ltr'] .splitToolbarButton:first-child,
  869. html[dir='ltr'] .toolbarButton:first-child,
  870. html[dir='rtl'] .splitToolbarButton:last-child,
  871. html[dir='rtl'] .toolbarButton:last-child {
  872. margin-left: 4px;
  873. }
  874. html[dir='ltr'] .splitToolbarButton:last-child,
  875. html[dir='ltr'] .toolbarButton:last-child,
  876. html[dir='rtl'] .splitToolbarButton:first-child,
  877. html[dir='rtl'] .toolbarButton:first-child {
  878. margin-right: 4px;
  879. }
  880. .toolbarButtonSpacer {
  881. width: 30px;
  882. display: inline-block;
  883. height: 1px;
  884. }
  885. .toolbarButtonFlexibleSpacer {
  886. -webkit-box-flex: 1;
  887. -moz-box-flex: 1;
  888. min-width: 30px;
  889. }
  890. html[dir='ltr'] #findPrevious {
  891. margin-left: 3px;
  892. }
  893. html[dir='ltr'] #findNext {
  894. margin-right: 3px;
  895. }
  896. html[dir='rtl'] #findPrevious {
  897. margin-right: 3px;
  898. }
  899. html[dir='rtl'] #findNext {
  900. margin-left: 3px;
  901. }
  902. .toolbarButton::before,
  903. .secondaryToolbarButton::before {
  904. /* All matching images have a size of 16x16
  905. * All relevant containers have a size of 32x25 */
  906. position: absolute;
  907. display: inline-block;
  908. top: 4px;
  909. left: 7px;
  910. }
  911. html[dir="ltr"] .secondaryToolbarButton::before {
  912. left: 4px;
  913. }
  914. html[dir="rtl"] .secondaryToolbarButton::before {
  915. right: 4px;
  916. }
  917. html[dir='ltr'] .toolbarButton#sidebarToggle::before {
  918. content: url(images/toolbarButton-sidebarToggle.png);
  919. }
  920. html[dir='rtl'] .toolbarButton#sidebarToggle::before {
  921. content: url(images/toolbarButton-sidebarToggle-rtl.png);
  922. }
  923. html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
  924. content: url(images/toolbarButton-secondaryToolbarToggle.png);
  925. }
  926. html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
  927. content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
  928. }
  929. html[dir='ltr'] .toolbarButton.findPrevious::before {
  930. content: url(images/findbarButton-previous.png);
  931. }
  932. html[dir='rtl'] .toolbarButton.findPrevious::before {
  933. content: url(images/findbarButton-previous-rtl.png);
  934. }
  935. html[dir='ltr'] .toolbarButton.findNext::before {
  936. content: url(images/findbarButton-next.png);
  937. }
  938. html[dir='rtl'] .toolbarButton.findNext::before {
  939. content: url(images/findbarButton-next-rtl.png);
  940. }
  941. html[dir='ltr'] .toolbarButton.pageUp::before {
  942. content: url(images/toolbarButton-pageUp.png);
  943. }
  944. html[dir='rtl'] .toolbarButton.pageUp::before {
  945. content: url(images/toolbarButton-pageUp-rtl.png);
  946. }
  947. html[dir='ltr'] .toolbarButton.pageDown::before {
  948. content: url(images/toolbarButton-pageDown.png);
  949. }
  950. html[dir='rtl'] .toolbarButton.pageDown::before {
  951. content: url(images/toolbarButton-pageDown-rtl.png);
  952. }
  953. .toolbarButton.zoomOut::before {
  954. content: url(images/toolbarButton-zoomOut.png);
  955. }
  956. .toolbarButton.zoomIn::before {
  957. content: url(images/toolbarButton-zoomIn.png);
  958. }
  959. .toolbarButton.presentationMode::before,
  960. .secondaryToolbarButton.presentationMode::before {
  961. content: url(images/toolbarButton-presentationMode.png);
  962. }
  963. .toolbarButton.print::before,
  964. .secondaryToolbarButton.print::before {
  965. content: url(images/toolbarButton-print.png);
  966. }
  967. .toolbarButton.openFile::before,
  968. .secondaryToolbarButton.openFile::before {
  969. content: url(images/toolbarButton-openFile.png);
  970. }
  971. .toolbarButton.download::before,
  972. .secondaryToolbarButton.download::before {
  973. content: url(images/toolbarButton-download.png);
  974. }
  975. .toolbarButton.bookmark,
  976. .secondaryToolbarButton.bookmark {
  977. -webkit-box-sizing: border-box;
  978. -moz-box-sizing: border-box;
  979. box-sizing: border-box;
  980. outline: none;
  981. padding-top: 4px;
  982. text-decoration: none;
  983. }
  984. .secondaryToolbarButton.bookmark {
  985. padding-top: 5px;
  986. }
  987. .bookmark[href='#'] {
  988. opacity: .5;
  989. pointer-events: none;
  990. }
  991. .toolbarButton.bookmark::before,
  992. .secondaryToolbarButton.bookmark::before {
  993. content: url(images/toolbarButton-bookmark.png);
  994. }
  995. #viewThumbnail.toolbarButton::before {
  996. content: url(images/toolbarButton-viewThumbnail.png);
  997. }
  998. html[dir="ltr"] #viewOutline.toolbarButton::before {
  999. content: url(images/toolbarButton-viewOutline.png);
  1000. }
  1001. html[dir="rtl"] #viewOutline.toolbarButton::before {
  1002. content: url(images/toolbarButton-viewOutline-rtl.png);
  1003. }
  1004. #viewAttachments.toolbarButton::before {
  1005. content: url(images/toolbarButton-viewAttachments.png);
  1006. }
  1007. #viewFind.toolbarButton::before {
  1008. content: url(images/toolbarButton-search.png);
  1009. }
  1010. .secondaryToolbarButton {
  1011. position: relative;
  1012. margin: 0 0 4px 0;
  1013. padding: 3px 0 1px 0;
  1014. height: auto;
  1015. min-height: 25px;
  1016. width: auto;
  1017. min-width: 100%;
  1018. white-space: normal;
  1019. }
  1020. html[dir="ltr"] .secondaryToolbarButton {
  1021. padding-left: 24px;
  1022. text-align: left;
  1023. }
  1024. html[dir="rtl"] .secondaryToolbarButton {
  1025. padding-right: 24px;
  1026. text-align: right;
  1027. }
  1028. html[dir="ltr"] .secondaryToolbarButton.bookmark {
  1029. padding-left: 27px;
  1030. }
  1031. html[dir="rtl"] .secondaryToolbarButton.bookmark {
  1032. padding-right: 27px;
  1033. }
  1034. html[dir="ltr"] .secondaryToolbarButton > span {
  1035. padding-right: 4px;
  1036. }
  1037. html[dir="rtl"] .secondaryToolbarButton > span {
  1038. padding-left: 4px;
  1039. }
  1040. .secondaryToolbarButton.firstPage::before {
  1041. content: url(images/secondaryToolbarButton-firstPage.png);
  1042. }
  1043. .secondaryToolbarButton.lastPage::before {
  1044. content: url(images/secondaryToolbarButton-lastPage.png);
  1045. }
  1046. .secondaryToolbarButton.rotateCcw::before {
  1047. content: url(images/secondaryToolbarButton-rotateCcw.png);
  1048. }
  1049. .secondaryToolbarButton.rotateCw::before {
  1050. content: url(images/secondaryToolbarButton-rotateCw.png);
  1051. }
  1052. .secondaryToolbarButton.handTool::before {
  1053. content: url(images/secondaryToolbarButton-handTool.png);
  1054. }
  1055. .secondaryToolbarButton.documentProperties::before {
  1056. content: url(images/secondaryToolbarButton-documentProperties.png);
  1057. }
  1058. .verticalToolbarSeparator {
  1059. display: block;
  1060. padding: 8px 0;
  1061. margin: 8px 4px;
  1062. width: 1px;
  1063. background-color: hsla(0,0%,0%,.5);
  1064. box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  1065. }
  1066. html[dir='ltr'] .verticalToolbarSeparator {
  1067. margin-left: 2px;
  1068. }
  1069. html[dir='rtl'] .verticalToolbarSeparator {
  1070. margin-right: 2px;
  1071. }
  1072. .horizontalToolbarSeparator {
  1073. display: block;
  1074. margin: 0 0 4px 0;
  1075. height: 1px;
  1076. width: 100%;
  1077. background-color: hsla(0,0%,0%,.5);
  1078. box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  1079. }
  1080. .toolbarField {
  1081. padding: 3px 6px;
  1082. margin: 4px 0 4px 0;
  1083. border: 1px solid transparent;
  1084. border-radius: 2px;
  1085. background-color: hsla(0,0%,100%,.09);
  1086. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  1087. background-clip: padding-box;
  1088. border: 1px solid hsla(0,0%,0%,.35);
  1089. border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
  1090. box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
  1091. 0 1px 0 hsla(0,0%,100%,.05);
  1092. color: hsl(0,0%,95%);
  1093. font-size: 12px;
  1094. line-height: 14px;
  1095. outline-style: none;
  1096. transition-property: background-color, border-color, box-shadow;
  1097. transition-duration: 150ms;
  1098. transition-timing-function: ease;
  1099. }
  1100. .toolbarField[type=checkbox] {
  1101. display: inline-block;
  1102. margin: 8px 0px;
  1103. }
  1104. .toolbarField.pageNumber {
  1105. -moz-appearance: textfield; /* hides the spinner in moz */
  1106. min-width: 16px;
  1107. text-align: right;
  1108. width: 40px;
  1109. }
  1110. .toolbarField.pageNumber.visiblePageIsLoading {
  1111. background-image: url(images/loading-small.png);
  1112. background-repeat: no-repeat;
  1113. background-position: 1px;
  1114. }
  1115. .toolbarField.pageNumber::-webkit-inner-spin-button,
  1116. .toolbarField.pageNumber::-webkit-outer-spin-button {
  1117. -webkit-appearance: none;
  1118. margin: 0;
  1119. }
  1120. .toolbarField:hover {
  1121. background-color: hsla(0,0%,100%,.11);
  1122. border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
  1123. }
  1124. .toolbarField:focus {
  1125. background-color: hsla(0,0%,100%,.15);
  1126. border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
  1127. }
  1128. .toolbarLabel {
  1129. min-width: 16px;
  1130. padding: 3px 6px 3px 2px;
  1131. margin: 4px 2px 4px 0;
  1132. border: 1px solid transparent;
  1133. border-radius: 2px;
  1134. color: hsl(0,0%,85%);
  1135. font-size: 12px;
  1136. line-height: 14px;
  1137. text-align: left;
  1138. -webkit-user-select: none;
  1139. -moz-user-select: none;
  1140. cursor: default;
  1141. }
  1142. #thumbnailView {
  1143. position: absolute;
  1144. width: 120px;
  1145. top: 0;
  1146. bottom: 0;
  1147. padding: 10px 40px 0;
  1148. overflow: auto;
  1149. -webkit-overflow-scrolling: touch;
  1150. }
  1151. .thumbnail {
  1152. float: left;
  1153. margin-bottom: 5px;
  1154. }
  1155. #thumbnailView > a:last-of-type > .thumbnail {
  1156. margin-bottom: 10px;
  1157. }
  1158. #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
  1159. margin-bottom: 9px;
  1160. }
  1161. .thumbnail:not([data-loaded]) {
  1162. border: 1px dashed rgba(255, 255, 255, 0.5);
  1163. margin: -1px -1px 4px -1px;
  1164. }
  1165. .thumbnailImage {
  1166. border: 1px solid transparent;
  1167. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  1168. opacity: 0.8;
  1169. z-index: 99;
  1170. background-color: white;
  1171. background-clip: content-box;
  1172. }
  1173. .thumbnailSelectionRing {
  1174. border-radius: 2px;
  1175. padding: 7px;
  1176. }
  1177. a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
  1178. .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
  1179. opacity: .9;
  1180. }
  1181. a:focus > .thumbnail > .thumbnailSelectionRing,
  1182. .thumbnail:hover > .thumbnailSelectionRing {
  1183. background-color: hsla(0,0%,100%,.15);
  1184. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  1185. background-clip: padding-box;
  1186. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  1187. 0 0 1px hsla(0,0%,100%,.2) inset,
  1188. 0 0 1px hsla(0,0%,0%,.2);
  1189. color: hsla(0,0%,100%,.9);
  1190. }
  1191. .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  1192. box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
  1193. opacity: 1;
  1194. }
  1195. .thumbnail.selected > .thumbnailSelectionRing {
  1196. background-color: hsla(0,0%,100%,.3);
  1197. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  1198. background-clip: padding-box;
  1199. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  1200. 0 0 1px hsla(0,0%,100%,.1) inset,
  1201. 0 0 1px hsla(0,0%,0%,.2);
  1202. color: hsla(0,0%,100%,1);
  1203. }
  1204. #outlineView,
  1205. #attachmentsView {
  1206. position: absolute;
  1207. width: 192px;
  1208. top: 0;
  1209. bottom: 0;
  1210. overflow: auto;
  1211. -webkit-overflow-scrolling: touch;
  1212. -webkit-user-select: none;
  1213. -moz-user-select: none;
  1214. }
  1215. #outlineView {
  1216. padding: 4px 4px 0;
  1217. }
  1218. #attachmentsView {
  1219. padding: 3px 4px 0;
  1220. }
  1221. html[dir='ltr'] .outlineWithDeepNesting > .outlineItem,
  1222. html[dir='ltr'] .outlineItem > .outlineItems {
  1223. margin-left: 20px;
  1224. }
  1225. html[dir='rtl'] .outlineWithDeepNesting > .outlineItem,
  1226. html[dir='rtl'] .outlineItem > .outlineItems {
  1227. margin-right: 20px;
  1228. }
  1229. .outlineItem > a,
  1230. .attachmentsItem > button {
  1231. text-decoration: none;
  1232. display: inline-block;
  1233. min-width: 95%;
  1234. min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode)
  1235. of the container. */
  1236. height: auto;
  1237. margin-bottom: 1px;
  1238. border-radius: 2px;
  1239. color: hsla(0,0%,100%,.8);
  1240. font-size: 13px;
  1241. line-height: 15px;
  1242. -moz-user-select: none;
  1243. white-space: normal;
  1244. }
  1245. .attachmentsItem > button {
  1246. border: 0 none;
  1247. background: none;
  1248. cursor: pointer;
  1249. width: 100%;
  1250. }
  1251. html[dir='ltr'] .outlineItem > a {
  1252. padding: 2px 0 5px 4px;
  1253. }
  1254. html[dir='ltr'] .attachmentsItem > button {
  1255. padding: 2px 0 3px 7px;
  1256. text-align: left;
  1257. }
  1258. html[dir='rtl'] .outlineItem > a {
  1259. padding: 2px 4px 5px 0;
  1260. }
  1261. html[dir='rtl'] .attachmentsItem > button {
  1262. padding: 2px 7px 3px 0;
  1263. text-align: right;
  1264. }
  1265. .outlineItemToggler {
  1266. position: relative;
  1267. height: 0;
  1268. width: 0;
  1269. color: hsla(0,0%,100%,.5);
  1270. }
  1271. .outlineItemToggler::before {
  1272. content: url(images/treeitem-expanded.png);
  1273. display: inline-block;
  1274. position: absolute;
  1275. }
  1276. html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
  1277. content: url(images/treeitem-collapsed.png);
  1278. }
  1279. html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
  1280. content: url(images/treeitem-collapsed-rtl.png);
  1281. }
  1282. .outlineItemToggler.outlineItemsHidden ~ .outlineItems {
  1283. display: none;
  1284. }
  1285. html[dir='ltr'] .outlineItemToggler {
  1286. float: left;
  1287. }
  1288. html[dir='rtl'] .outlineItemToggler {
  1289. float: right;
  1290. }
  1291. html[dir='ltr'] .outlineItemToggler::before {
  1292. right: 4px;
  1293. }
  1294. html[dir='rtl'] .outlineItemToggler::before {
  1295. left: 4px;
  1296. }
  1297. .outlineItemToggler:hover,
  1298. .outlineItemToggler:hover + a,
  1299. .outlineItemToggler:hover ~ .outlineItems,
  1300. .outlineItem > a:hover,
  1301. .attachmentsItem > button:hover {
  1302. background-color: hsla(0,0%,100%,.02);
  1303. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  1304. background-clip: padding-box;
  1305. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  1306. 0 0 1px hsla(0,0%,100%,.2) inset,
  1307. 0 0 1px hsla(0,0%,0%,.2);
  1308. border-radius: 2px;
  1309. color: hsla(0,0%,100%,.9);
  1310. }
  1311. .outlineItem.selected {
  1312. background-color: hsla(0,0%,100%,.08);
  1313. background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  1314. background-clip: padding-box;
  1315. box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
  1316. 0 0 1px hsla(0,0%,100%,.1) inset,
  1317. 0 0 1px hsla(0,0%,0%,.2);
  1318. color: hsla(0,0%,100%,1);
  1319. }
  1320. .noResults {
  1321. font-size: 12px;
  1322. color: hsla(0,0%,100%,.8);
  1323. font-style: italic;
  1324. cursor: default;
  1325. }
  1326. /* TODO: file FF bug to support ::-moz-selection:window-inactive
  1327. so we can override the opaque grey background when the window is inactive;
  1328. see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
  1329. ::selection { background: rgba(0,0,255,0.3); }
  1330. ::-moz-selection { background: rgba(0,0,255,0.3); }
  1331. #errorWrapper {
  1332. background: none repeat scroll 0 0 #FF5555;
  1333. color: white;
  1334. left: 0;
  1335. position: absolute;
  1336. right: 0;
  1337. z-index: 1000;
  1338. padding: 3px;
  1339. font-size: 0.8em;
  1340. }
  1341. .loadingInProgress #errorWrapper {
  1342. top: 37px;
  1343. }
  1344. #errorMessageLeft {
  1345. float: left;
  1346. }
  1347. #errorMessageRight {
  1348. float: right;
  1349. }
  1350. #errorMoreInfo {
  1351. background-color: #FFFFFF;
  1352. color: black;
  1353. padding: 3px;
  1354. margin: 3px;
  1355. width: 98%;
  1356. }
  1357. .overlayButton {
  1358. width: auto;
  1359. margin: 3px 4px 2px 4px !important;
  1360. padding: 2px 6px 3px 6px;
  1361. }
  1362. #overlayContainer {
  1363. display: table;
  1364. position: absolute;
  1365. width: 100%;
  1366. height: 100%;
  1367. background-color: hsla(0,0%,0%,.2);
  1368. z-index: 40000;
  1369. }
  1370. #overlayContainer > * {
  1371. overflow: auto;
  1372. -webkit-overflow-scrolling: touch;
  1373. }
  1374. #overlayContainer > .container {
  1375. display: table-cell;
  1376. vertical-align: middle;
  1377. text-align: center;
  1378. }
  1379. #overlayContainer > .container > .dialog {
  1380. display: inline-block;
  1381. padding: 15px;
  1382. border-spacing: 4px;
  1383. color: hsl(0,0%,85%);
  1384. font-size: 12px;
  1385. line-height: 14px;
  1386. background-color: #474747; /* fallback */
  1387. background-image: url(images/texture.png),
  1388. linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
  1389. box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
  1390. inset 0 1px 1px hsla(0,0%,0%,.15),
  1391. inset 0 -1px 0 hsla(0,0%,100%,.05),
  1392. 0 1px 0 hsla(0,0%,0%,.15),
  1393. 0 1px 1px hsla(0,0%,0%,.1);
  1394. border: 1px solid hsla(0,0%,0%,.5);
  1395. border-radius: 4px;
  1396. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  1397. }
  1398. .dialog > .row {
  1399. display: table-row;
  1400. }
  1401. .dialog > .row > * {
  1402. display: table-cell;
  1403. }
  1404. .dialog .toolbarField {
  1405. margin: 5px 0;
  1406. }
  1407. .dialog .separator {
  1408. display: block;
  1409. margin: 4px 0 4px 0;
  1410. height: 1px;
  1411. width: 100%;
  1412. background-color: hsla(0,0%,0%,.5);
  1413. box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
  1414. }
  1415. .dialog .buttonRow {
  1416. text-align: center;
  1417. vertical-align: middle;
  1418. }
  1419. .dialog :link {
  1420. color: white;
  1421. }
  1422. #passwordOverlay > .dialog {
  1423. text-align: center;
  1424. }
  1425. #passwordOverlay .toolbarField {
  1426. width: 200px;
  1427. }
  1428. #documentPropertiesOverlay > .dialog {
  1429. text-align: left;
  1430. }
  1431. #documentPropertiesOverlay .row > * {
  1432. min-width: 100px;
  1433. }
  1434. html[dir='ltr'] #documentPropertiesOverlay .row > * {
  1435. text-align: left;
  1436. }
  1437. html[dir='rtl'] #documentPropertiesOverlay .row > * {
  1438. text-align: right;
  1439. }
  1440. #documentPropertiesOverlay .row > span {
  1441. width: 125px;
  1442. word-wrap: break-word;
  1443. }
  1444. #documentPropertiesOverlay .row > p {
  1445. max-width: 225px;
  1446. word-wrap: break-word;
  1447. }
  1448. #documentPropertiesOverlay .buttonRow {
  1449. margin-top: 10px;
  1450. }
  1451. .clearBoth {
  1452. clear: both;
  1453. }
  1454. .fileInput {
  1455. background: white;
  1456. color: black;
  1457. margin-top: 5px;
  1458. visibility: hidden;
  1459. position: fixed;
  1460. right: 0;
  1461. top: 0;
  1462. }
  1463. #PDFBug {
  1464. background: none repeat scroll 0 0 white;
  1465. border: 1px solid #666666;
  1466. position: fixed;
  1467. top: 32px;
  1468. right: 0;
  1469. bottom: 0;
  1470. font-size: 10px;
  1471. padding: 0;
  1472. width: 300px;
  1473. }
  1474. #PDFBug .controls {
  1475. background:#EEEEEE;
  1476. border-bottom: 1px solid #666666;
  1477. padding: 3px;
  1478. }
  1479. #PDFBug .panels {
  1480. bottom: 0;
  1481. left: 0;
  1482. overflow: auto;
  1483. -webkit-overflow-scrolling: touch;
  1484. position: absolute;
  1485. right: 0;
  1486. top: 27px;
  1487. }
  1488. #PDFBug button.active {
  1489. font-weight: bold;
  1490. }
  1491. .debuggerShowText {
  1492. background: none repeat scroll 0 0 yellow;
  1493. color: blue;
  1494. }
  1495. .debuggerHideText:hover {
  1496. background: none repeat scroll 0 0 yellow;
  1497. }
  1498. #PDFBug .stats {
  1499. font-family: courier;
  1500. font-size: 10px;
  1501. white-space: pre;
  1502. }
  1503. #PDFBug .stats .title {
  1504. font-weight: bold;
  1505. }
  1506. #PDFBug table {
  1507. font-size: 10px;
  1508. }
  1509. #viewer.textLayer-visible .textLayer {
  1510. opacity: 1.0;
  1511. }
  1512. #viewer.textLayer-visible .canvasWrapper {
  1513. background-color: rgb(128,255,128);
  1514. }
  1515. #viewer.textLayer-visible .canvasWrapper canvas {
  1516. mix-blend-mode: screen;
  1517. }
  1518. #viewer.textLayer-visible .textLayer > div {
  1519. background-color: rgba(255, 255, 0, 0.1);
  1520. color: black;
  1521. border: solid 1px rgba(255, 0, 0, 0.5);
  1522. -webkit-box-sizing: border-box;
  1523. -moz-box-sizing: border-box;
  1524. box-sizing: border-box;
  1525. }
  1526. #viewer.textLayer-hover .textLayer > div:hover {
  1527. background-color: white;
  1528. color: black;
  1529. }
  1530. #viewer.textLayer-shadow .textLayer > div {
  1531. background-color: rgba(255,255,255, .6);
  1532. color: black;
  1533. }
  1534. .grab-to-pan-grab {
  1535. cursor: url("images/grab.cur"), move !important;
  1536. cursor: -webkit-grab !important;
  1537. cursor: -moz-grab !important;
  1538. cursor: grab !important;
  1539. }
  1540. .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
  1541. cursor: inherit !important;
  1542. }
  1543. .grab-to-pan-grab:active,
  1544. .grab-to-pan-grabbing {
  1545. cursor: url("images/grabbing.cur"), move !important;
  1546. cursor: -webkit-grabbing !important;
  1547. cursor: -moz-grabbing !important;
  1548. cursor: grabbing !important;
  1549. position: fixed;
  1550. background: transparent;
  1551. display: block;
  1552. top: 0;
  1553. left: 0;
  1554. right: 0;
  1555. bottom: 0;
  1556. overflow: hidden;
  1557. z-index: 50000; /* should be higher than anything else in PDF.js! */
  1558. }
  1559. @page {
  1560. margin: 0;
  1561. }
  1562. #printContainer {
  1563. display: none;
  1564. }
  1565. @media screen and (min-resolution: 2dppx) {
  1566. /* Rules for Retina screens */
  1567. .toolbarButton::before {
  1568. -webkit-transform: scale(0.5);
  1569. transform: scale(0.5);
  1570. top: -5px;
  1571. }
  1572. .secondaryToolbarButton::before {
  1573. -webkit-transform: scale(0.5);
  1574. transform: scale(0.5);
  1575. top: -4px;
  1576. }
  1577. html[dir='ltr'] .toolbarButton::before,
  1578. html[dir='rtl'] .toolbarButton::before {
  1579. left: -1px;
  1580. }
  1581. html[dir='ltr'] .secondaryToolbarButton::before {
  1582. left: -2px;
  1583. }
  1584. html[dir='rtl'] .secondaryToolbarButton::before {
  1585. left: 186px;
  1586. }
  1587. .toolbarField.pageNumber.visiblePageIsLoading,
  1588. #findInput[data-status="pending"] {
  1589. background-image: url(images/loading-small@2x.png);
  1590. background-size: 16px 17px;
  1591. }
  1592. .dropdownToolbarButton {
  1593. background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
  1594. background-size: 7px 16px;
  1595. }
  1596. html[dir='ltr'] .toolbarButton#sidebarToggle::before {
  1597. content: url(images/toolbarButton-sidebarToggle@2x.png);
  1598. }
  1599. html[dir='rtl'] .toolbarButton#sidebarToggle::before {
  1600. content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
  1601. }
  1602. html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
  1603. content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
  1604. }
  1605. html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
  1606. content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
  1607. }
  1608. html[dir='ltr'] .toolbarButton.findPrevious::before {
  1609. content: url(images/findbarButton-previous@2x.png);
  1610. }
  1611. html[dir='rtl'] .toolbarButton.findPrevious::before {
  1612. content: url(images/findbarButton-previous-rtl@2x.png);
  1613. }
  1614. html[dir='ltr'] .toolbarButton.findNext::before {
  1615. content: url(images/findbarButton-next@2x.png);
  1616. }
  1617. html[dir='rtl'] .toolbarButton.findNext::before {
  1618. content: url(images/findbarButton-next-rtl@2x.png);
  1619. }
  1620. html[dir='ltr'] .toolbarButton.pageUp::before {
  1621. content: url(images/toolbarButton-pageUp@2x.png);
  1622. }
  1623. html[dir='rtl'] .toolbarButton.pageUp::before {
  1624. content: url(images/toolbarButton-pageUp-rtl@2x.png);
  1625. }
  1626. html[dir='ltr'] .toolbarButton.pageDown::before {
  1627. content: url(images/toolbarButton-pageDown@2x.png);
  1628. }
  1629. html[dir='rtl'] .toolbarButton.pageDown::before {
  1630. content: url(images/toolbarButton-pageDown-rtl@2x.png);
  1631. }
  1632. .toolbarButton.zoomIn::before {
  1633. content: url(images/toolbarButton-zoomIn@2x.png);
  1634. }
  1635. .toolbarButton.zoomOut::before {
  1636. content: url(images/toolbarButton-zoomOut@2x.png);
  1637. }
  1638. .toolbarButton.presentationMode::before,
  1639. .secondaryToolbarButton.presentationMode::before {
  1640. content: url(images/toolbarButton-presentationMode@2x.png);
  1641. }
  1642. .toolbarButton.print::before,
  1643. .secondaryToolbarButton.print::before {
  1644. content: url(images/toolbarButton-print@2x.png);
  1645. }
  1646. .toolbarButton.openFile::before,
  1647. .secondaryToolbarButton.openFile::before {
  1648. content: url(images/toolbarButton-openFile@2x.png);
  1649. }
  1650. .toolbarButton.download::before,
  1651. .secondaryToolbarButton.download::before {
  1652. content: url(images/toolbarButton-download@2x.png);
  1653. }
  1654. .toolbarButton.bookmark::before,
  1655. .secondaryToolbarButton.bookmark::before {
  1656. content: url(images/toolbarButton-bookmark@2x.png);
  1657. }
  1658. #viewThumbnail.toolbarButton::before {
  1659. content: url(images/toolbarButton-viewThumbnail@2x.png);
  1660. }
  1661. html[dir="ltr"] #viewOutline.toolbarButton::before {
  1662. content: url(images/toolbarButton-viewOutline@2x.png);
  1663. }
  1664. html[dir="rtl"] #viewOutline.toolbarButton::before {
  1665. content: url(images/toolbarButton-viewOutline-rtl@2x.png);
  1666. }
  1667. #viewAttachments.toolbarButton::before {
  1668. content: url(images/toolbarButton-viewAttachments@2x.png);
  1669. }
  1670. #viewFind.toolbarButton::before {
  1671. content: url(images/toolbarButton-search@2x.png);
  1672. }
  1673. .secondaryToolbarButton.firstPage::before {
  1674. content: url(images/secondaryToolbarButton-firstPage@2x.png);
  1675. }
  1676. .secondaryToolbarButton.lastPage::before {
  1677. content: url(images/secondaryToolbarButton-lastPage@2x.png);
  1678. }
  1679. .secondaryToolbarButton.rotateCcw::before {
  1680. content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
  1681. }
  1682. .secondaryToolbarButton.rotateCw::before {
  1683. content: url(images/secondaryToolbarButton-rotateCw@2x.png);
  1684. }
  1685. .secondaryToolbarButton.handTool::before {
  1686. content: url(images/secondaryToolbarButton-handTool@2x.png);
  1687. }
  1688. .secondaryToolbarButton.documentProperties::before {
  1689. content: url(images/secondaryToolbarButton-documentProperties@2x.png);
  1690. }
  1691. .outlineItemToggler::before {
  1692. -webkit-transform: scale(0.5);
  1693. transform: scale(0.5);
  1694. top: -1px;
  1695. content: url(images/treeitem-expanded@2x.png);
  1696. }
  1697. html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
  1698. content: url(images/treeitem-collapsed@2x.png);
  1699. }
  1700. html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
  1701. content: url(images/treeitem-collapsed-rtl@2x.png);
  1702. }
  1703. html[dir='ltr'] .outlineItemToggler::before {
  1704. right: 0;
  1705. }
  1706. html[dir='rtl'] .outlineItemToggler::before {
  1707. left: 0;
  1708. }
  1709. }
  1710. @media print {
  1711. /* General rules for printing. */
  1712. body {
  1713. background: transparent none;
  1714. }
  1715. /* Rules for browsers that don't support mozPrintCallback. */
  1716. #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
  1717. display: none;
  1718. }
  1719. #viewerContainer {
  1720. overflow: visible;
  1721. }
  1722. #mainContainer, #viewerContainer, .page, .page canvas {
  1723. position: static;
  1724. padding: 0;
  1725. margin: 0;
  1726. }
  1727. .page {
  1728. float: left;
  1729. display: none;
  1730. border: none;
  1731. box-shadow: none;
  1732. background-clip: content-box;
  1733. background-color: white;
  1734. }
  1735. .page[data-loaded] {
  1736. display: block;
  1737. }
  1738. .fileInput {
  1739. display: none;
  1740. }
  1741. /* Rules for browsers that support mozPrintCallback */
  1742. body[data-mozPrintCallback] #outerContainer {
  1743. display: none;
  1744. }
  1745. body[data-mozPrintCallback] #printContainer {
  1746. display: block;
  1747. }
  1748. /* wrapper around (scaled) print canvas elements */
  1749. #printContainer > div {
  1750. position: relative;
  1751. top: 0;
  1752. left: 0;
  1753. overflow: hidden;
  1754. }
  1755. #printContainer canvas {
  1756. display: block;
  1757. }
  1758. }
  1759. .visibleLargeView,
  1760. .visibleMediumView,
  1761. .visibleSmallView {
  1762. display: none;
  1763. }
  1764. @media all and (max-width: 960px) {
  1765. html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
  1766. html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
  1767. float: left;
  1768. left: 205px;
  1769. }
  1770. html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
  1771. html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
  1772. float: right;
  1773. right: 205px;
  1774. }
  1775. }
  1776. @media all and (max-width: 900px) {
  1777. .sidebarOpen .hiddenLargeView {
  1778. display: none;
  1779. }
  1780. .sidebarOpen .visibleLargeView {
  1781. display: inherit;
  1782. }
  1783. }
  1784. @media all and (max-width: 860px) {
  1785. .sidebarOpen .hiddenMediumView {
  1786. display: none;
  1787. }
  1788. .sidebarOpen .visibleMediumView {
  1789. display: inherit;
  1790. }
  1791. }
  1792. @media all and (max-width: 770px) {
  1793. #sidebarContainer {
  1794. top: 32px;
  1795. z-index: 100;
  1796. }
  1797. .loadingInProgress #sidebarContainer {
  1798. top: 37px;
  1799. }
  1800. #sidebarContent {
  1801. top: 32px;
  1802. background-color: hsla(0,0%,0%,.7);
  1803. }
  1804. html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
  1805. left: 0px;
  1806. }
  1807. html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
  1808. right: 0px;
  1809. }
  1810. html[dir='ltr'] .outerCenter {
  1811. float: left;
  1812. left: 205px;
  1813. }
  1814. html[dir='rtl'] .outerCenter {
  1815. float: right;
  1816. right: 205px;
  1817. }
  1818. #outerContainer .hiddenLargeView,
  1819. #outerContainer .hiddenMediumView {
  1820. display: inherit;
  1821. }
  1822. #outerContainer .visibleLargeView,
  1823. #outerContainer .visibleMediumView {
  1824. display: none;
  1825. }
  1826. }
  1827. @media all and (max-width: 700px) {
  1828. #outerContainer .hiddenLargeView {
  1829. display: none;
  1830. }
  1831. #outerContainer .visibleLargeView {
  1832. display: inherit;
  1833. }
  1834. }
  1835. @media all and (max-width: 660px) {
  1836. #outerContainer .hiddenMediumView {
  1837. display: none;
  1838. }
  1839. #outerContainer .visibleMediumView {
  1840. display: inherit;
  1841. }
  1842. }
  1843. @media all and (max-width: 600px) {
  1844. .hiddenSmallView {
  1845. display: none;
  1846. }
  1847. .visibleSmallView {
  1848. display: inherit;
  1849. }
  1850. html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
  1851. html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter,
  1852. html[dir='ltr'] .outerCenter {
  1853. left: 156px;
  1854. }
  1855. html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
  1856. html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter,
  1857. html[dir='rtl'] .outerCenter {
  1858. right: 156px;
  1859. }
  1860. .toolbarButtonSpacer {
  1861. width: 0;
  1862. }
  1863. }
  1864. @media all and (max-width: 510px) {
  1865. #scaleSelectContainer, #pageNumberLabel {
  1866. display: none;
  1867. }
  1868. }