pdfviewer/styles.css at main · Automation-Scripting/pdfviewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

body { display: flex; flex-direction: column; min-height: 100vh; background: #f2f2f2; }

.bar {
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.12);
  background: white;
}

.brand { font-weight: 700; white-space: nowrap; }

.controls { display: flex; gap: 8px; flex: 1; flex-wrap: wrap; align-items: center; }
.controls input {
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 10px;
}
.controls input[type="text"] { flex: 1; min-width: 260px; }
.controls input[type="number"] { width: 90px; }

.controls button {
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.18);
  background: white;
  border-radius: 10px;
  cursor: pointer;
}

.stage { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 16px; }

.pageWrap { display: flex; justify-content: center; }

.canvasWrap {
  position: relative;
  background: white;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  border-radius: 14px;
  overflow: hidden;
}

#pdfCanvas { display: block; }

.textLayer {
  position: absolute;
  inset: 0;
  opacity: 0;         /* invisível */
  pointer-events: none;
}

.hlLayer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hl {
  position: absolute;
  background: rgba(255, 235, 59, 0.55); /* amarelo marca-texto */
  border-radius: 3px;
}

.status {
  position: absolute;
  left: 12px;
  bottom: 10px;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  color: white;
  max-width: calc(100% - 24px);
}

body.clean .bar { display: none; }
body.clean .stage { padding: 0; }
body.clean .canvasWrap { border-radius: 0; box-shadow: none; }