-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.css
100 lines (99 loc) · 3.27 KB
/
index.css
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
88
89
90
91
92
93
94
95
96
97
98
99
100
html, body { height: 100%;
margin: 0; }
body { font-family: 'Alegreya sans', sans-serif;
font-weight: 400;
font-size: 14pt;
color: #222;
background-color: #fafafa; }
code, pre { font-size: smaller; }
section { font-size: 16pt;
line-height: 130%; }
#nav { background-color: #1A1A1A;
padding: 1em 25% 0.25em 25%; }
#breadcrumbs { margin: 2em 0;
color: rgba(255, 255, 255, 0.6); }
a { text-decoration: none;
color: blue; }
#nav label { cursor: pointer; }
#nav label:hover,
#nav label,
#nav a { color: #bb6;
text-shadow: thin solid white; }
#nav label:hover,
#nav a:hover { color: #ff2; }
#nav i { font-size: smaller; }
#breadcrumbs a { opacity: 0.8; }
#breadcrumbs a:hover { opacity: 1.0; }
#nav input { display: none; }
#nav ul { list-style-type: none; }
#nav .menu nav > ul { max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out; }
#nav .menu input:checked + nav > ul { max-height: 100em; }
#nav .menu li:hover > nav > ul { max-height: 100em; }
#nav .menu { display: table;
margin: 0;
padding: 0; }
#nav .menu > li { display: table-cell;
vertical-align: middle; }
#nav .menu > li + li { padding-left: 1em; }
#nav .menu li { position: relative; }
#nav .menu li nav > ul { position: absolute;
left: 0;
padding: 0;
background-color: #1A1A1A;
margin: 0;
top: 100%; }
#nav .menu li nav > ul li:hover { background-color: #4a4a4a; }
#nav .menu li nav > ul li { margin: 0;
padding: 2pt 1.5em; }
#nav .menu li nav > ul li:first-child { margin-top: 8pt; }
#nav .menu li nav > ul li:last-child { margin-bottom: 8pt; }
#nav .menu > li.version { color: #ddd;
padding-right: 0.5em;
border-right: thin solid #aaa;
font-weight: 500; }
#nav .menu > li.version + li { padding-left: 0.75em; }
strong { font-weight: 500; }
article nav[data-sblg-nav] ul { list-style-type: none;
border-top: thin solid rgba(0, 0, 255, 0.2);
color: #555;
padding: 0;
margin-top: 2em;
padding-top: 2em; }
article nav[data-sblg-nav] ul > li { opacity: 0.5; }
article nav[data-sblg-nav] ul > li:first-child
{ opacity: 1.0; }
article nav[data-sblg-nav] li + li { margin-top: 1.5em; }
article nav[data-sblg-nav] li:first-child + li
{ margin-top: 2.5em; }
article nav[data-sblg-nav] li > div:first-child
{ color: #000; }
article nav[data-sblg-nav] div > p:first-child
{ margin-top: 0.5em; }
h1 { margin: 0;
font-weight: normal;
color: #000;
font-size: 60pt; }
header { margin: 4rem 0;
font-size: x-large; }
header div { opacity: 0.6; }
article { padding: 0 25%; }
figure { margin: 0;
text-align: center; }
figure img { max-width: 100%; }
a { color: blue; }
footer { padding: 2em;
font-size: 12pt;
opacity: 0.6;
text-align: center; }
@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
h1 { font-size: 32pt;
display: block;
margin: 0.2em auto; }
header { margin-bottom: 1.5em;
margin-top: 1.5em; }
footer { padding: 1em; }
#nav { padding: 1ex 2%; }
article { padding: 0 2%; }
}