css/blog.css.old (view raw)
1/* R.I.P. old blog CSS, 2018-02-03 to 2020-05-29 */
2
3@font-face {
4 font-family: sf1;
5 src: url("../fonts/GeosansLight.ttf");
6}
7@font-face {
8 font-family: sf2;
9 src: url("../fonts/inglobal.ttf");
10}
11@font-face {
12 font-family: sf3;
13 src: url("../fonts/Larke Sans Light 2.ttf");
14}
15@font-face {
16 font-family: sf4;
17 src: url("../fonts/weblysleekuil.ttf");
18}
19
20::selection {
21 background: #FFFF66;
22}
23::-moz-selection {
24 background: #FFFF66;
25}
26
27body {
28 background-color: #F4F4F4;
29}
30
31.minMargin {
32 margin: 50px 30px;
33}
34
35.card {
36 margin: 20px auto;
37 padding: 8px 24px;
38 border-radius: 10px;
39 background-color: #FFF;
40 max-width: 640px;
41 box-shadow: 8px 8px 8px #B8B8B8;
42}
43
44h1 {
45 font-family: sf1;
46 font-size: 64px;
47}
48h2 {
49 font-family: sf3;
50 font-size: 48px;
51 border-bottom: 1px solid #888888;
52 padding-bottom: 4px;
53}
54h3, .versalita {
55 font-family: sf4;
56 font-variant: small-caps;
57}
58.right {
59 text-align: right;
60}
61
62p, ol, ul, td {
63 font-family: sf2;
64 font-size: 18px;
65 line-height: 125%;
66}
67td {
68 padding: 2px 20px;
69 vertical-align: top;
70}
71
72hr {
73 border: 1px dashed #D0D0D0;
74 margin: 20px 10px;
75}
76
77em {
78 color: #484848;
79}
80
81img {
82 border-radius: 10px;
83 box-shadow: 4px 4px 4px #888888;
84}
85
86.center {
87 text-align: center;
88 display: block;
89 margin: 0 auto;
90}
91
92a {
93 text-decoration: none;
94 border-bottom: 0px solid #00CCCC;
95 margin-bottom: 3px;
96 color: #00CCCC;
97 transition: border-bottom 0.1s ease-in-out 0s, margin-bottom 0.1s ease-in-out 0s, color 0.2s ease-in-out 0s;
98}
99a:hover {
100 border-bottom: 3px solid #00AAAA;
101 margin-bottom: 0px;
102 color: #00AAAA;
103}
104
105code {
106 background-color: #F7F7F7;
107 color: #F77;
108 padding: 2px;
109 font-size: 14px;
110 border-radius: 2px;
111}
112
113li {
114 margin: 4px 0;
115}
116
117table {
118 border-collapse: collapse;
119}
120
121table, th, td {
122 border: 1px solid #777;
123}
124
125th {
126 padding: 2px 8px;
127}