aboutsummaryrefslogtreecommitdiff
path: root/point/theme/clean.css
blob: 292df303c79fada9a23d752c0f948c762a2d7d90 (plain)
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
/*
 *	This file is part of "What's The Point" <https://github.com/Pacien/WhatsThePoint>
 *	Copyright (C) 2014  Pacien TRAN-GIRARD
 *
 *	"What's The Point" is free software: you can redistribute it and/or modify
 *	it under the terms of the GNU Affero General Public License as
 *	published by the Free Software Foundation, either version 3 of the
 *	License, or (at your option) any later version.
 *
 *	"What's The Point" is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *	GNU Affero General Public License for more details.
 *
 *	You should have received a copy of the GNU Affero General Public License
 *	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
@import url("default.css");

p-screen {
	border-radius: 0.3em;
	box-shadow: 0 0 2em gray;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
}

p-slide {
	background: transparent !important;
	color: #797979;
	padding-left: 2em;
	padding-right: 2em;
}

h1 {
	font-weight: 600;
	color: #515151;
}

h2, h3, h4, h5, h6 {
	font-weight: lighter;
	color: #797979;
}

/* transitions */
p-slide {
	position: absolute;
	display: flex !important;
	flex-direction: column;
}

p-slide {
	z-index: 0;
	opacity: 0;
	transition: opacity 0.4s;
}

p-slide:target {
	z-index: 1;
	opacity: 1;
	transition: opacity 0.4s;
}