-
Notifications
You must be signed in to change notification settings - Fork 0
/
trick.css
124 lines (102 loc) · 2.74 KB
/
trick.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
/* css for cat site */
/* basic components */
html {
font-family: sans-serif;
hyphens: auto;
}
body {
margin: 40px auto;
max-width: 650px;
line-height: 1.6;
font-size: 18px;
padding: 0 10px;
font-variant-numeric: oldstyle-nums;
}
no-wrap {
white-space: nowrap;
}
/* side-by-side discussion w. pic */
main.front, section.intro {
display: flex;
align-items: flex-end;
flex-direction: row-reverse;
}
@media (max-aspect-ratio: 1/1) {
main.front, section.intro {
flex-wrap: wrap-reverse;
}
}
.pic {
flex: 0 1 200px;
}
div.pic > figure > figcaption {
font-size: 15px;
}
.shrink {
width: 180px;
height: auto;
}
/* facts */
cat-facts > figure > figcaption::after {
content: ":";
}
blockquote, cat-facts > figure > p {
margin: 10px 0 0;
}
blockquote::before {
content: open-quote;
}
blockquote::after {
content: close-quote;
}
cat-facts > figure {
background: #b6dbf3;
padding: 1.5rem;
border-radius: 1rem;
}
section.sources > ul {
list-style: none;
}
section.sources > ul > li > ul {
list-style-type: disc;
}
/* pokémon */
ol.pokemon {
columns: 2;
margin-left: 15px;
}
@media (max-aspect-ratio: 1/1) {
ol.pokemon {
columns: 1;
}
}
ol.pokemon > li:nth-child(1) {list-style: "#052. ";}
ol.pokemon > li:nth-child(2) {list-style: "#053. ";}
ol.pokemon > li:nth-child(3) {list-style: "#151. ";}
ol.pokemon > li:nth-child(4) {list-style: "#196. ";}
ol.pokemon > li:nth-child(5) {list-style: "#197. ";}
ol.pokemon > li:nth-child(6) {list-style: "#243. ";}
ol.pokemon > li:nth-child(7) {list-style: "#245. ";}
ol.pokemon > li:nth-child(8) {list-style: "#300. ";}
ol.pokemon > li:nth-child(9) {list-style: "#301. ";}
ol.pokemon > li:nth-child(10) {list-style: "#403. ";}
ol.pokemon > li:nth-child(11) {list-style: "#404. ";}
ol.pokemon > li:nth-child(12) {list-style: "#405. ";}
ol.pokemon > li:nth-child(13) {list-style: "#431. ";}
ol.pokemon > li:nth-child(14) {list-style: "#432. ";}
ol.pokemon > li:nth-child(15) {list-style: "#509. ";}
ol.pokemon > li:nth-child(16) {list-style: "#510. ";}
ol.pokemon > li:nth-child(17) {list-style: "#667. ";}
ol.pokemon > li:nth-child(18) {list-style: "#668. ";}
ol.pokemon > li:nth-child(19) {list-style: "#677. ";}
ol.pokemon > li:nth-child(20) {list-style: "#678. ";}
ol.pokemon > li:nth-child(21) {list-style: "#725. ";}
ol.pokemon > li:nth-child(22) {list-style: "#726. ";}
ol.pokemon > li:nth-child(23) {list-style: "#727. ";}
ol.pokemon > li:nth-child(24) {list-style: "#791. ";}
ol.pokemon > li:nth-child(25) {list-style: "#807. ";}
ol.pokemon > li:nth-child(26) {list-style: "#863. ";}
ol.pokemon > li:nth-child(27) {list-style: "#907. ";}
ol.pokemon > li:nth-child(28) {list-style: "#908. ";}
ol.pokemon > li:nth-child(29) {list-style: "#909. ";}
ol.pokemon > li:nth-child(30) {list-style: "#1002. ";}