sblg/article.css at master · TheMaxus/sblg · 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
79
80
81
82
83
84
85
86
87
html, body			{ margin: 0;
				  padding: 0; }
body				{ color: #333;
				  line-height: 1.3em;
				  font-size: 14pt;
				  font-family: "Alegreya sans", sans-serif;
				  font-weight: 400; }
a				{ text-decoration: none; }
aside				{ display: none; }
address				{ display: inline;
				  font-style: normal; }
body > section			{ width: 66rem;
				  max-width: 98%;
				  margin-left: auto;
				  margin-right: auto; }
body > footer			{ padding: 2em 0;
				  text-align: center;
				  font-size: 90%;
				  color: #999; }
body > footer a			{ color: #444; }
body > footer a:hover		{ color: #000; }
.intro				{ opacity: 0.75; }
pre				{ overflow: hidden; }
pre, code			{ font-size: 75%; }
p.code				{ background-color: #eeeeee;
				  border-radius: 0.5rem;
				  overflow: hidden;
				  padding: 0.5rem;
				  border: thin dashed #cccccc; }
p.code > code.tab		{ padding-left: 4ex; }
p.code > code.dtab		{ padding-left: 8ex; }
p.code > code			{ display: block; }
.name				{ font-weight: 500; }
body > header			{ padding: 1.4rem 0;
				  color: #dddddd;
				  background-color: #336699; }
strong, b			{ font-weight: 500; }
body > header h1		{ color: #aaa;
				  font-size: 180%;
				  font-weight: inherit;
			  	  width: 66rem;
				  max-width: 98%;
				  margin-left: auto;
				  margin-right: auto; }
body > header h1 a		{ color: #fff; }
body > header div		{ display: inline; }
article[data-sblg-article]	{ margin-top: 2rem; }
article[data-sblg-article] header
				{ text-align: center;
				  margin: 3rem 0; }
article[data-sblg-article] h1,
article[data-sblg-article] header h2
				{ font-weight: 500;
				  margin-bottom: 0.25rem;
				  font-size: 125%; }
article[data-sblg-article] h1	{ text-align: center;
				  margin: 3rem auto; }
article[data-sblg-article] header address,
article[data-sblg-article] header time
				{ color: #000;
				  font-weight: 500; }
.noshow				{ display: none; }
div.version			{ color: #333333;
				  background-color: #dddddd;
				  border-bottom: thin solid #ccc;
				  padding: 0.5rem 0; }
div.version > div		{ width: 66rem;
				  margin: 0 auto;
				  max-width: 98%; }
div.version > div span		{ border-right: thin solid #aaaaaa;
				  margin-right: 0.75ex;
				  padding-right: 1ex; }
div.version > div > a		{ color: #333;
				  padding: 0 0.5ex; }
div.version > div > a:hover	{ color: #000; }
nav[data-sblg-nav] ul		{ list-style-type: none;
				  margin: 0;
				  padding: 0; }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
 body > header h1		{ font-size: 150%;
	 			  text-align: center; }
 div.version			{ text-align: center; }
 article[data-sblg-article] h1,
 article[data-sblg-article] header h2
				{ font-size: 110%; }
}