@ -230,36 +230,46 @@
z-index : 200 ;
max-width : 20em ;
background-color : # FFFF99 ;
box-shadow : 0px 2px 5px # 333 ;
box-shadow : 0px 2px 5px # 888 ;
border-radius : 2px ;
padding : 0. 6em ;
padding : 6px ;
margin-left : 5px ;
cursor : pointer ;
font : message-box ;
font-size : 9px ;
word-wrap : break-word ;
}
. annotationLayer . popup > * {
font-size : 9px ;
}
. annotationLayer . popup h1 {
font-size : 1em ;
border-bottom : 1px solid # 000000 ;
margin : 0 ;
padding-bottom : 0 . 2em ;
display : inline-block ;
}
. annotationLayer . popup span {
display : inline-block ;
margin-left : 5px ;
}
. annotationLayer . popup p {
margin : 0 ;
padding-top : 0 . 2em ;
border-top : 1px solid # 333 ;
margin-top : 2px ;
padding-top : 2px ;
}
. annotationLayer . highlightAnnotation ,
. annotationLayer . underlineAnnotation ,
. annotationLayer . squigglyAnnotation ,
. annotationLayer . strikeoutAnnotation ,
. annotationLayer . freeTextAnnotation ,
. annotationLayer . lineAnnotation svg line ,
. annotationLayer . squareAnnotation svg rect ,
. annotationLayer . circleAnnotation svg ellipse ,
. annotationLayer . polylineAnnotation svg polyline ,
. annotationLayer . polygonAnnotation svg polygon ,
. annotationLayer . caretAnnotation ,
. annotationLayer . inkAnnotation svg polyline ,
. annotationLayer . stampAnnotation ,
. annotationLayer . fileAttachmentAnnotation {
@ -279,6 +289,7 @@
overflow : visible ;
border : 9px solid transparent ;
background-clip : content-box ;
-webkit-border-image : url ( images / shadow . png ) 9 9 repeat ;
-o-border-image : url ( images / shadow . png ) 9 9 repeat ;
border-image : url ( images / shadow . png ) 9 9 repeat ;
background-color : white ;
@ -543,15 +554,20 @@ select {
z-index : 100 ;
border-top : 1px solid # 333 ;
-webkit-transition-duration : 200ms ;
transition-duration : 200ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
html [ dir = 'ltr' ] # sidebarContainer {
-webkit-transition-property : left ;
transition-property : left ;
left : -200px ;
left : calc ( -1 * var ( --sidebar-width ) ) ;
}
html [ dir = 'rtl' ] # sidebarContainer {
-webkit-transition-property : right ;
transition-property : right ;
right : -200px ;
right : calc ( -1 * var ( --sidebar-width ) ) ;
@ -563,6 +579,7 @@ html[dir='rtl'] #sidebarContainer {
# outerContainer . sidebarResizing # sidebarContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
-webkit-transition-duration : 0s ;
transition-duration : 0s ;
/* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
-webkit-user-select : none ;
@ -620,7 +637,9 @@ html[dir='rtl'] #sidebarContent {
outline : none ;
}
# viewerContainer : not ( . pdfPresentationMode ) {
-webkit-transition-duration : 200ms ;
transition-duration : 200ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
html [ dir = 'ltr' ] # viewerContainer {
@ -632,15 +651,18 @@ html[dir='rtl'] #viewerContainer {
# outerContainer . sidebarResizing # viewerContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
-webkit-transition-duration : 0s ;
transition-duration : 0s ;
}
html [ dir = 'ltr' ] # outerContainer . sidebarOpen # viewerContainer : not ( . pdfPresentationMode ) {
-webkit-transition-property : left ;
transition-property : left ;
left : 200px ;
left : var ( --sidebar-width ) ;
}
html [ dir = 'rtl' ] # outerContainer . sidebarOpen # viewerContainer : not ( . pdfPresentationMode ) {
-webkit-transition-property : right ;
transition-property : right ;
right : 200px ;
right : var ( --sidebar-width ) ;
@ -662,6 +684,8 @@ html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentatio
width : 100 % ;
height : 32px ;
background-color : # 424242 ; /* fallback */
background-image : url ( images / texture . png ) ,
-webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 30 % , . 99 ) ) , to ( hsla ( 0 , 0 % , 25 % , . 95 ) ) ) ;
background-image : url ( images / texture . png ) ,
linear-gradient ( hsla ( 0 , 0 % , 30 % , . 99 ) , hsla ( 0 , 0 % , 25 % , . 95 ) ) ;
}
@ -697,6 +721,8 @@ html[dir='rtl'] #sidebarResizer {
position : relative ;
height : 32px ;
background-color : # 474747 ; /* fallback */
background-image : url ( images / texture . png ) ,
-webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 32 % , . 99 ) ) , to ( hsla ( 0 , 0 % , 27 % , . 95 ) ) ) ;
background-image : url ( images / texture . png ) ,
linear-gradient ( hsla ( 0 , 0 % , 32 % , . 99 ) , hsla ( 0 , 0 % , 27 % , . 95 ) ) ;
}
@ -733,6 +759,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
height : 100 % ;
background-color : # ddd ;
overflow : hidden ;
-webkit-transition : width 200ms ;
transition : width 200ms ;
}
@ -748,6 +775,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
# loadingBar . progress . indeterminate {
background-color : # 999 ;
-webkit-transition : none ;
transition : none ;
}
@ -815,6 +843,9 @@ html[dir='rtl'] .findbar {
# findInput :: -webkit-input-placeholder {
color : hsl ( 0 , 0 % , 75 % ) ;
}
# findInput :: -moz-placeholder {
font-style : italic ;
}
# findInput : -ms-input-placeholder {
font-style : italic ;
}
@ -1006,6 +1037,7 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
. splitToolbarButton . toggled > . toolbarButton ,
. toolbarButton . textButton {
background-color : hsla ( 0 , 0 % , 0 % , . 12 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
border : 1px solid hsla ( 0 , 0 % , 0 % , . 35 ) ;
@ -1013,8 +1045,11 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
box-shadow : 0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) inset ,
0 0 1px hsla ( 0 , 0 % , 100 % , . 15 ) inset ,
0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) ;
-webkit-transition-property : background-color , border-color , box-shadow ;
transition-property : background-color , border-color , box-shadow ;
-webkit-transition-duration : 150ms ;
transition-duration : 150ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
@ -1072,8 +1107,11 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
padding : 12px 0 ;
margin : 1px 0 ;
box-shadow : 0 0 0 1px hsla ( 0 , 0 % , 100 % , . 03 ) ;
-webkit-transition-property : padding ;
transition-property : padding ;
-webkit-transition-duration : 10ms ;
transition-duration : 10ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
@ -1094,8 +1132,11 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
user-select : none ;
/* Opera does not support user-select, use <... unselectable="on"> instead */
cursor : default ;
-webkit-transition-property : background-color , border-color , box-shadow ;
transition-property : background-color , border-color , box-shadow ;
-webkit-transition-duration : 150ms ;
transition-duration : 150ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
@ -1117,6 +1158,7 @@ html[dir='rtl'] .dropdownToolbarButton {
. secondaryToolbarButton : hover ,
. secondaryToolbarButton : focus {
background-color : hsla ( 0 , 0 % , 0 % , . 12 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
border : 1px solid hsla ( 0 , 0 % , 0 % , . 35 ) ;
@ -1131,13 +1173,17 @@ html[dir='rtl'] .dropdownToolbarButton {
. dropdownToolbarButton : hover : active ,
. secondaryToolbarButton : hover : active {
background-color : hsla ( 0 , 0 % , 0 % , . 2 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
border-color : hsla ( 0 , 0 % , 0 % , . 35 ) hsla ( 0 , 0 % , 0 % , . 4 ) hsla ( 0 , 0 % , 0 % , . 45 ) ;
box-shadow : 0 1px 1px hsla ( 0 , 0 % , 0 % , . 1 ) inset ,
0 0 1px hsla ( 0 , 0 % , 0 % , . 2 ) inset ,
0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) ;
-webkit-transition-property : background-color , border-color , box-shadow ;
transition-property : background-color , border-color , box-shadow ;
-webkit-transition-duration : 10ms ;
transition-duration : 10ms ;
-webkit-transition-timing-function : linear ;
transition-timing-function : linear ;
}
@ -1145,13 +1191,17 @@ html[dir='rtl'] .dropdownToolbarButton {
. splitToolbarButton . toggled > . toolbarButton . toggled ,
. secondaryToolbarButton . toggled {
background-color : hsla ( 0 , 0 % , 0 % , . 3 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
border-color : hsla ( 0 , 0 % , 0 % , . 4 ) hsla ( 0 , 0 % , 0 % , . 45 ) hsla ( 0 , 0 % , 0 % , . 5 ) ;
box-shadow : 0 1px 1px hsla ( 0 , 0 % , 0 % , . 1 ) inset ,
0 0 1px hsla ( 0 , 0 % , 0 % , . 2 ) inset ,
0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) ;
-webkit-transition-property : background-color , border-color , box-shadow ;
transition-property : background-color , border-color , box-shadow ;
-webkit-transition-duration : 10ms ;
transition-duration : 10ms ;
-webkit-transition-timing-function : linear ;
transition-timing-function : linear ;
}
@ -1493,6 +1543,7 @@ html[dir='rtl'] .verticalToolbarSeparator {
border : 1px solid transparent ;
border-radius : 2px ;
background-color : hsla ( 0 , 0 % , 100 % , . 09 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
border : 1px solid hsla ( 0 , 0 % , 0 % , . 35 ) ;
@ -1503,8 +1554,11 @@ html[dir='rtl'] .verticalToolbarSeparator {
font-size : 12px ;
line-height : 14px ;
outline-style : none ;
-webkit-transition-property : background-color , border-color , box-shadow ;
transition-property : background-color , border-color , box-shadow ;
-webkit-transition-duration : 150ms ;
transition-duration : 150ms ;
-webkit-transition-timing-function : ease ;
transition-timing-function : ease ;
}
@ -1619,6 +1673,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
a : focus > . thumbnail > . thumbnailSelectionRing ,
. thumbnail : hover > . thumbnailSelectionRing {
background-color : hsla ( 0 , 0 % , 100 % , . 15 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
box-shadow : 0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) inset ,
@ -1634,6 +1689,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
. thumbnail . selected > . thumbnailSelectionRing {
background-color : hsla ( 0 , 0 % , 100 % , . 3 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
box-shadow : 0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) inset ,
@ -1755,6 +1811,7 @@ html[dir='rtl'] .outlineItemToggler::before {
. outlineItem > a : hover ,
. attachmentsItem > button : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 02 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
box-shadow : 0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) inset ,
@ -1766,6 +1823,7 @@ html[dir='rtl'] .outlineItemToggler::before {
. outlineItem . selected {
background-color : hsla ( 0 , 0 % , 100 % , . 08 ) ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 100 % , . 05 ) ) , to ( hsla ( 0 , 0 % , 100 % , 0 ) ) ) ;
background-image : linear-gradient ( hsla ( 0 , 0 % , 100 % , . 05 ) , hsla ( 0 , 0 % , 100 % , 0 ) ) ;
background-clip : padding-box ;
box-shadow : 0 1px 0 hsla ( 0 , 0 % , 100 % , . 05 ) inset ,
@ -1850,6 +1908,8 @@ html[dir='rtl'] .outlineItemToggler::before {
font-size : 12px ;
line-height : 14px ;
background-color : # 474747 ; /* fallback */
background-image : url ( images / texture . png ) ,
-webkit-gradient ( linear , left top , left bottom , from ( hsla ( 0 , 0 % , 32 % , . 99 ) ) , to ( hsla ( 0 , 0 % , 27 % , . 95 ) ) ) ;
background-image : url ( images / texture . png ) ,
linear-gradient ( hsla ( 0 , 0 % , 32 % , . 99 ) , hsla ( 0 , 0 % , 27 % , . 95 ) ) ;
box-shadow : inset 1px 0 0 hsla ( 0 , 0 % , 100 % , . 08 ) ,