aboutsummaryrefslogtreecommitdiff
path: root/beamer/viewer/viewer.css
diff options
context:
space:
mode:
Diffstat (limited to 'beamer/viewer/viewer.css')
-rw-r--r--beamer/viewer/viewer.css116
1 files changed, 116 insertions, 0 deletions
diff --git a/beamer/viewer/viewer.css b/beamer/viewer/viewer.css
new file mode 100644
index 0000000..a69ddb2
--- /dev/null
+++ b/beamer/viewer/viewer.css
@@ -0,0 +1,116 @@
1/*
2 * Beamer Viewer, a web-based PDF presentation viewer
3 * Copyright (C) 2018 Pacien TRAN-GIRARD
4 *
5 * This program is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU Affero General Public License as
7 * published by the Free Software Foundation, either version 3 of the
8 * License, or (at your option) any later version.
9 *
10 * This program is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU Affero General Public License for more details.
14 *
15 * You should have received a copy of the GNU Affero General Public License
16 * along with this program. If not, see <https://www.gnu.org/licenses/>.
17 */
18
19html, body {
20 background-color: black;
21 color: white;
22 font-family: sans-serif;
23 overflow: hidden;
24 touch-action: none;
25 height: 100%;
26}
27
28a {
29 color: white;
30}
31
32header > h1 {
33 display: inline-block;
34 margin: 0 0.5rem 0 0;
35}
36
37header span {
38 font-size: 1.25rem;
39}
40
41#offlineCapable {
42 visibility: hidden;
43}
44
45#welcomeScreen {
46 max-height: 100%;
47 min-width: 20rem;
48 overflow: auto;
49 padding: 1rem;
50 box-sizing: border-box;
51}
52
53#welcomeScreen > div {
54 margin-bottom: 4rem;
55}
56
57#welcomeScreen > div:last-child {
58 margin-bottom: 1rem;
59}
60
61#welcomeScreen table {
62 width: 100%;
63 border-collapse: collapse;
64}
65
66#welcomeScreen table td {
67 text-align: center;
68 border: 1px solid white;
69 width: 50%;
70 height: 8rem;
71}
72
73#welcomeScreen ul {
74 list-style-type: none;
75 margin: 0;
76 padding: 0;
77}
78
79#welcomeScreen li {
80 display: inline;
81}
82
83#welcomeScreen li + li::before {
84 content: " • ";
85}
86
87#fileInput {
88 width: 100%;
89}
90
91.centered {
92 position: absolute;
93 top: 50%;
94 left: 50%;
95 transform: translateX(-50%) translateY(-50%);
96}
97
98.notification {
99 position: absolute;
100 bottom: 0;
101 left: 50%;
102 transform: translateX(-50%);
103 padding: 0.5rem 1rem;
104 border-radius: 1rem 1rem 0 0;
105 background-color: black;
106 font-size: 1.6rem;
107}
108
109.notification:empty {
110 display: none;
111}
112
113.warning {
114 font-weight: bold;
115 color: orangered;
116}