diff options
author | Pacien TRAN-GIRARD | 2014-08-10 17:28:37 +0200 |
---|---|---|
committer | Pacien TRAN-GIRARD | 2014-08-10 17:28:37 +0200 |
commit | e7bf5952d0729b37e677168b6e8fbd1ce58ed1a2 (patch) | |
tree | 189988e3e272b806262d1df6b87f1da089ef4af8 /point/theme | |
parent | a32e898c8d7ad3774f5654e88bb24d5c26482137 (diff) | |
download | whatsthepoint-master.tar.gz |
Diffstat (limited to 'point/theme')
-rw-r--r-- | point/theme/clean.css | 60 | ||||
-rw-r--r-- | point/theme/default.css | 40 |
2 files changed, 100 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 | } | ||
diff --git a/point/theme/default.css b/point/theme/default.css new file mode 100644 index 0000000..341365b --- /dev/null +++ b/point/theme/default.css | |||
@@ -0,0 +1,40 @@ | |||
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 | |||
19 | body { | ||
20 | background: black; | ||
21 | } | ||
22 | |||
23 | p-slide { | ||
24 | background: white; | ||
25 | padding: 1.6em; | ||
26 | font-size: 1.6em; | ||
27 | } | ||
28 | |||
29 | h1, h2, h3, h4, h5, h6 { | ||
30 | margin: 0; | ||
31 | } | ||
32 | |||
33 | h2 { | ||
34 | margin-top: 0.2em; | ||
35 | } | ||
36 | |||
37 | li { | ||
38 | margin: 0.4em; | ||
39 | } | ||
40 | |||