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