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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
|
@font-face { font-family: Lora; font-style: italic; font-weight: 400; src: local("Lora Italic"),local(Lora-Italic),url(https://fonts.gstatic.com/s/lora/v9/EJ2E0VlN4DLy-wT0t9nagw.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/wXeMvRh7Gui36p_I04Ex6g.woff) format("woff");
}
@font-face { font-family: Lora; font-style: italic; font-weight: 700; src: local("Lora Bold Italic"),local(Lora-BoldItalic),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7fY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/_IxjUs2lbQSu0MyFEAfa7T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face { font-family: Lora; font-style: normal; font-weight: 400; src: local(Lora),local(Lora-Regular),url(https://fonts.gstatic.com/s/lora/v9/rMDaOpSw-8ss9B8Y3bLqyA.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/5-AYViExptypIdFoLKAxTA.woff) format("woff");
}
@font-face { font-family: Lora; font-style: normal; font-weight: 700; src: local("Lora Bold"),local(Lora-Bold),url(https://fonts.gstatic.com/s/lora/v9/1HJZfNlOezBHPPwzRKlEcQ.eot?#) format("eot"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff2"),url(https://fonts.gstatic.com/s/lora/v9/XpaepWHcooQHSRnzoohUng.woff) format("woff");
}
body { line-height: 1.6;
font-weight: 400;
font-family: "Lora", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
background:#181818;color:#fff;
}
a:hover, .post-list-pagination{color:#fff;}
a:hover{text-decoration: underline;}
.wrap {
display: flex;
flex-flow: row wrap;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
h1,h2,h3,h4,h5,h6 {color: #676767;}
.header, .navbar { flex-grow: 0; flex-shrink: 0; flex-basis: calc(99.9% * 12/12 - (30px - 30px * 12/12)); width: calc(99.9% * 12/12 - (30px - 30px * 12/12));}
.header:nth-child(1n), .navbar:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.header:last-child, .navbar:last-child { margin-right: 0;
}
.header:nth-child(12n), .navbar:nth-child(12n) { margin-right: 0; margin-left: auto;
}
.header a{
text-decoration: none;
color: #fff;
opacity: 1;
transition: opacity .55s ease-in-out;
-moz-transition: opacity .55s ease-in-out;
-webkit-transition: opacity .55s ease-in-out;
}
.header a.active{
color: #585858; }
.header a:hover{
opacity: 0.5;
}
.header, .tags {color:#fff;font-weight:700;}
a.navbar-link, a.post-title-link{font-weight:700;}
code {color: #866c6c;}
a {color: #676767;}
.navbar-list {
list-style: none;
margin-bottom: 0;
}
.navbar-item {
position: relative;
float: left;
margin-bottom: 0; }
.navbar-link {
text-transform: uppercase;
font-size: 14px;
font-weight: 900;
letter-spacing: .2rem;
margin-right: 35px;
text-decoration: none;
color: #676767; }
.navbar-link.active {
color: #585858; }
.navbar-link:hover {
color: #aeaeae;
}
.copyright{
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 12/12 - (30px - 30px * 12/12));
width: calc(99.9% * 12/12 - (30px - 30px * 12/12));
font-size:small; color: #676767;
}
.copyright:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.copyright:last-child { margin-right: 0;
}
.copyright:nth-child(12n) { margin-right: 0; margin-left: auto;
}
.content-tags, .post-title {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 7/12 - (30px - 30px * 7/12));
width: calc(99.9% * 7/12 - (30px - 30px * 7/12));
}
.content-tags:nth-child(1n), .post-title:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.content-tags:last-child, .post-title:last-child { margin-right: 0;
}
.content-tags:nth-child(0n), .post-title:nth-child(0n) { margin-right: 0; margin-left: auto;
}
.content-full {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 1 - (30px - 30px * 1));
width: calc(99.9% * 1 - (30px - 30px * 1));
}
.content-full:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.content-full:last-child { margin-right: 0;
}
.content-full:nth-child(undefinedn) { margin-right: 0; margin-left: auto;
}
.pagination{
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 12/12 - (30px - 30px * 12/12));
width: calc(99.9% * 12/12 - (30px - 30px * 12/12));
text-align:center;
}
.pagination:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.pagination:last-child { margin-right: 0;
}
.pagination:nth-child(12n) { margin-right: 0; margin-left: auto;
}
.tags {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 2/12 - (30px - 30px * 2/12));
width: calc(99.9% * 2/12 - (30px - 30px * 2/12));
border-left: 3px solid #808080; padding-left: 8px; margin-top: 4px;
font-size:small;
}
.tags:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.tags:last-child { margin-right: 0;
}
.tags:nth-child(12n) { margin-right: 0; margin-left: auto;
}
.tags a { font-size:small;}
.tags a, .pagination a{
color: #676767;
text-decoration: none;
}
a.tag-link:hover, .pagination a:hover{
color: #aeaeae;
text-decoration: underline;
}
p { margin-top: 5px;
font-size: calc(12px + 9 * ((100vw - 420px) / 860));}
@media screen and (min-width: 1280px) {
p { font-size: 21px;
}
}
@media screen and (max-width: 420px) {
p { font-size: 12px;
}
}
.empty {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(99.9% * 12/12 - (30px - 30px * 12/12));
width: calc(99.9% * 12/12 - (30px - 30px * 12/12));
}
.empty:nth-child(1n) { margin-right: 30px; margin-left: 0;
}
.empty:last-child { margin-right: 0;
}
.empty:nth-child(12n) { margin-right: 0; margin-left: auto;
}
.post-title-link {
font-weight: 700;
font-size: 30px;
color: #676767;
text-decoration: none;
}
.post-title-link:hover {
color: #aeaeae;
}
|