You are here

Home » API reference » PDF 8

pdf.css in PDF 8

Same filename and directory in other branches
  1. 7 css/pdf.css
.pdf-canvas {
  border:1px solid black;
}

#pdf-page {
  position: relative;
}

/* CSS classes used by TextLayerBuilder to style the text layer divs */

.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #000;
  font-family: sans-serif;
  overflow: hidden;
}

.textLayer > div {
  color: transparent;
  position: absolute;
  line-height: 1;
  white-space: pre;
  cursor: text;
}

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

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

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

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

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

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

File

css/pdf.css
View source 
  1. .pdf-canvas {

  2.   border:1px solid black;

  3. }

  4. 

  5. #pdf-page {

  6.   position: relative;

  7. }

  8. 

  9. /* CSS classes used by TextLayerBuilder to style the text layer divs */

  10. 

  11. .textLayer {

  12.   position: absolute;

  13.   left: 0;

  14.   top: 0;

  15.   right: 0;

  16.   bottom: 0;

  17.   color: #000;

  18.   font-family: sans-serif;

  19.   overflow: hidden;

  20. }

  21. 

  22. .textLayer > div {

  23.   color: transparent;

  24.   position: absolute;

  25.   line-height: 1;

  26.   white-space: pre;

  27.   cursor: text;

  28. }

  29. 

  30. .textLayer .highlight {

  31.   margin: -1px;

  32.   padding: 1px;

  33. 

  34.   background-color: rgba(180, 0, 170, 0.2);

  35.   border-radius: 4px;

  36. }

  37. 

  38. .textLayer .highlight.begin {

  39.   border-radius: 4px 0px 0px 4px;

  40. }

  41. 

  42. .textLayer .highlight.end {

  43.   border-radius: 0px 4px 4px 0px;

  44. }

  45. 

  46. .textLayer .highlight.middle {

  47.   border-radius: 0px;

  48. }

  49. 

  50. .textLayer .highlight.selected {

  51.   background-color: rgba(0, 100, 0, 0.2);

  52. }