kcaldav/style.css at master · kristapsdz/kcaldav · GitHub

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
.hide					{ display: none; }
.button-xsmall 				{ font-size: 70%; }
.button-small 				{ font-size: 85%; }
.button-large 				{ font-size: 110%; }
.button-xlarge 				{ font-size: 125%; }
a					{ text-decoration: none;
					  color: blue; }
ul					{ list-style-type: none;
					  padding: 0; }
html, body				{ height: 100%; }
header					{ background-color: #313131;
					  padding: 2em 1em 1em 1em; }
header > div				{ width: 100%;
				  	  color: #fff; }
header a				{ color: inherit; }
header nav a				{ padding: 0ex 1ex;
					  display: inline-block; }
header nav				{ color: #FFBB51;
					  width: 50%;
					  text-align: right;
					  white-space: nowrap;
					  display: inline-block; }
h1					{ margin: 0;
					  margin-bottom: -6px;
					  width: 50%;
					  white-space: nowrap;
				 	  display: inline-block;
					  font-family: Georgia,Times,Times New Roman,serif;
					  font-size: 32px;
					  font-style: normal;
					  font-variant: normal;
					  font-weight: 500;
					  line-height: 26.4px; }
h1 i					{ letter-spacing: 2pt; }
h2					{ font-family: Georgia,Times,Times New Roman,serif;
					  font-size: 18px;
					  font-style: normal;
					  font-variant: normal;
					  font-weight: 500;
					  line-height: 22px; }
h3					{ font-family: Georgia,Times,Times New Roman,serif;
					  font-size: 16px;
					  font-style: normal;
					  font-variant: normal;
					  font-weight: 300;
					  line-height: 26.4px; }
footer					{ padding: 2em;
					  text-align: center;
					  color: #888; }
footer a				{ color: #666; }
footer a:hover				{ color: #444; }
article					{ padding: 1em; }
#loggedout, #loading			{ height: 100%;
					  width: 100%;
					  display: table; }
#loggedout.hide, #loading.hide		{ display: none; }
#loggedout >*, #loading >*		{ display: table-cell;
					  text-align: center;
					  font-size: larger;
					  vertical-align: middle;
					  height: 100%;
					  width: 100%; }
.error					{ color: #ff3333; }
.pure-form .pure-radio			{ display: inline-block; }
aside					{ font-style: italic; }

@media only screen and (max-width: 480px) {
.bigonly				{ display: none; }
.pure-form input[type="password"],
.pure-form label,
.pure-form input[type="color"],
.pure-form input[type="email"],
.pure-form input[type="text"]		{ display: inline-block;
					  margin-bottom: 0; }
.pure-form button[type="submit"]	{ margin: 0; }
h2					{ font-size: 14px; }
h3					{ font-size: 13px; }
}