diff options
Diffstat (limited to 'beamer/viewer/viewer.css')
-rw-r--r-- | beamer/viewer/viewer.css | 53 |
1 files changed, 25 insertions, 28 deletions
diff --git a/beamer/viewer/viewer.css b/beamer/viewer/viewer.css index 419f977..c003439 100644 --- a/beamer/viewer/viewer.css +++ b/beamer/viewer/viewer.css | |||
@@ -1,22 +1,11 @@ | |||
1 | /* | 1 | /* |
2 | * Beamer Viewer, a web-based PDF presentation viewer | 2 | * Beamer Viewer, a web-based PDF presentation viewer |
3 | * Copyright (C) 2021 Pacien TRAN-GIRARD | 3 | * Copyright 2018-2024 Pacien TRAN-GIRARD |
4 | * | 4 | * SPDX-License-Identifier: EUPL-1.2 |
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 | */ | 5 | */ |
18 | 6 | ||
19 | html, body { | 7 | html, |
8 | body { | ||
20 | background-color: black; | 9 | background-color: black; |
21 | color: white; | 10 | color: white; |
22 | font-family: sans-serif; | 11 | font-family: sans-serif; |
@@ -29,7 +18,7 @@ a { | |||
29 | color: white; | 18 | color: white; |
30 | } | 19 | } |
31 | 20 | ||
32 | header > h1 { | 21 | header>h1 { |
33 | display: inline-block; | 22 | display: inline-block; |
34 | margin: 0 0.5rem 0 0; | 23 | margin: 0 0.5rem 0 0; |
35 | } | 24 | } |
@@ -50,37 +39,43 @@ header span { | |||
50 | box-sizing: border-box; | 39 | box-sizing: border-box; |
51 | } | 40 | } |
52 | 41 | ||
53 | #welcomeScreen > div { | 42 | #welcomeScreen>div { |
54 | margin-bottom: 4rem; | 43 | margin-bottom: 4rem; |
55 | } | 44 | } |
56 | 45 | ||
57 | #welcomeScreen > div:last-child { | 46 | #welcomeScreen>div:last-child { |
58 | margin-bottom: 1rem; | 47 | margin-bottom: 1rem; |
59 | } | 48 | } |
60 | 49 | ||
61 | #welcomeScreen table { | 50 | #welcomeScreen table.examples-container td { |
62 | width: 100%; | 51 | padding: 0.25rem; |
52 | text-align: center; | ||
53 | } | ||
54 | |||
55 | #welcomeScreen table.layout-example { | ||
63 | border-collapse: collapse; | 56 | border-collapse: collapse; |
57 | display: inline; | ||
64 | } | 58 | } |
65 | 59 | ||
66 | #welcomeScreen table td { | 60 | #welcomeScreen table.layout-example td { |
67 | text-align: center; | 61 | text-align: center; |
68 | border: 1px solid white; | 62 | border: 1px solid white; |
69 | width: 50%; | 63 | font-size: 0.8rem; |
70 | height: 8rem; | 64 | height: 2rem; |
65 | width: 3.5rem; | ||
71 | } | 66 | } |
72 | 67 | ||
73 | #welcomeScreen ul { | 68 | #welcomeScreen ul.bottom-links { |
74 | list-style-type: none; | 69 | list-style-type: none; |
75 | margin: 0; | 70 | margin: 0; |
76 | padding: 0; | 71 | padding: 0; |
77 | } | 72 | } |
78 | 73 | ||
79 | #welcomeScreen li { | 74 | #welcomeScreen .bottom-links li { |
80 | display: inline; | 75 | display: inline; |
81 | } | 76 | } |
82 | 77 | ||
83 | #welcomeScreen li + li::before { | 78 | #welcomeScreen .bottom-links li+li::before { |
84 | content: " • "; | 79 | content: " • "; |
85 | } | 80 | } |
86 | 81 | ||
@@ -104,9 +99,11 @@ header span { | |||
104 | border-radius: 1rem 1rem 0 0; | 99 | border-radius: 1rem 1rem 0 0; |
105 | background-color: black; | 100 | background-color: black; |
106 | font-size: 1.6rem; | 101 | font-size: 1.6rem; |
102 | user-select: none; | ||
107 | } | 103 | } |
108 | 104 | ||
109 | .notification:empty, .hidden { | 105 | .notification:empty, |
106 | .hidden { | ||
110 | display: none; | 107 | display: none; |
111 | } | 108 | } |
112 | 109 | ||
@@ -127,4 +124,4 @@ header span { | |||
127 | .warning { | 124 | .warning { |
128 | font-weight: bold; | 125 | font-weight: bold; |
129 | color: orangered; | 126 | color: orangered; |
130 | } | 127 | } \ No newline at end of file |