diff options
Diffstat (limited to 'point/theme/clean.css')
-rw-r--r-- | point/theme/clean.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/point/theme/clean.css b/point/theme/clean.css new file mode 100644 index 0000000..292df30 --- /dev/null +++ b/point/theme/clean.css | |||
@@ -0,0 +1,60 @@ | |||
1 | /* | ||
2 | * This file is part of "What's The Point" <https://github.com/Pacien/WhatsThePoint> | ||
3 | * Copyright (C) 2014 Pacien TRAN-GIRARD | ||
4 | * | ||
5 | * "What's The Point" 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 | * "What's The Point" 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 <http://www.gnu.org/licenses/>. | ||
17 | */ | ||
18 | @import url("default.css"); | ||
19 | |||
20 | p-screen { | ||
21 | border-radius: 0.3em; | ||
22 | box-shadow: 0 0 2em gray; | ||
23 | background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); | ||
24 | } | ||
25 | |||
26 | p-slide { | ||
27 | background: transparent !important; | ||
28 | color: #797979; | ||
29 | padding-left: 2em; | ||
30 | padding-right: 2em; | ||
31 | } | ||
32 | |||
33 | h1 { | ||
34 | font-weight: 600; | ||
35 | color: #515151; | ||
36 | } | ||
37 | |||
38 | h2, h3, h4, h5, h6 { | ||
39 | font-weight: lighter; | ||
40 | color: #797979; | ||
41 | } | ||
42 | |||
43 | /* transitions */ | ||
44 | p-slide { | ||
45 | position: absolute; | ||
46 | display: flex !important; | ||
47 | flex-direction: column; | ||
48 | } | ||
49 | |||
50 | p-slide { | ||
51 | z-index: 0; | ||
52 | opacity: 0; | ||
53 | transition: opacity 0.4s; | ||
54 | } | ||
55 | |||
56 | p-slide:target { | ||
57 | z-index: 1; | ||
58 | opacity: 1; | ||
59 | transition: opacity 0.4s; | ||
60 | } | ||