1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/extensions/pdfjs/content/web/viewer.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,1859 @@
1.4 +/* Copyright 2012 Mozilla Foundation
1.5 + *
1.6 + * Licensed under the Apache License, Version 2.0 (the "License");
1.7 + * you may not use this file except in compliance with the License.
1.8 + * You may obtain a copy of the License at
1.9 + *
1.10 + * http://www.apache.org/licenses/LICENSE-2.0
1.11 + *
1.12 + * Unless required by applicable law or agreed to in writing, software
1.13 + * distributed under the License is distributed on an "AS IS" BASIS,
1.14 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1.15 + * See the License for the specific language governing permissions and
1.16 + * limitations under the License.
1.17 + */
1.18 +
1.19 +* {
1.20 + padding: 0;
1.21 + margin: 0;
1.22 +}
1.23 +
1.24 +html {
1.25 + height: 100%;
1.26 + /* Font size is needed to make the activity bar the correct size. */
1.27 + font-size: 10px;
1.28 +}
1.29 +
1.30 +body {
1.31 + height: 100%;
1.32 + background-color: #404040;
1.33 + background-image: url(images/texture.png);
1.34 +}
1.35 +
1.36 +body,
1.37 +input,
1.38 +button,
1.39 +select {
1.40 + font: message-box;
1.41 + outline: none;
1.42 +}
1.43 +
1.44 +.hidden {
1.45 + display: none !important;
1.46 +}
1.47 +[hidden] {
1.48 + display: none !important;
1.49 +}
1.50 +
1.51 +#viewerContainer:-moz-full-screen {
1.52 + top: 0px;
1.53 + border-top: 2px solid transparent;
1.54 + background-color: #000;
1.55 + width: 100%;
1.56 + height: 100%;
1.57 + overflow: hidden;
1.58 + cursor: none;
1.59 +}
1.60 +
1.61 +#viewerContainer:fullscreen {
1.62 + top: 0px;
1.63 + border-top: 2px solid transparent;
1.64 + background-color: #000;
1.65 + width: 100%;
1.66 + height: 100%;
1.67 + overflow: hidden;
1.68 + cursor: none;
1.69 +}
1.70 +
1.71 +:-moz-full-screen .page {
1.72 + margin-bottom: 100%;
1.73 + border: 0;
1.74 +}
1.75 +
1.76 +:fullscreen .page {
1.77 + margin-bottom: 100%;
1.78 + border: 0;
1.79 +}
1.80 +
1.81 +:-moz-full-screen a:not(.internalLink) {
1.82 + display: none;
1.83 +}
1.84 +
1.85 +:fullscreen a:not(.internalLink) {
1.86 + display: none;
1.87 +}
1.88 +
1.89 +:-moz-full-screen .textLayer > div {
1.90 + cursor: none;
1.91 +}
1.92 +
1.93 +:fullscreen .textLayer > div {
1.94 + cursor: none;
1.95 +}
1.96 +
1.97 +#viewerContainer.presentationControls,
1.98 +#viewerContainer.presentationControls .textLayer > div {
1.99 + cursor: default;
1.100 +}
1.101 +
1.102 +/* outer/inner center provides horizontal center */
1.103 +.outerCenter {
1.104 + pointer-events: none;
1.105 + position: relative;
1.106 +}
1.107 +html[dir='ltr'] .outerCenter {
1.108 + float: right;
1.109 + right: 50%;
1.110 +}
1.111 +html[dir='rtl'] .outerCenter {
1.112 + float: left;
1.113 + left: 50%;
1.114 +}
1.115 +.innerCenter {
1.116 + pointer-events: auto;
1.117 + position: relative;
1.118 +}
1.119 +html[dir='ltr'] .innerCenter {
1.120 + float: right;
1.121 + right: -50%;
1.122 +}
1.123 +html[dir='rtl'] .innerCenter {
1.124 + float: left;
1.125 + left: -50%;
1.126 +}
1.127 +
1.128 +#outerContainer {
1.129 + width: 100%;
1.130 + height: 100%;
1.131 + position: relative;
1.132 +}
1.133 +
1.134 +#sidebarContainer {
1.135 + position: absolute;
1.136 + top: 0;
1.137 + bottom: 0;
1.138 + width: 200px;
1.139 + visibility: hidden;
1.140 + transition-duration: 200ms;
1.141 + transition-timing-function: ease;
1.142 +
1.143 +}
1.144 +html[dir='ltr'] #sidebarContainer {
1.145 + transition-property: left;
1.146 + left: -200px;
1.147 +}
1.148 +html[dir='rtl'] #sidebarContainer {
1.149 + transition-property: right;
1.150 + right: -200px;
1.151 +}
1.152 +
1.153 +#outerContainer.sidebarMoving > #sidebarContainer,
1.154 +#outerContainer.sidebarOpen > #sidebarContainer {
1.155 + visibility: visible;
1.156 +}
1.157 +html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
1.158 + left: 0px;
1.159 +}
1.160 +html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
1.161 + right: 0px;
1.162 +}
1.163 +
1.164 +#mainContainer {
1.165 + position: absolute;
1.166 + top: 0;
1.167 + right: 0;
1.168 + bottom: 0;
1.169 + left: 0;
1.170 + min-width: 320px;
1.171 + transition-duration: 200ms;
1.172 + transition-timing-function: ease;
1.173 +}
1.174 +html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
1.175 + transition-property: left;
1.176 + left: 200px;
1.177 +}
1.178 +html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
1.179 + transition-property: right;
1.180 + right: 200px;
1.181 +}
1.182 +
1.183 +#sidebarContent {
1.184 + top: 32px;
1.185 + bottom: 0;
1.186 + overflow: auto;
1.187 + position: absolute;
1.188 + width: 200px;
1.189 + background-color: hsla(0,0%,0%,.1);
1.190 +}
1.191 +html[dir='ltr'] #sidebarContent {
1.192 + left: 0;
1.193 + box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
1.194 +}
1.195 +html[dir='rtl'] #sidebarContent {
1.196 + right: 0;
1.197 + box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
1.198 +}
1.199 +
1.200 +#viewerContainer {
1.201 + overflow: auto;
1.202 + position: absolute;
1.203 + top: 32px;
1.204 + right: 0;
1.205 + bottom: 0;
1.206 + left: 0;
1.207 + outline: none;
1.208 +}
1.209 +html[dir='ltr'] #viewerContainer {
1.210 + box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
1.211 +}
1.212 +html[dir='rtl'] #viewerContainer {
1.213 + box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
1.214 +}
1.215 +
1.216 +.toolbar {
1.217 + position: relative;
1.218 + left: 0;
1.219 + right: 0;
1.220 + z-index: 9999;
1.221 + cursor: default;
1.222 +}
1.223 +
1.224 +#toolbarContainer {
1.225 + width: 100%;
1.226 +}
1.227 +
1.228 +#toolbarSidebar {
1.229 + width: 200px;
1.230 + height: 32px;
1.231 + background-color: #424242; /* fallback */
1.232 + background-image: url(images/texture.png),
1.233 + linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
1.234 +}
1.235 +html[dir='ltr'] #toolbarSidebar {
1.236 + box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
1.237 + inset 0 -1px 0 hsla(0,0%,100%,.05),
1.238 + 0 1px 0 hsla(0,0%,0%,.15),
1.239 + 0 0 1px hsla(0,0%,0%,.1);
1.240 +}
1.241 +html[dir='rtl'] #toolbarSidebar {
1.242 + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
1.243 + inset 0 1px 0 hsla(0,0%,100%,.05),
1.244 + 0 1px 0 hsla(0,0%,0%,.15),
1.245 + 0 0 1px hsla(0,0%,0%,.1);
1.246 +}
1.247 +
1.248 +#toolbarContainer, .findbar, .secondaryToolbar {
1.249 + position: relative;
1.250 + height: 32px;
1.251 + background-color: #474747; /* fallback */
1.252 + background-image: url(images/texture.png),
1.253 + linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1.254 +}
1.255 +html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
1.256 + box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1.257 + inset 0 1px 1px hsla(0,0%,0%,.15),
1.258 + inset 0 -1px 0 hsla(0,0%,100%,.05),
1.259 + 0 1px 0 hsla(0,0%,0%,.15),
1.260 + 0 1px 1px hsla(0,0%,0%,.1);
1.261 +}
1.262 +html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
1.263 + box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08),
1.264 + inset 0 1px 1px hsla(0,0%,0%,.15),
1.265 + inset 0 -1px 0 hsla(0,0%,100%,.05),
1.266 + 0 1px 0 hsla(0,0%,0%,.15),
1.267 + 0 1px 1px hsla(0,0%,0%,.1);
1.268 +}
1.269 +
1.270 +#toolbarViewer {
1.271 + height: 32px;
1.272 +}
1.273 +
1.274 +#loadingBar {
1.275 + position: relative;
1.276 + width: 100%;
1.277 + height: 6px;
1.278 + background-color: #333;
1.279 + border-bottom: 1px solid #333;
1.280 +}
1.281 +
1.282 +#loadingBar .progress {
1.283 + position: absolute;
1.284 + top: 0;
1.285 + left: 0;
1.286 + width: 0%;
1.287 + height: 100%;
1.288 + background-color: #ddd;
1.289 + overflow: hidden;
1.290 + transition: width 200ms;
1.291 +}
1.292 +
1.293 +@keyframes progressIndeterminate {
1.294 + 0% { left: 0%; }
1.295 + 50% { left: 100%; }
1.296 + 100% { left: 100%; }
1.297 +}
1.298 +
1.299 +#loadingBar .progress.indeterminate {
1.300 + background-color: #999;
1.301 + transition: none;
1.302 +}
1.303 +
1.304 +#loadingBar .indeterminate .glimmer {
1.305 + position: absolute;
1.306 + top: 0;
1.307 + left: 0;
1.308 + height: 100%;
1.309 + width: 50px;
1.310 +
1.311 + background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%);
1.312 + background-size: 100% 100%;
1.313 + background-repeat: no-repeat;
1.314 +
1.315 + animation: progressIndeterminate 2s linear infinite;
1.316 +}
1.317 +
1.318 +.findbar, .secondaryToolbar {
1.319 + top: 32px;
1.320 + position: absolute;
1.321 + z-index: 10000;
1.322 + height: 32px;
1.323 +
1.324 + min-width: 16px;
1.325 + padding: 0px 6px 0px 6px;
1.326 + margin: 4px 2px 4px 2px;
1.327 + color: hsl(0,0%,85%);
1.328 + font-size: 12px;
1.329 + line-height: 14px;
1.330 + text-align: left;
1.331 + cursor: default;
1.332 +}
1.333 +
1.334 +html[dir='ltr'] .findbar {
1.335 + left: 68px;
1.336 +}
1.337 +
1.338 +html[dir='rtl'] .findbar {
1.339 + right: 68px;
1.340 +}
1.341 +
1.342 +.findbar label {
1.343 + -moz-user-select: none;
1.344 +}
1.345 +
1.346 +#findInput[data-status="pending"] {
1.347 + background-image: url(images/loading-small.png);
1.348 + background-repeat: no-repeat;
1.349 + background-position: right;
1.350 +}
1.351 +
1.352 +.secondaryToolbar {
1.353 + padding: 6px;
1.354 + height: auto;
1.355 + z-index: 30000;
1.356 +}
1.357 +html[dir='ltr'] .secondaryToolbar {
1.358 + right: 4px;
1.359 +}
1.360 +html[dir='rtl'] .secondaryToolbar {
1.361 + left: 4px;
1.362 +}
1.363 +
1.364 +#secondaryToolbarButtonContainer {
1.365 + max-width: 200px;
1.366 + max-height: 400px;
1.367 + overflow-y: auto;
1.368 + margin-bottom: -4px;
1.369 +}
1.370 +
1.371 +.doorHanger,
1.372 +.doorHangerRight {
1.373 + border: 1px solid hsla(0,0%,0%,.5);
1.374 + border-radius: 2px;
1.375 + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1.376 +}
1.377 +.doorHanger:after, .doorHanger:before,
1.378 +.doorHangerRight:after, .doorHangerRight:before {
1.379 + bottom: 100%;
1.380 + border: solid transparent;
1.381 + content: " ";
1.382 + height: 0;
1.383 + width: 0;
1.384 + position: absolute;
1.385 + pointer-events: none;
1.386 +}
1.387 +.doorHanger:after,
1.388 +.doorHangerRight:after {
1.389 + border-bottom-color: hsla(0,0%,32%,.99);
1.390 + border-width: 8px;
1.391 +}
1.392 +.doorHanger:before,
1.393 +.doorHangerRight:before {
1.394 + border-bottom-color: hsla(0,0%,0%,.5);
1.395 + border-width: 9px;
1.396 +}
1.397 +
1.398 +html[dir='ltr'] .doorHanger:after,
1.399 +html[dir='rtl'] .doorHangerRight:after {
1.400 + left: 13px;
1.401 + margin-left: -8px;
1.402 +}
1.403 +
1.404 +html[dir='ltr'] .doorHanger:before,
1.405 +html[dir='rtl'] .doorHangerRight:before {
1.406 + left: 13px;
1.407 + margin-left: -9px;
1.408 +}
1.409 +
1.410 +html[dir='rtl'] .doorHanger:after,
1.411 +html[dir='ltr'] .doorHangerRight:after {
1.412 + right: 13px;
1.413 + margin-right: -8px;
1.414 +}
1.415 +
1.416 +html[dir='rtl'] .doorHanger:before,
1.417 +html[dir='ltr'] .doorHangerRight:before {
1.418 + right: 13px;
1.419 + margin-right: -9px;
1.420 +}
1.421 +
1.422 +#findMsg {
1.423 + font-style: italic;
1.424 + color: #A6B7D0;
1.425 +}
1.426 +
1.427 +.notFound {
1.428 + background-color: rgb(255, 137, 153);
1.429 +}
1.430 +
1.431 +html[dir='ltr'] #toolbarViewerLeft {
1.432 + margin-left: -1px;
1.433 +}
1.434 +html[dir='rtl'] #toolbarViewerRight {
1.435 + margin-right: -1px;
1.436 +}
1.437 +
1.438 +html[dir='ltr'] #toolbarViewerLeft,
1.439 +html[dir='rtl'] #toolbarViewerRight {
1.440 + position: absolute;
1.441 + top: 0;
1.442 + left: 0;
1.443 +}
1.444 +html[dir='ltr'] #toolbarViewerRight,
1.445 +html[dir='rtl'] #toolbarViewerLeft {
1.446 + position: absolute;
1.447 + top: 0;
1.448 + right: 0;
1.449 +}
1.450 +html[dir='ltr'] #toolbarViewerLeft > *,
1.451 +html[dir='ltr'] #toolbarViewerMiddle > *,
1.452 +html[dir='ltr'] #toolbarViewerRight > *,
1.453 +html[dir='ltr'] .findbar > * {
1.454 + position: relative;
1.455 + float: left;
1.456 +}
1.457 +html[dir='rtl'] #toolbarViewerLeft > *,
1.458 +html[dir='rtl'] #toolbarViewerMiddle > *,
1.459 +html[dir='rtl'] #toolbarViewerRight > *,
1.460 +html[dir='rtl'] .findbar > * {
1.461 + position: relative;
1.462 + float: right;
1.463 +}
1.464 +
1.465 +html[dir='ltr'] .splitToolbarButton {
1.466 + margin: 3px 2px 4px 0;
1.467 + display: inline-block;
1.468 +}
1.469 +html[dir='rtl'] .splitToolbarButton {
1.470 + margin: 3px 0 4px 2px;
1.471 + display: inline-block;
1.472 +}
1.473 +html[dir='ltr'] .splitToolbarButton > .toolbarButton {
1.474 + border-radius: 0;
1.475 + float: left;
1.476 +}
1.477 +html[dir='rtl'] .splitToolbarButton > .toolbarButton {
1.478 + border-radius: 0;
1.479 + float: right;
1.480 +}
1.481 +
1.482 +.toolbarButton,
1.483 +.secondaryToolbarButton {
1.484 + border: 0 none;
1.485 + background-color: rgba(0, 0, 0, 0);
1.486 + width: 32px;
1.487 + height: 25px;
1.488 +}
1.489 +
1.490 +.toolbarButton > span {
1.491 + display: inline-block;
1.492 + width: 0;
1.493 + height: 0;
1.494 + overflow: hidden;
1.495 +}
1.496 +
1.497 +.toolbarButton[disabled],
1.498 +.secondaryToolbarButton[disabled] {
1.499 + opacity: .5;
1.500 +}
1.501 +
1.502 +.toolbarButton.group {
1.503 + margin-right: 0;
1.504 +}
1.505 +
1.506 +.splitToolbarButton.toggled .toolbarButton {
1.507 + margin: 0;
1.508 +}
1.509 +
1.510 +.splitToolbarButton:hover > .toolbarButton,
1.511 +.splitToolbarButton:focus > .toolbarButton,
1.512 +.splitToolbarButton.toggled > .toolbarButton,
1.513 +.toolbarButton.textButton {
1.514 + background-color: hsla(0,0%,0%,.12);
1.515 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.516 + background-clip: padding-box;
1.517 + border: 1px solid hsla(0,0%,0%,.35);
1.518 + border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1.519 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.520 + 0 0 1px hsla(0,0%,100%,.15) inset,
1.521 + 0 1px 0 hsla(0,0%,100%,.05);
1.522 + transition-property: background-color, border-color, box-shadow;
1.523 + transition-duration: 150ms;
1.524 + transition-timing-function: ease;
1.525 +
1.526 +}
1.527 +.splitToolbarButton > .toolbarButton:hover,
1.528 +.splitToolbarButton > .toolbarButton:focus,
1.529 +.dropdownToolbarButton:hover,
1.530 +.overlayButton:hover,
1.531 +.toolbarButton.textButton:hover,
1.532 +.toolbarButton.textButton:focus {
1.533 + background-color: hsla(0,0%,0%,.2);
1.534 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.535 + 0 0 1px hsla(0,0%,100%,.15) inset,
1.536 + 0 0 1px hsla(0,0%,0%,.05);
1.537 + z-index: 199;
1.538 +}
1.539 +.splitToolbarButton > .toolbarButton {
1.540 + position: relative;
1.541 +}
1.542 +html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
1.543 +html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
1.544 + position: relative;
1.545 + margin: 0;
1.546 + margin-right: -1px;
1.547 + border-top-left-radius: 2px;
1.548 + border-bottom-left-radius: 2px;
1.549 + border-right-color: transparent;
1.550 +}
1.551 +html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
1.552 +html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
1.553 + position: relative;
1.554 + margin: 0;
1.555 + margin-left: -1px;
1.556 + border-top-right-radius: 2px;
1.557 + border-bottom-right-radius: 2px;
1.558 + border-left-color: transparent;
1.559 +}
1.560 +.splitToolbarButtonSeparator {
1.561 + padding: 8px 0;
1.562 + width: 1px;
1.563 + background-color: hsla(0,0%,0%,.5);
1.564 + z-index: 99;
1.565 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1.566 + display: inline-block;
1.567 + margin: 5px 0;
1.568 +}
1.569 +html[dir='ltr'] .splitToolbarButtonSeparator {
1.570 + float: left;
1.571 +}
1.572 +html[dir='rtl'] .splitToolbarButtonSeparator {
1.573 + float: right;
1.574 +}
1.575 +.splitToolbarButton:hover > .splitToolbarButtonSeparator,
1.576 +.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
1.577 + padding: 12px 0;
1.578 + margin: 1px 0;
1.579 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
1.580 + transition-property: padding;
1.581 + transition-duration: 10ms;
1.582 + transition-timing-function: ease;
1.583 +}
1.584 +
1.585 +.toolbarButton,
1.586 +.dropdownToolbarButton,
1.587 +.overlayButton,
1.588 +.secondaryToolbarButton {
1.589 + min-width: 16px;
1.590 + padding: 2px 6px 0;
1.591 + border: 1px solid transparent;
1.592 + border-radius: 2px;
1.593 + color: hsla(0,0%,100%,.8);
1.594 + font-size: 12px;
1.595 + line-height: 14px;
1.596 + -moz-user-select: none;
1.597 + /* Opera does not support user-select, use <... unselectable="on"> instead */
1.598 + cursor: default;
1.599 + transition-property: background-color, border-color, box-shadow;
1.600 + transition-duration: 150ms;
1.601 + transition-timing-function: ease;
1.602 +}
1.603 +
1.604 +html[dir='ltr'] .toolbarButton,
1.605 +html[dir='ltr'] .overlayButton,
1.606 +html[dir='ltr'] .dropdownToolbarButton {
1.607 + margin: 3px 2px 4px 0;
1.608 +}
1.609 +html[dir='rtl'] .toolbarButton,
1.610 +html[dir='rtl'] .overlayButton,
1.611 +html[dir='rtl'] .dropdownToolbarButton {
1.612 + margin: 3px 0 4px 2px;
1.613 +}
1.614 +
1.615 +.toolbarButton:hover,
1.616 +.toolbarButton:focus,
1.617 +.dropdownToolbarButton,
1.618 +.overlayButton,
1.619 +.secondaryToolbarButton:hover,
1.620 +.secondaryToolbarButton:focus {
1.621 + background-color: hsla(0,0%,0%,.12);
1.622 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.623 + background-clip: padding-box;
1.624 + border: 1px solid hsla(0,0%,0%,.35);
1.625 + border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1.626 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.627 + 0 0 1px hsla(0,0%,100%,.15) inset,
1.628 + 0 1px 0 hsla(0,0%,100%,.05);
1.629 +}
1.630 +
1.631 +.toolbarButton:hover:active,
1.632 +.overlayButton:hover:active,
1.633 +.dropdownToolbarButton:hover:active,
1.634 +.secondaryToolbarButton:hover:active {
1.635 + background-color: hsla(0,0%,0%,.2);
1.636 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.637 + border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
1.638 + box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1.639 + 0 0 1px hsla(0,0%,0%,.2) inset,
1.640 + 0 1px 0 hsla(0,0%,100%,.05);
1.641 + transition-property: background-color, border-color, box-shadow;
1.642 + transition-duration: 10ms;
1.643 + transition-timing-function: linear;
1.644 +}
1.645 +
1.646 +.toolbarButton.toggled,
1.647 +.splitToolbarButton.toggled > .toolbarButton.toggled,
1.648 +.secondaryToolbarButton.toggled {
1.649 + background-color: hsla(0,0%,0%,.3);
1.650 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.651 + border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
1.652 + box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1.653 + 0 0 1px hsla(0,0%,0%,.2) inset,
1.654 + 0 1px 0 hsla(0,0%,100%,.05);
1.655 + transition-property: background-color, border-color, box-shadow;
1.656 + transition-duration: 10ms;
1.657 + transition-timing-function: linear;
1.658 +}
1.659 +
1.660 +.toolbarButton.toggled:hover:active,
1.661 +.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
1.662 +.secondaryToolbarButton.toggled:hover:active {
1.663 + background-color: hsla(0,0%,0%,.4);
1.664 + border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
1.665 + box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
1.666 + 0 0 1px hsla(0,0%,0%,.3) inset,
1.667 + 0 1px 0 hsla(0,0%,100%,.05);
1.668 +}
1.669 +
1.670 +.dropdownToolbarButton {
1.671 + width: 120px;
1.672 + max-width: 120px;
1.673 + padding: 3px 2px 2px;
1.674 + overflow: hidden;
1.675 + background: url(images/toolbarButton-menuArrows.png) no-repeat;
1.676 +}
1.677 +html[dir='ltr'] .dropdownToolbarButton {
1.678 + background-position: 95%;
1.679 +}
1.680 +html[dir='rtl'] .dropdownToolbarButton {
1.681 + background-position: 5%;
1.682 +}
1.683 +
1.684 +.dropdownToolbarButton > select {
1.685 + -moz-appearance: none; /* in the future this might matter, see bugzilla bug #649849 */
1.686 + min-width: 140px;
1.687 + font-size: 12px;
1.688 + color: hsl(0,0%,95%);
1.689 + margin: 0;
1.690 + padding: 0;
1.691 + border: none;
1.692 + background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
1.693 +}
1.694 +
1.695 +.dropdownToolbarButton > select > option {
1.696 + background: hsl(0,0%,24%);
1.697 +}
1.698 +
1.699 +.overlayButton {
1.700 + margin: 3px 2px 4px 5px !important;
1.701 + line-height: 16px;
1.702 + padding: 2px 6px 3px 6px;
1.703 +}
1.704 +
1.705 +#customScaleOption {
1.706 + display: none;
1.707 +}
1.708 +
1.709 +#pageWidthOption {
1.710 + border-bottom: 1px rgba(255, 255, 255, .5) solid;
1.711 +}
1.712 +
1.713 +html[dir='ltr'] .splitToolbarButton:first-child,
1.714 +html[dir='ltr'] .toolbarButton:first-child,
1.715 +html[dir='rtl'] .splitToolbarButton:last-child,
1.716 +html[dir='rtl'] .toolbarButton:last-child {
1.717 + margin-left: 4px;
1.718 +}
1.719 +html[dir='ltr'] .splitToolbarButton:last-child,
1.720 +html[dir='ltr'] .toolbarButton:last-child,
1.721 +html[dir='rtl'] .splitToolbarButton:first-child,
1.722 +html[dir='rtl'] .toolbarButton:first-child {
1.723 + margin-right: 4px;
1.724 +}
1.725 +
1.726 +.toolbarButtonSpacer {
1.727 + width: 30px;
1.728 + display: inline-block;
1.729 + height: 1px;
1.730 +}
1.731 +
1.732 +.toolbarButtonFlexibleSpacer {
1.733 + -moz-box-flex: 1;
1.734 + min-width: 30px;
1.735 +}
1.736 +
1.737 +html[dir='ltr'] #findPrevious {
1.738 + margin-left: 3px;
1.739 +}
1.740 +html[dir='ltr'] #findNext {
1.741 + margin-right: 3px;
1.742 +}
1.743 +
1.744 +html[dir='rtl'] #findPrevious {
1.745 + margin-right: 3px;
1.746 +}
1.747 +html[dir='rtl'] #findNext {
1.748 + margin-left: 3px;
1.749 +}
1.750 +
1.751 +.toolbarButton::before,
1.752 +.secondaryToolbarButton::before {
1.753 + /* All matching images have a size of 16x16
1.754 + * All relevant containers have a size of 32x25 */
1.755 + position: absolute;
1.756 + display: inline-block;
1.757 + top: 4px;
1.758 + left: 7px;
1.759 +}
1.760 +
1.761 +html[dir="ltr"] .secondaryToolbarButton::before {
1.762 + left: 4px;
1.763 +}
1.764 +html[dir="rtl"] .secondaryToolbarButton::before {
1.765 + right: 4px;
1.766 +}
1.767 +
1.768 +html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1.769 + content: url(images/toolbarButton-sidebarToggle.png);
1.770 +}
1.771 +html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1.772 + content: url(images/toolbarButton-sidebarToggle-rtl.png);
1.773 +}
1.774 +
1.775 +html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1.776 + content: url(images/toolbarButton-secondaryToolbarToggle.png);
1.777 +}
1.778 +html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1.779 + content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
1.780 +}
1.781 +
1.782 +html[dir='ltr'] .toolbarButton.findPrevious::before {
1.783 + content: url(images/findbarButton-previous.png);
1.784 +}
1.785 +html[dir='rtl'] .toolbarButton.findPrevious::before {
1.786 + content: url(images/findbarButton-previous-rtl.png);
1.787 +}
1.788 +
1.789 +html[dir='ltr'] .toolbarButton.findNext::before {
1.790 + content: url(images/findbarButton-next.png);
1.791 +}
1.792 +html[dir='rtl'] .toolbarButton.findNext::before {
1.793 + content: url(images/findbarButton-next-rtl.png);
1.794 +}
1.795 +
1.796 +html[dir='ltr'] .toolbarButton.pageUp::before {
1.797 + content: url(images/toolbarButton-pageUp.png);
1.798 +}
1.799 +html[dir='rtl'] .toolbarButton.pageUp::before {
1.800 + content: url(images/toolbarButton-pageUp-rtl.png);
1.801 +}
1.802 +
1.803 +html[dir='ltr'] .toolbarButton.pageDown::before {
1.804 + content: url(images/toolbarButton-pageDown.png);
1.805 +}
1.806 +html[dir='rtl'] .toolbarButton.pageDown::before {
1.807 + content: url(images/toolbarButton-pageDown-rtl.png);
1.808 +}
1.809 +
1.810 +.toolbarButton.zoomOut::before {
1.811 + content: url(images/toolbarButton-zoomOut.png);
1.812 +}
1.813 +
1.814 +.toolbarButton.zoomIn::before {
1.815 + content: url(images/toolbarButton-zoomIn.png);
1.816 +}
1.817 +
1.818 +.toolbarButton.presentationMode::before,
1.819 +.secondaryToolbarButton.presentationMode::before {
1.820 + content: url(images/toolbarButton-presentationMode.png);
1.821 +}
1.822 +
1.823 +.toolbarButton.print::before,
1.824 +.secondaryToolbarButton.print::before {
1.825 + content: url(images/toolbarButton-print.png);
1.826 +}
1.827 +
1.828 +.toolbarButton.openFile::before,
1.829 +.secondaryToolbarButton.openFile::before {
1.830 + content: url(images/toolbarButton-openFile.png);
1.831 +}
1.832 +
1.833 +.toolbarButton.download::before,
1.834 +.secondaryToolbarButton.download::before {
1.835 + content: url(images/toolbarButton-download.png);
1.836 +}
1.837 +
1.838 +.toolbarButton.bookmark,
1.839 +.secondaryToolbarButton.bookmark {
1.840 + box-sizing: border-box;
1.841 + outline: none;
1.842 + padding-top: 4px;
1.843 + text-decoration: none;
1.844 +}
1.845 +.secondaryToolbarButton.bookmark {
1.846 + padding-top: 5px;
1.847 +}
1.848 +
1.849 +.bookmark[href='#'] {
1.850 + opacity: .5;
1.851 + pointer-events: none;
1.852 +}
1.853 +
1.854 +.toolbarButton.bookmark::before,
1.855 +.secondaryToolbarButton.bookmark::before {
1.856 + content: url(images/toolbarButton-bookmark.png);
1.857 +}
1.858 +
1.859 +#viewThumbnail.toolbarButton::before {
1.860 + content: url(images/toolbarButton-viewThumbnail.png);
1.861 +}
1.862 +
1.863 +html[dir="ltr"] #viewOutline.toolbarButton::before {
1.864 + content: url(images/toolbarButton-viewOutline.png);
1.865 +}
1.866 +html[dir="rtl"] #viewOutline.toolbarButton::before {
1.867 + content: url(images/toolbarButton-viewOutline-rtl.png);
1.868 +}
1.869 +
1.870 +#viewAttachments.toolbarButton::before {
1.871 + content: url(images/toolbarButton-viewAttachments.png);
1.872 +}
1.873 +
1.874 +#viewFind.toolbarButton::before {
1.875 + content: url(images/toolbarButton-search.png);
1.876 +}
1.877 +
1.878 +.secondaryToolbarButton {
1.879 + position: relative;
1.880 + margin: 0 0 4px 0;
1.881 + padding: 3px 0 1px 0;
1.882 + height: auto;
1.883 + min-height: 25px;
1.884 + width: auto;
1.885 + min-width: 100%;
1.886 + white-space: normal;
1.887 +}
1.888 +html[dir="ltr"] .secondaryToolbarButton {
1.889 + padding-left: 24px;
1.890 + text-align: left;
1.891 +}
1.892 +html[dir="rtl"] .secondaryToolbarButton {
1.893 + padding-right: 24px;
1.894 + text-align: right;
1.895 +}
1.896 +html[dir="ltr"] .secondaryToolbarButton.bookmark {
1.897 + padding-left: 27px;
1.898 +}
1.899 +html[dir="rtl"] .secondaryToolbarButton.bookmark {
1.900 + padding-right: 27px;
1.901 +}
1.902 +
1.903 +html[dir="ltr"] .secondaryToolbarButton > span {
1.904 + padding-right: 4px;
1.905 +}
1.906 +html[dir="rtl"] .secondaryToolbarButton > span {
1.907 + padding-left: 4px;
1.908 +}
1.909 +
1.910 +.secondaryToolbarButton.firstPage::before {
1.911 + content: url(images/secondaryToolbarButton-firstPage.png);
1.912 +}
1.913 +
1.914 +.secondaryToolbarButton.lastPage::before {
1.915 + content: url(images/secondaryToolbarButton-lastPage.png);
1.916 +}
1.917 +
1.918 +.secondaryToolbarButton.rotateCcw::before {
1.919 + content: url(images/secondaryToolbarButton-rotateCcw.png);
1.920 +}
1.921 +
1.922 +.secondaryToolbarButton.rotateCw::before {
1.923 + content: url(images/secondaryToolbarButton-rotateCw.png);
1.924 +}
1.925 +
1.926 +.secondaryToolbarButton.handTool::before {
1.927 + content: url(images/secondaryToolbarButton-handTool.png);
1.928 +}
1.929 +
1.930 +.secondaryToolbarButton.documentProperties::before {
1.931 + content: url(images/secondaryToolbarButton-documentProperties.png);
1.932 +}
1.933 +
1.934 +.verticalToolbarSeparator {
1.935 + display: block;
1.936 + padding: 8px 0;
1.937 + margin: 8px 4px;
1.938 + width: 1px;
1.939 + background-color: hsla(0,0%,0%,.5);
1.940 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1.941 +}
1.942 +html[dir='ltr'] .verticalToolbarSeparator {
1.943 + margin-left: 2px;
1.944 +}
1.945 +html[dir='rtl'] .verticalToolbarSeparator {
1.946 + margin-right: 2px;
1.947 +}
1.948 +
1.949 +.horizontalToolbarSeparator {
1.950 + display: block;
1.951 + margin: 0 0 4px 0;
1.952 + height: 1px;
1.953 + width: 100%;
1.954 + background-color: hsla(0,0%,0%,.5);
1.955 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1.956 +}
1.957 +
1.958 +.toolbarField {
1.959 + padding: 3px 6px;
1.960 + margin: 4px 0 4px 0;
1.961 + border: 1px solid transparent;
1.962 + border-radius: 2px;
1.963 + background-color: hsla(0,0%,100%,.09);
1.964 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.965 + background-clip: padding-box;
1.966 + border: 1px solid hsla(0,0%,0%,.35);
1.967 + border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1.968 + box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
1.969 + 0 1px 0 hsla(0,0%,100%,.05);
1.970 + color: hsl(0,0%,95%);
1.971 + font-size: 12px;
1.972 + line-height: 14px;
1.973 + outline-style: none;
1.974 + transition-property: background-color, border-color, box-shadow;
1.975 + transition-duration: 150ms;
1.976 + transition-timing-function: ease;
1.977 +}
1.978 +
1.979 +.toolbarField[type=checkbox] {
1.980 + display: inline-block;
1.981 + margin: 8px 0px;
1.982 +}
1.983 +
1.984 +.toolbarField.pageNumber {
1.985 + -moz-appearance: textfield; /* hides the spinner in moz */
1.986 + min-width: 16px;
1.987 + text-align: right;
1.988 + width: 40px;
1.989 +}
1.990 +
1.991 +.toolbarField:hover {
1.992 + background-color: hsla(0,0%,100%,.11);
1.993 + border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
1.994 +}
1.995 +
1.996 +.toolbarField:focus {
1.997 + background-color: hsla(0,0%,100%,.15);
1.998 + border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
1.999 +}
1.1000 +
1.1001 +.toolbarLabel {
1.1002 + min-width: 16px;
1.1003 + padding: 3px 6px 3px 2px;
1.1004 + margin: 4px 2px 4px 0;
1.1005 + border: 1px solid transparent;
1.1006 + border-radius: 2px;
1.1007 + color: hsl(0,0%,85%);
1.1008 + font-size: 12px;
1.1009 + line-height: 14px;
1.1010 + text-align: left;
1.1011 + -moz-user-select: none;
1.1012 + cursor: default;
1.1013 +}
1.1014 +
1.1015 +#thumbnailView {
1.1016 + position: absolute;
1.1017 + width: 120px;
1.1018 + top: 0;
1.1019 + bottom: 0;
1.1020 + padding: 10px 40px 0;
1.1021 + overflow: auto;
1.1022 +}
1.1023 +
1.1024 +.thumbnail {
1.1025 + float: left;
1.1026 + margin-bottom: 5px;
1.1027 +}
1.1028 +
1.1029 +#thumbnailView > a:last-of-type > .thumbnail {
1.1030 + margin-bottom: 10px;
1.1031 +}
1.1032 +
1.1033 +.thumbnail:not([data-loaded]) {
1.1034 + border: 1px dashed rgba(255, 255, 255, 0.5);
1.1035 + margin-bottom: 10px;
1.1036 +}
1.1037 +
1.1038 +.thumbnailImage {
1.1039 + transition-duration: 150ms;
1.1040 + border: 1px solid transparent;
1.1041 + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
1.1042 + opacity: 0.8;
1.1043 + z-index: 99;
1.1044 +}
1.1045 +
1.1046 +.thumbnailSelectionRing {
1.1047 + border-radius: 2px;
1.1048 + padding: 7px;
1.1049 + transition-duration: 150ms;
1.1050 +}
1.1051 +
1.1052 +a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
1.1053 +.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
1.1054 + opacity: .9;
1.1055 +}
1.1056 +
1.1057 +a:focus > .thumbnail > .thumbnailSelectionRing,
1.1058 +.thumbnail:hover > .thumbnailSelectionRing {
1.1059 + background-color: hsla(0,0%,100%,.15);
1.1060 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.1061 + background-clip: padding-box;
1.1062 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.1063 + 0 0 1px hsla(0,0%,100%,.2) inset,
1.1064 + 0 0 1px hsla(0,0%,0%,.2);
1.1065 + color: hsla(0,0%,100%,.9);
1.1066 +}
1.1067 +
1.1068 +.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
1.1069 + box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
1.1070 + opacity: 1;
1.1071 +}
1.1072 +
1.1073 +.thumbnail.selected > .thumbnailSelectionRing {
1.1074 + background-color: hsla(0,0%,100%,.3);
1.1075 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.1076 + background-clip: padding-box;
1.1077 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.1078 + 0 0 1px hsla(0,0%,100%,.1) inset,
1.1079 + 0 0 1px hsla(0,0%,0%,.2);
1.1080 + color: hsla(0,0%,100%,1);
1.1081 +}
1.1082 +
1.1083 +#outlineView,
1.1084 +#attachmentsView {
1.1085 + position: absolute;
1.1086 + width: 192px;
1.1087 + top: 0;
1.1088 + bottom: 0;
1.1089 + padding: 4px 4px 0;
1.1090 + overflow: auto;
1.1091 + -moz-user-select: none;
1.1092 +}
1.1093 +
1.1094 +html[dir='ltr'] .outlineItem > .outlineItems {
1.1095 + margin-left: 20px;
1.1096 +}
1.1097 +
1.1098 +html[dir='rtl'] .outlineItem > .outlineItems {
1.1099 + margin-right: 20px;
1.1100 +}
1.1101 +
1.1102 +.outlineItem > a,
1.1103 +.attachmentsItem > a {
1.1104 + text-decoration: none;
1.1105 + display: inline-block;
1.1106 + min-width: 95%;
1.1107 + height: auto;
1.1108 + margin-bottom: 1px;
1.1109 + border-radius: 2px;
1.1110 + color: hsla(0,0%,100%,.8);
1.1111 + font-size: 13px;
1.1112 + line-height: 15px;
1.1113 + -moz-user-select: none;
1.1114 + white-space: normal;
1.1115 +}
1.1116 +
1.1117 +html[dir='ltr'] .outlineItem > a,
1.1118 +html[dir='ltr'] .attachmentsItem > a {
1.1119 + padding: 2px 0 5px 10px;
1.1120 +}
1.1121 +
1.1122 +html[dir='rtl'] .outlineItem > a,
1.1123 +html[dir='rtl'] .attachmentsItem > a {
1.1124 + padding: 2px 10px 5px 0;
1.1125 +}
1.1126 +
1.1127 +.outlineItem > a:hover,
1.1128 +.attachmentsItem > a:hover {
1.1129 + background-color: hsla(0,0%,100%,.02);
1.1130 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.1131 + background-clip: padding-box;
1.1132 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.1133 + 0 0 1px hsla(0,0%,100%,.2) inset,
1.1134 + 0 0 1px hsla(0,0%,0%,.2);
1.1135 + color: hsla(0,0%,100%,.9);
1.1136 +}
1.1137 +
1.1138 +.outlineItem.selected {
1.1139 + background-color: hsla(0,0%,100%,.08);
1.1140 + background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1.1141 + background-clip: padding-box;
1.1142 + box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1.1143 + 0 0 1px hsla(0,0%,100%,.1) inset,
1.1144 + 0 0 1px hsla(0,0%,0%,.2);
1.1145 + color: hsla(0,0%,100%,1);
1.1146 +}
1.1147 +
1.1148 +.noResults {
1.1149 + font-size: 12px;
1.1150 + color: hsla(0,0%,100%,.8);
1.1151 + font-style: italic;
1.1152 + cursor: default;
1.1153 +}
1.1154 +
1.1155 +.canvasWrapper {
1.1156 + overflow: hidden;
1.1157 +}
1.1158 +
1.1159 +canvas {
1.1160 + margin: 0;
1.1161 + display: block;
1.1162 +}
1.1163 +
1.1164 +.page {
1.1165 + direction: ltr;
1.1166 + width: 816px;
1.1167 + height: 1056px;
1.1168 + margin: 1px auto -8px auto;
1.1169 + position: relative;
1.1170 + overflow: visible;
1.1171 + border: 9px solid transparent;
1.1172 + background-clip: content-box;
1.1173 + border-image: url(images/shadow.png) 9 9 repeat;
1.1174 + background-color: white;
1.1175 +}
1.1176 +
1.1177 +.annotLink > a:hover {
1.1178 + opacity: 0.2;
1.1179 + background: #ff0;
1.1180 + box-shadow: 0px 2px 10px #ff0;
1.1181 +}
1.1182 +
1.1183 +.loadingIcon {
1.1184 + position: absolute;
1.1185 + display: block;
1.1186 + left: 0;
1.1187 + top: 0;
1.1188 + right: 0;
1.1189 + bottom: 0;
1.1190 + background: url('images/loading-icon.gif') center no-repeat;
1.1191 +}
1.1192 +
1.1193 +.textLayer {
1.1194 + position: absolute;
1.1195 + left: 0;
1.1196 + top: 0;
1.1197 + right: 0;
1.1198 + bottom: 0;
1.1199 + color: #000;
1.1200 + font-family: sans-serif;
1.1201 + overflow: hidden;
1.1202 +}
1.1203 +
1.1204 +.textLayer > div {
1.1205 + color: transparent;
1.1206 + position: absolute;
1.1207 + white-space: pre;
1.1208 + cursor: text;
1.1209 +}
1.1210 +
1.1211 +.textLayer .highlight {
1.1212 + margin: -1px;
1.1213 + padding: 1px;
1.1214 +
1.1215 + background-color: rgba(180, 0, 170, 0.2);
1.1216 + border-radius: 4px;
1.1217 +}
1.1218 +
1.1219 +.textLayer .highlight.begin {
1.1220 + border-radius: 4px 0px 0px 4px;
1.1221 +}
1.1222 +
1.1223 +.textLayer .highlight.end {
1.1224 + border-radius: 0px 4px 4px 0px;
1.1225 +}
1.1226 +
1.1227 +.textLayer .highlight.middle {
1.1228 + border-radius: 0px;
1.1229 +}
1.1230 +
1.1231 +.textLayer .highlight.selected {
1.1232 + background-color: rgba(0, 100, 0, 0.2);
1.1233 +}
1.1234 +
1.1235 +/* TODO: file FF bug to support ::-moz-selection:window-inactive
1.1236 + so we can override the opaque grey background when the window is inactive;
1.1237 + see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
1.1238 +::selection { background:rgba(0,0,255,0.3); }
1.1239 +::-moz-selection { background:rgba(0,0,255,0.3); }
1.1240 +
1.1241 +.annotationHighlight {
1.1242 + position: absolute;
1.1243 + border: 2px #FFFF99 solid;
1.1244 +}
1.1245 +
1.1246 +.annotText > img {
1.1247 + position: absolute;
1.1248 + cursor: pointer;
1.1249 +}
1.1250 +
1.1251 +.annotTextContentWrapper {
1.1252 + position: absolute;
1.1253 + width: 20em;
1.1254 +}
1.1255 +
1.1256 +.annotTextContent {
1.1257 + z-index: 200;
1.1258 + float: left;
1.1259 + max-width: 20em;
1.1260 + background-color: #FFFF99;
1.1261 + box-shadow: 0px 2px 5px #333;
1.1262 + border-radius: 2px;
1.1263 + padding: 0.6em;
1.1264 + cursor: pointer;
1.1265 +}
1.1266 +
1.1267 +.annotTextContent > h1 {
1.1268 + font-size: 1em;
1.1269 + border-bottom: 1px solid #000000;
1.1270 + padding-bottom: 0.2em;
1.1271 +}
1.1272 +
1.1273 +.annotTextContent > p {
1.1274 + padding-top: 0.2em;
1.1275 +}
1.1276 +
1.1277 +.annotLink > a {
1.1278 + position: absolute;
1.1279 + font-size: 1em;
1.1280 + top: 0;
1.1281 + left: 0;
1.1282 + width: 100%;
1.1283 + height: 100%;
1.1284 +}
1.1285 +
1.1286 +#errorWrapper {
1.1287 + background: none repeat scroll 0 0 #FF5555;
1.1288 + color: white;
1.1289 + left: 0;
1.1290 + position: absolute;
1.1291 + right: 0;
1.1292 + z-index: 1000;
1.1293 + padding: 3px;
1.1294 + font-size: 0.8em;
1.1295 +}
1.1296 +.loadingInProgress #errorWrapper {
1.1297 + top: 39px;
1.1298 +}
1.1299 +
1.1300 +#errorMessageLeft {
1.1301 + float: left;
1.1302 +}
1.1303 +
1.1304 +#errorMessageRight {
1.1305 + float: right;
1.1306 +}
1.1307 +
1.1308 +#errorMoreInfo {
1.1309 + background-color: #FFFFFF;
1.1310 + color: black;
1.1311 + padding: 3px;
1.1312 + margin: 3px;
1.1313 + width: 98%;
1.1314 +}
1.1315 +
1.1316 +#overlayContainer {
1.1317 + display: table;
1.1318 + position: absolute;
1.1319 + width: 100%;
1.1320 + height: 100%;
1.1321 + background-color: hsla(0,0%,0%,.2);
1.1322 + z-index: 10000;
1.1323 +}
1.1324 +#overlayContainer > * {
1.1325 + overflow: auto;
1.1326 +}
1.1327 +
1.1328 +#promptContainer {
1.1329 + display: table-cell;
1.1330 + vertical-align: middle;
1.1331 + text-align: center;
1.1332 +}
1.1333 +
1.1334 +#promptContainer > * {
1.1335 + display: inline-block;
1.1336 +}
1.1337 +
1.1338 +.prompt {
1.1339 + display: table;
1.1340 + padding: 15px;
1.1341 + border-spacing: 4px;
1.1342 + color: hsl(0,0%,85%);
1.1343 + line-height: 14px;
1.1344 + text-align: center;
1.1345 + background-color: #474747; /* fallback */
1.1346 + background-image: url(images/texture.png),
1.1347 + linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1.1348 + box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1.1349 + inset 0 1px 1px hsla(0,0%,0%,.15),
1.1350 + inset 0 -1px 0 hsla(0,0%,100%,.05),
1.1351 + 0 1px 0 hsla(0,0%,0%,.15),
1.1352 + 0 1px 1px hsla(0,0%,0%,.1);
1.1353 +}
1.1354 +
1.1355 +.prompt > .row {
1.1356 + display: table-row;
1.1357 +}
1.1358 +
1.1359 +.prompt > .row > * {
1.1360 + display: table-cell;
1.1361 +}
1.1362 +
1.1363 +.prompt .toolbarField {
1.1364 + margin: 5px 0;
1.1365 + width: 200px;
1.1366 +}
1.1367 +
1.1368 +.prompt .toolbarField:hover,
1.1369 +.prompt .toolbarField:focus {
1.1370 + border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1.1371 +}
1.1372 +
1.1373 +#documentPropertiesContainer {
1.1374 + display: table-cell;
1.1375 + vertical-align: middle;
1.1376 + text-align: center;
1.1377 +}
1.1378 +
1.1379 +#documentPropertiesContainer > * {
1.1380 + display: inline-block;
1.1381 + padding: 15px;
1.1382 + border-spacing: 4px;
1.1383 + max-width: 350px;
1.1384 + max-height: 350px;
1.1385 + color: hsl(0,0%,85%);
1.1386 + font-size: 12px;
1.1387 + line-height: 14px;
1.1388 + text-align: left;
1.1389 + cursor: default;
1.1390 + background-color: #474747; /* fallback */
1.1391 + background-image: url(images/texture.png),
1.1392 + linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1.1393 + box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1.1394 + inset 0 1px 1px hsla(0,0%,0%,.15),
1.1395 + inset 0 -1px 0 hsla(0,0%,100%,.05),
1.1396 + 0 1px 0 hsla(0,0%,0%,.15),
1.1397 + 0 1px 1px hsla(0,0%,0%,.1);
1.1398 +}
1.1399 +
1.1400 +#documentPropertiesContainer .separator {
1.1401 + display: block;
1.1402 + margin: 4px 0 4px 0;
1.1403 + height: 1px;
1.1404 + width: 100%;
1.1405 + background-color: hsla(0,0%,0%,.5);
1.1406 + box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1.1407 +}
1.1408 +
1.1409 +#documentPropertiesContainer .row {
1.1410 + display: table-row;
1.1411 +}
1.1412 +
1.1413 +html[dir='ltr'] #documentPropertiesContainer .row > * {
1.1414 + display: table-cell;
1.1415 + min-width: 100px;
1.1416 +}
1.1417 +
1.1418 +html[dir='rtl'] #documentPropertiesContainer .row > * {
1.1419 + display: table-cell;
1.1420 + min-width: 100px;
1.1421 + text-align: right;
1.1422 +}
1.1423 +
1.1424 +#documentPropertiesContainer .row span {
1.1425 + width: 125px;
1.1426 + word-wrap: break-word;
1.1427 +}
1.1428 +
1.1429 +#documentPropertiesContainer .row p {
1.1430 + max-width: 225px;
1.1431 + word-wrap: break-word;
1.1432 +}
1.1433 +
1.1434 +#documentPropertiesContainer .buttonRow {
1.1435 + margin-top: 10px;
1.1436 + text-align: center;
1.1437 + vertical-align: middle;
1.1438 +}
1.1439 +
1.1440 +.clearBoth {
1.1441 + clear: both;
1.1442 +}
1.1443 +
1.1444 +.fileInput {
1.1445 + background: white;
1.1446 + color: black;
1.1447 + margin-top: 5px;
1.1448 + visibility: hidden;
1.1449 + position: fixed;
1.1450 + right: 0;
1.1451 + top: 0;
1.1452 +}
1.1453 +
1.1454 +#PDFBug {
1.1455 + background: none repeat scroll 0 0 white;
1.1456 + border: 1px solid #666666;
1.1457 + position: fixed;
1.1458 + top: 32px;
1.1459 + right: 0;
1.1460 + bottom: 0;
1.1461 + font-size: 10px;
1.1462 + padding: 0;
1.1463 + width: 300px;
1.1464 +}
1.1465 +#PDFBug .controls {
1.1466 + background:#EEEEEE;
1.1467 + border-bottom: 1px solid #666666;
1.1468 + padding: 3px;
1.1469 +}
1.1470 +#PDFBug .panels {
1.1471 + bottom: 0;
1.1472 + left: 0;
1.1473 + overflow: auto;
1.1474 + position: absolute;
1.1475 + right: 0;
1.1476 + top: 27px;
1.1477 +}
1.1478 +#PDFBug button.active {
1.1479 + font-weight: bold;
1.1480 +}
1.1481 +.debuggerShowText {
1.1482 + background: none repeat scroll 0 0 yellow;
1.1483 + color: blue;
1.1484 + opacity: 0.3;
1.1485 +}
1.1486 +.debuggerHideText:hover {
1.1487 + background: none repeat scroll 0 0 yellow;
1.1488 + opacity: 0.3;
1.1489 +}
1.1490 +#PDFBug .stats {
1.1491 + font-family: courier;
1.1492 + font-size: 10px;
1.1493 + white-space: pre;
1.1494 +}
1.1495 +#PDFBug .stats .title {
1.1496 + font-weight: bold;
1.1497 +}
1.1498 +#PDFBug table {
1.1499 + font-size: 10px;
1.1500 +}
1.1501 +
1.1502 +#viewer.textLayer-visible .textLayer > div,
1.1503 +#viewer.textLayer-hover .textLayer > div:hover {
1.1504 + background-color: white;
1.1505 + color: black;
1.1506 +}
1.1507 +
1.1508 +#viewer.textLayer-shadow .textLayer > div {
1.1509 + background-color: rgba(255,255,255, .6);
1.1510 + color: black;
1.1511 +}
1.1512 +
1.1513 +.grab-to-pan-grab {
1.1514 + cursor: url("images/grab.cur"), move !important;
1.1515 + cursor: grab !important;
1.1516 +}
1.1517 +.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
1.1518 + cursor: inherit !important;
1.1519 +}
1.1520 +.grab-to-pan-grab:active,
1.1521 +.grab-to-pan-grabbing {
1.1522 + cursor: url("images/grabbing.cur"), move !important;
1.1523 + cursor: grabbing !important;
1.1524 +
1.1525 + position: fixed;
1.1526 + background: transparent;
1.1527 + display: block;
1.1528 + top: 0;
1.1529 + left: 0;
1.1530 + right: 0;
1.1531 + bottom: 0;
1.1532 + overflow: hidden;
1.1533 + z-index: 50000; /* should be higher than anything else in PDF.js! */
1.1534 +}
1.1535 +
1.1536 +@page {
1.1537 + margin: 0;
1.1538 +}
1.1539 +
1.1540 +#printContainer {
1.1541 + display: none;
1.1542 +}
1.1543 +
1.1544 +@media screen and (min-resolution: 2dppx) {
1.1545 + /* Rules for Retina screens */
1.1546 + .toolbarButton::before {
1.1547 + transform: scale(0.5);
1.1548 + top: -5px;
1.1549 + }
1.1550 +
1.1551 + .secondaryToolbarButton::before {
1.1552 + transform: scale(0.5);
1.1553 + top: -4px;
1.1554 + }
1.1555 +
1.1556 + html[dir='ltr'] .toolbarButton::before,
1.1557 + html[dir='rtl'] .toolbarButton::before {
1.1558 + left: -1px;
1.1559 + }
1.1560 +
1.1561 + html[dir='ltr'] .secondaryToolbarButton::before {
1.1562 + left: -2px;
1.1563 + }
1.1564 + html[dir='rtl'] .secondaryToolbarButton::before {
1.1565 + left: 186px;
1.1566 + }
1.1567 +
1.1568 + .dropdownToolbarButton {
1.1569 + background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
1.1570 + background-size: 7px 16px;
1.1571 + }
1.1572 +
1.1573 + html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1.1574 + content: url(images/toolbarButton-sidebarToggle@2x.png);
1.1575 + }
1.1576 + html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1.1577 + content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
1.1578 + }
1.1579 +
1.1580 + html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1.1581 + content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
1.1582 + }
1.1583 + html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1.1584 + content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
1.1585 + }
1.1586 +
1.1587 + html[dir='ltr'] .toolbarButton.findPrevious::before {
1.1588 + content: url(images/findbarButton-previous@2x.png);
1.1589 + }
1.1590 + html[dir='rtl'] .toolbarButton.findPrevious::before {
1.1591 + content: url(images/findbarButton-previous-rtl@2x.png);
1.1592 + }
1.1593 +
1.1594 + html[dir='ltr'] .toolbarButton.findNext::before {
1.1595 + content: url(images/findbarButton-next@2x.png);
1.1596 + }
1.1597 + html[dir='rtl'] .toolbarButton.findNext::before {
1.1598 + content: url(images/findbarButton-next-rtl@2x.png);
1.1599 + }
1.1600 +
1.1601 + html[dir='ltr'] .toolbarButton.pageUp::before {
1.1602 + content: url(images/toolbarButton-pageUp@2x.png);
1.1603 + }
1.1604 + html[dir='rtl'] .toolbarButton.pageUp::before {
1.1605 + content: url(images/toolbarButton-pageUp-rtl@2x.png);
1.1606 + }
1.1607 +
1.1608 + html[dir='ltr'] .toolbarButton.pageDown::before {
1.1609 + content: url(images/toolbarButton-pageDown@2x.png);
1.1610 + }
1.1611 + html[dir='rtl'] .toolbarButton.pageDown::before {
1.1612 + content: url(images/toolbarButton-pageDown-rtl@2x.png);
1.1613 + }
1.1614 +
1.1615 + .toolbarButton.zoomIn::before {
1.1616 + content: url(images/toolbarButton-zoomIn@2x.png);
1.1617 + }
1.1618 +
1.1619 + .toolbarButton.zoomOut::before {
1.1620 + content: url(images/toolbarButton-zoomOut@2x.png);
1.1621 + }
1.1622 +
1.1623 + .toolbarButton.presentationMode::before,
1.1624 + .secondaryToolbarButton.presentationMode::before {
1.1625 + content: url(images/toolbarButton-presentationMode@2x.png);
1.1626 + }
1.1627 +
1.1628 + .toolbarButton.print::before,
1.1629 + .secondaryToolbarButton.print::before {
1.1630 + content: url(images/toolbarButton-print@2x.png);
1.1631 + }
1.1632 +
1.1633 + .toolbarButton.openFile::before,
1.1634 + .secondaryToolbarButton.openFile::before {
1.1635 + content: url(images/toolbarButton-openFile@2x.png);
1.1636 + }
1.1637 +
1.1638 + .toolbarButton.download::before,
1.1639 + .secondaryToolbarButton.download::before {
1.1640 + content: url(images/toolbarButton-download@2x.png);
1.1641 + }
1.1642 +
1.1643 + .toolbarButton.bookmark::before,
1.1644 + .secondaryToolbarButton.bookmark::before {
1.1645 + content: url(images/toolbarButton-bookmark@2x.png);
1.1646 + }
1.1647 +
1.1648 + #viewThumbnail.toolbarButton::before {
1.1649 + content: url(images/toolbarButton-viewThumbnail@2x.png);
1.1650 + }
1.1651 +
1.1652 + html[dir="ltr"] #viewOutline.toolbarButton::before {
1.1653 + content: url(images/toolbarButton-viewOutline@2x.png);
1.1654 + }
1.1655 + html[dir="rtl"] #viewOutline.toolbarButton::before {
1.1656 + content: url(images/toolbarButton-viewOutline-rtl@2x.png);
1.1657 + }
1.1658 +
1.1659 + #viewAttachments.toolbarButton::before {
1.1660 + content: url(images/toolbarButton-viewAttachments@2x.png);
1.1661 + }
1.1662 +
1.1663 + #viewFind.toolbarButton::before {
1.1664 + content: url(images/toolbarButton-search@2x.png);
1.1665 + }
1.1666 +
1.1667 + .secondaryToolbarButton.firstPage::before {
1.1668 + content: url(images/secondaryToolbarButton-firstPage@2x.png);
1.1669 + }
1.1670 +
1.1671 + .secondaryToolbarButton.lastPage::before {
1.1672 + content: url(images/secondaryToolbarButton-lastPage@2x.png);
1.1673 + }
1.1674 +
1.1675 + .secondaryToolbarButton.rotateCcw::before {
1.1676 + content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
1.1677 + }
1.1678 +
1.1679 + .secondaryToolbarButton.rotateCw::before {
1.1680 + content: url(images/secondaryToolbarButton-rotateCw@2x.png);
1.1681 + }
1.1682 +
1.1683 + .secondaryToolbarButton.handTool::before {
1.1684 + content: url(images/secondaryToolbarButton-handTool@2x.png);
1.1685 + }
1.1686 +
1.1687 + .secondaryToolbarButton.documentProperties::before {
1.1688 + content: url(images/secondaryToolbarButton-documentProperties@2x.png);
1.1689 + }
1.1690 +}
1.1691 +
1.1692 +@media print {
1.1693 + /* General rules for printing. */
1.1694 + body {
1.1695 + background: transparent none;
1.1696 + }
1.1697 +
1.1698 + /* Rules for browsers that don't support mozPrintCallback. */
1.1699 + #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
1.1700 + display: none;
1.1701 + }
1.1702 + #viewerContainer {
1.1703 + overflow: visible;
1.1704 + }
1.1705 +
1.1706 + #mainContainer, #viewerContainer, .page, .page canvas {
1.1707 + position: static;
1.1708 + padding: 0;
1.1709 + margin: 0;
1.1710 + }
1.1711 +
1.1712 + .page {
1.1713 + float: left;
1.1714 + display: none;
1.1715 + border: none;
1.1716 + box-shadow: none;
1.1717 + }
1.1718 +
1.1719 + .page[data-loaded] {
1.1720 + display: block;
1.1721 + }
1.1722 +
1.1723 + .fileInput {
1.1724 + display: none;
1.1725 + }
1.1726 +
1.1727 + /* Rules for browsers that support mozPrintCallback */
1.1728 + body[data-mozPrintCallback] #outerContainer {
1.1729 + display: none;
1.1730 + }
1.1731 + body[data-mozPrintCallback] #printContainer {
1.1732 + display: block;
1.1733 + }
1.1734 + #printContainer canvas {
1.1735 + position: relative;
1.1736 + top: 0;
1.1737 + left: 0;
1.1738 + }
1.1739 +}
1.1740 +
1.1741 +.visibleLargeView,
1.1742 +.visibleMediumView,
1.1743 +.visibleSmallView {
1.1744 + display: none;
1.1745 +}
1.1746 +
1.1747 +@media all and (max-width: 960px) {
1.1748 + html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1.1749 + html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
1.1750 + float: left;
1.1751 + left: 205px;
1.1752 + }
1.1753 + html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1.1754 + html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
1.1755 + float: right;
1.1756 + right: 205px;
1.1757 + }
1.1758 +}
1.1759 +
1.1760 +@media all and (max-width: 900px) {
1.1761 + .sidebarOpen .hiddenLargeView {
1.1762 + display: none;
1.1763 + }
1.1764 + .sidebarOpen .visibleLargeView {
1.1765 + display: inherit;
1.1766 + }
1.1767 +}
1.1768 +
1.1769 +@media all and (max-width: 860px) {
1.1770 + .sidebarOpen .hiddenMediumView {
1.1771 + display: none;
1.1772 + }
1.1773 + .sidebarOpen .visibleMediumView {
1.1774 + display: inherit;
1.1775 + }
1.1776 +}
1.1777 +
1.1778 +@media all and (max-width: 770px) {
1.1779 + #sidebarContainer {
1.1780 + top: 32px;
1.1781 + z-index: 100;
1.1782 + }
1.1783 + .loadingInProgress #sidebarContainer {
1.1784 + top: 39px;
1.1785 + }
1.1786 + #sidebarContent {
1.1787 + top: 32px;
1.1788 + background-color: hsla(0,0%,0%,.7);
1.1789 + }
1.1790 +
1.1791 + html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
1.1792 + left: 0px;
1.1793 + }
1.1794 + html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
1.1795 + right: 0px;
1.1796 + }
1.1797 +
1.1798 + html[dir='ltr'] .outerCenter {
1.1799 + float: left;
1.1800 + left: 205px;
1.1801 + }
1.1802 + html[dir='rtl'] .outerCenter {
1.1803 + float: right;
1.1804 + right: 205px;
1.1805 + }
1.1806 +
1.1807 + #outerContainer .hiddenLargeView,
1.1808 + #outerContainer .hiddenMediumView {
1.1809 + display: inherit;
1.1810 + }
1.1811 + #outerContainer .visibleLargeView,
1.1812 + #outerContainer .visibleMediumView {
1.1813 + display: none;
1.1814 + }
1.1815 +}
1.1816 +
1.1817 +@media all and (max-width: 700px) {
1.1818 + #outerContainer .hiddenLargeView {
1.1819 + display: none;
1.1820 + }
1.1821 + #outerContainer .visibleLargeView {
1.1822 + display: inherit;
1.1823 + }
1.1824 +}
1.1825 +
1.1826 +@media all and (max-width: 660px) {
1.1827 + #outerContainer .hiddenMediumView {
1.1828 + display: none;
1.1829 + }
1.1830 + #outerContainer .visibleMediumView {
1.1831 + display: inherit;
1.1832 + }
1.1833 +}
1.1834 +
1.1835 +@media all and (max-width: 600px) {
1.1836 + .hiddenSmallView {
1.1837 + display: none;
1.1838 + }
1.1839 + .visibleSmallView {
1.1840 + display: inherit;
1.1841 + }
1.1842 + html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1.1843 + html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter,
1.1844 + html[dir='ltr'] .outerCenter {
1.1845 + left: 156px;
1.1846 + }
1.1847 + html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1.1848 + html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter,
1.1849 + html[dir='rtl'] .outerCenter {
1.1850 + right: 156px;
1.1851 + }
1.1852 + .toolbarButtonSpacer {
1.1853 + width: 0;
1.1854 + }
1.1855 +}
1.1856 +
1.1857 +@media all and (max-width: 510px) {
1.1858 + #scaleSelectContainer, #pageNumberLabel {
1.1859 + display: none;
1.1860 + }
1.1861 +}
1.1862 +
