alfresco-ng2-components/ng2-components/ng2-alfresco-viewer/src/pdfViewerHost.component.css

:host .textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

:host .textLayer > div {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

:host .textLayer .highlight {
    margin: -1px;
    padding: 1px;

    background-color: rgb(180, 0, 170);
    border-radius: 4px;
}

:host .textLayer .highlight.begin {
    border-radius: 4px 0px 0px 4px;
}

:host .textLayer .highlight.end {
    border-radius: 0px 4px 4px 0px;
}

:host .textLayer .highlight.middle {
    border-radius: 0px;
}

:host .textLayer .highlight.selected {
    background-color: rgb(0, 100, 0);
}

:host .textLayer ::selection { background: rgb(0,0,255); }
:host .textLayer ::-moz-selection { background: rgb(0,0,255); }

:host .textLayer .endOfContent {
    display: block;
    position: absolute;
    left: 0px;
    top: 100%;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

:host .textLayer .endOfContent.active {
    top: 0px;
}


:host .annotationLayer section {
    position: absolute;
}

:host .annotationLayer .linkAnnotation > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

:host .annotationLayer .linkAnnotation > a /* -ms-a */  {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

:host .annotationLayer .linkAnnotation > a:hover {
    opacity: 0.2;
    background: #ff0;
    box-shadow: 0px 2px 10px #ff0;
}

:host .annotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer;
}

:host .annotationLayer .popupWrapper {
    position: absolute;
    width: 20em;
}

:host .annotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #FFFF99;
    box-shadow: 0px 2px 5px #333;
    border-radius: 2px;
    padding: 0.6em;
    margin-left: 5px;
    cursor: pointer;
    word-wrap: break-word;
}

:host .annotationLayer .popup h1 {
    font-size: 1em;
    border-bottom: 1px solid #000000;
    padding-bottom: 0.2em;
}

:host .annotationLayer .popup p {
    padding-top: 0.2em;
}

:host .annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .fileAttachmentAnnotation {
    cursor: pointer;
}

:host .pdfViewer .canvasWrapper {
    overflow: hidden;
}

:host .pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: 1px auto -8px auto;
    position: relative;
    overflow: visible;
    border: 9px solid transparent;
    background-clip: content-box;
    background-color: white;
}

:host .pdfViewer.removePageBorders .page {
    margin: 0px auto 10px auto;
    border: none;
}

:host .pdfViewer .page canvas {
    margin: 0;
    display: block;
}

:host .pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('images/loading-icon.gif') center no-repeat;
}

:host * {
    padding: 0;
    margin: 0;
}

:host html {
    height: 100%;
    width: 100%;
    /* Font size is needed to make the activity bar the correct size. */
    font-size: 10px;
}

:host body {
    height: 100%;
    width: 100%;
    background-color: #404040;
    background-image: url(images/texture.png);
}

:host body,
input,
button,
select {
    font: message-box;
    outline: none;
}

:host .hidden {
    display: none !important;
}
:host [hidden] {
    display: none !important;
}