Eclectic Media Git eclecticmedia.space / 73be2a0
Added more complex styles for content code blocks Ariana Giroux 2 months ago
2 changed file(s) with 301 addition(s) and 0 deletion(s). Raw diff Collapse all Expand all
2121 padding: 1em 0em;
2222 margin: 1em 0em;
2323 }
24
25 blockquote {
26 padding-left: 1.5rem;
27 border-left: 5px solid rgba(0, 0, 0, 0.1);
28 }
29
30 code {
31 font-size: 0.75em;
32 // color: $dark-grey;
33 }
34 pre {
35 position: relative;
36 width: 90%; transform: translateX(5%);
37 padding: 1rem;
38 background-color: #F5E9C5;
39 }
2440 }
2541 .content-seperator {
2642 margin: 4em 0;
2743 }
44
45 @import 'content/_code.scss';
0 #Content {
1 .ef0,.f0 { color: #000000; } .eb0,.b0 { background-color: #000000; }
2 .ef1,.f1 { color: #AA0000; } .eb1,.b1 { background-color: #AA0000; }
3 .ef2,.f2 { color: #00AA00; } .eb2,.b2 { background-color: #00AA00; }
4 .ef3,.f3 { color: #AA5500; } .eb3,.b3 { background-color: #AA5500; }
5 .ef4,.f4 { color: #0000AA; } .eb4,.b4 { background-color: #0000AA; }
6 .ef5,.f5 { color: #AA00AA; } .eb5,.b5 { background-color: #AA00AA; }
7 .ef6,.f6 { color: #00AAAA; } .eb6,.b6 { background-color: #00AAAA; }
8 .ef7,.f7 { color: #AAAAAA; } .eb7,.b7 { background-color: #AAAAAA; }
9 .ef8, .f0 > .bold,.bold > .f0 { color: #555555; font-weight: normal; }
10 .ef9, .f1 > .bold,.bold > .f1 { color: #FF5555; font-weight: normal; }
11 .ef10,.f2 > .bold,.bold > .f2 { color: #55FF55; font-weight: normal; }
12 .ef11,.f3 > .bold,.bold > .f3 { color: #FFFF55; font-weight: normal; }
13 .ef12,.f4 > .bold,.bold > .f4 { color: #5555FF; font-weight: normal; }
14 .ef13,.f5 > .bold,.bold > .f5 { color: #FF55FF; font-weight: normal; }
15 .ef14,.f6 > .bold,.bold > .f6 { color: #55FFFF; font-weight: normal; }
16 .ef15,.f7 > .bold,.bold > .f7 { color: #FFFFFF; font-weight: normal; }
17 .eb8 { background-color: #555555; }
18 .eb9 { background-color: #FF5555; }
19 .eb10 { background-color: #55FF55; }
20 .eb11 { background-color: #FFFF55; }
21 .eb12 { background-color: #5555FF; }
22 .eb13 { background-color: #FF55FF; }
23 .eb14 { background-color: #55FFFF; }
24 .eb15 { background-color: #FFFFFF; }
25 .ef16 { color: #000000; } .eb16 { background-color: #000000; }
26 .ef17 { color: #00005f; } .eb17 { background-color: #00005f; }
27 .ef18 { color: #000087; } .eb18 { background-color: #000087; }
28 .ef19 { color: #0000af; } .eb19 { background-color: #0000af; }
29 .ef20 { color: #0000d7; } .eb20 { background-color: #0000d7; }
30 .ef21 { color: #0000ff; } .eb21 { background-color: #0000ff; }
31 .ef22 { color: #005f00; } .eb22 { background-color: #005f00; }
32 .ef23 { color: #005f5f; } .eb23 { background-color: #005f5f; }
33 .ef24 { color: #005f87; } .eb24 { background-color: #005f87; }
34 .ef25 { color: #005faf; } .eb25 { background-color: #005faf; }
35 .ef26 { color: #005fd7; } .eb26 { background-color: #005fd7; }
36 .ef27 { color: #005fff; } .eb27 { background-color: #005fff; }
37 .ef28 { color: #008700; } .eb28 { background-color: #008700; }
38 .ef29 { color: #00875f; } .eb29 { background-color: #00875f; }
39 .ef30 { color: #008787; } .eb30 { background-color: #008787; }
40 .ef31 { color: #0087af; } .eb31 { background-color: #0087af; }
41 .ef32 { color: #0087d7; } .eb32 { background-color: #0087d7; }
42 .ef33 { color: #0087ff; } .eb33 { background-color: #0087ff; }
43 .ef34 { color: #00af00; } .eb34 { background-color: #00af00; }
44 .ef35 { color: #00af5f; } .eb35 { background-color: #00af5f; }
45 .ef36 { color: #00af87; } .eb36 { background-color: #00af87; }
46 .ef37 { color: #00afaf; } .eb37 { background-color: #00afaf; }
47 .ef38 { color: #00afd7; } .eb38 { background-color: #00afd7; }
48 .ef39 { color: #00afff; } .eb39 { background-color: #00afff; }
49 .ef40 { color: #00d700; } .eb40 { background-color: #00d700; }
50 .ef41 { color: #00d75f; } .eb41 { background-color: #00d75f; }
51 .ef42 { color: #00d787; } .eb42 { background-color: #00d787; }
52 .ef43 { color: #00d7af; } .eb43 { background-color: #00d7af; }
53 .ef44 { color: #00d7d7; } .eb44 { background-color: #00d7d7; }
54 .ef45 { color: #00d7ff; } .eb45 { background-color: #00d7ff; }
55 .ef46 { color: #00ff00; } .eb46 { background-color: #00ff00; }
56 .ef47 { color: #00ff5f; } .eb47 { background-color: #00ff5f; }
57 .ef48 { color: #00ff87; } .eb48 { background-color: #00ff87; }
58 .ef49 { color: #00ffaf; } .eb49 { background-color: #00ffaf; }
59 .ef50 { color: #00ffd7; } .eb50 { background-color: #00ffd7; }
60 .ef51 { color: #00ffff; } .eb51 { background-color: #00ffff; }
61 .ef52 { color: #5f0000; } .eb52 { background-color: #5f0000; }
62 .ef53 { color: #5f005f; } .eb53 { background-color: #5f005f; }
63 .ef54 { color: #5f0087; } .eb54 { background-color: #5f0087; }
64 .ef55 { color: #5f00af; } .eb55 { background-color: #5f00af; }
65 .ef56 { color: #5f00d7; } .eb56 { background-color: #5f00d7; }
66 .ef57 { color: #5f00ff; } .eb57 { background-color: #5f00ff; }
67 .ef58 { color: #5f5f00; } .eb58 { background-color: #5f5f00; }
68 .ef59 { color: #5f5f5f; } .eb59 { background-color: #5f5f5f; }
69 .ef60 { color: #5f5f87; } .eb60 { background-color: #5f5f87; }
70 .ef61 { color: #5f5faf; } .eb61 { background-color: #5f5faf; }
71 .ef62 { color: #5f5fd7; } .eb62 { background-color: #5f5fd7; }
72 .ef63 { color: #5f5fff; } .eb63 { background-color: #5f5fff; }
73 .ef64 { color: #5f8700; } .eb64 { background-color: #5f8700; }
74 .ef65 { color: #5f875f; } .eb65 { background-color: #5f875f; }
75 .ef66 { color: #5f8787; } .eb66 { background-color: #5f8787; }
76 .ef67 { color: #5f87af; } .eb67 { background-color: #5f87af; }
77 .ef68 { color: #5f87d7; } .eb68 { background-color: #5f87d7; }
78 .ef69 { color: #5f87ff; } .eb69 { background-color: #5f87ff; }
79 .ef70 { color: #5faf00; } .eb70 { background-color: #5faf00; }
80 .ef71 { color: #5faf5f; } .eb71 { background-color: #5faf5f; }
81 .ef72 { color: #5faf87; } .eb72 { background-color: #5faf87; }
82 .ef73 { color: #5fafaf; } .eb73 { background-color: #5fafaf; }
83 .ef74 { color: #5fafd7; } .eb74 { background-color: #5fafd7; }
84 .ef75 { color: #5fafff; } .eb75 { background-color: #5fafff; }
85 .ef76 { color: #5fd700; } .eb76 { background-color: #5fd700; }
86 .ef77 { color: #5fd75f; } .eb77 { background-color: #5fd75f; }
87 .ef78 { color: #5fd787; } .eb78 { background-color: #5fd787; }
88 .ef79 { color: #5fd7af; } .eb79 { background-color: #5fd7af; }
89 .ef80 { color: #5fd7d7; } .eb80 { background-color: #5fd7d7; }
90 .ef81 { color: #5fd7ff; } .eb81 { background-color: #5fd7ff; }
91 .ef82 { color: #5fff00; } .eb82 { background-color: #5fff00; }
92 .ef83 { color: #5fff5f; } .eb83 { background-color: #5fff5f; }
93 .ef84 { color: #5fff87; } .eb84 { background-color: #5fff87; }
94 .ef85 { color: #5fffaf; } .eb85 { background-color: #5fffaf; }
95 .ef86 { color: #5fffd7; } .eb86 { background-color: #5fffd7; }
96 .ef87 { color: #5fffff; } .eb87 { background-color: #5fffff; }
97 .ef88 { color: #870000; } .eb88 { background-color: #870000; }
98 .ef89 { color: #87005f; } .eb89 { background-color: #87005f; }
99 .ef90 { color: #870087; } .eb90 { background-color: #870087; }
100 .ef91 { color: #8700af; } .eb91 { background-color: #8700af; }
101 .ef92 { color: #8700d7; } .eb92 { background-color: #8700d7; }
102 .ef93 { color: #8700ff; } .eb93 { background-color: #8700ff; }
103 .ef94 { color: #875f00; } .eb94 { background-color: #875f00; }
104 .ef95 { color: #875f5f; } .eb95 { background-color: #875f5f; }
105 .ef96 { color: #875f87; } .eb96 { background-color: #875f87; }
106 .ef97 { color: #875faf; } .eb97 { background-color: #875faf; }
107 .ef98 { color: #875fd7; } .eb98 { background-color: #875fd7; }
108 .ef99 { color: #875fff; } .eb99 { background-color: #875fff; }
109 .ef100 { color: #878700; } .eb100 { background-color: #878700; }
110 .ef101 { color: #87875f; } .eb101 { background-color: #87875f; }
111 .ef102 { color: #878787; } .eb102 { background-color: #878787; }
112 .ef103 { color: #8787af; } .eb103 { background-color: #8787af; }
113 .ef104 { color: #8787d7; } .eb104 { background-color: #8787d7; }
114 .ef105 { color: #8787ff; } .eb105 { background-color: #8787ff; }
115 .ef106 { color: #87af00; } .eb106 { background-color: #87af00; }
116 .ef107 { color: #87af5f; } .eb107 { background-color: #87af5f; }
117 .ef108 { color: #87af87; } .eb108 { background-color: #87af87; }
118 .ef109 { color: #87afaf; } .eb109 { background-color: #87afaf; }
119 .ef110 { color: #87afd7; } .eb110 { background-color: #87afd7; }
120 .ef111 { color: #87afff; } .eb111 { background-color: #87afff; }
121 .ef112 { color: #87d700; } .eb112 { background-color: #87d700; }
122 .ef113 { color: #87d75f; } .eb113 { background-color: #87d75f; }
123 .ef114 { color: #87d787; } .eb114 { background-color: #87d787; }
124 .ef115 { color: #87d7af; } .eb115 { background-color: #87d7af; }
125 .ef116 { color: #87d7d7; } .eb116 { background-color: #87d7d7; }
126 .ef117 { color: #87d7ff; } .eb117 { background-color: #87d7ff; }
127 .ef118 { color: #87ff00; } .eb118 { background-color: #87ff00; }
128 .ef119 { color: #87ff5f; } .eb119 { background-color: #87ff5f; }
129 .ef120 { color: #87ff87; } .eb120 { background-color: #87ff87; }
130 .ef121 { color: #87ffaf; } .eb121 { background-color: #87ffaf; }
131 .ef122 { color: #87ffd7; } .eb122 { background-color: #87ffd7; }
132 .ef123 { color: #87ffff; } .eb123 { background-color: #87ffff; }
133 .ef124 { color: #af0000; } .eb124 { background-color: #af0000; }
134 .ef125 { color: #af005f; } .eb125 { background-color: #af005f; }
135 .ef126 { color: #af0087; } .eb126 { background-color: #af0087; }
136 .ef127 { color: #af00af; } .eb127 { background-color: #af00af; }
137 .ef128 { color: #af00d7; } .eb128 { background-color: #af00d7; }
138 .ef129 { color: #af00ff; } .eb129 { background-color: #af00ff; }
139 .ef130 { color: #af5f00; } .eb130 { background-color: #af5f00; }
140 .ef131 { color: #af5f5f; } .eb131 { background-color: #af5f5f; }
141 .ef132 { color: #af5f87; } .eb132 { background-color: #af5f87; }
142 .ef133 { color: #af5faf; } .eb133 { background-color: #af5faf; }
143 .ef134 { color: #af5fd7; } .eb134 { background-color: #af5fd7; }
144 .ef135 { color: #af5fff; } .eb135 { background-color: #af5fff; }
145 .ef136 { color: #af8700; } .eb136 { background-color: #af8700; }
146 .ef137 { color: #af875f; } .eb137 { background-color: #af875f; }
147 .ef138 { color: #af8787; } .eb138 { background-color: #af8787; }
148 .ef139 { color: #af87af; } .eb139 { background-color: #af87af; }
149 .ef140 { color: #af87d7; } .eb140 { background-color: #af87d7; }
150 .ef141 { color: #af87ff; } .eb141 { background-color: #af87ff; }
151 .ef142 { color: #afaf00; } .eb142 { background-color: #afaf00; }
152 .ef143 { color: #afaf5f; } .eb143 { background-color: #afaf5f; }
153 .ef144 { color: #afaf87; } .eb144 { background-color: #afaf87; }
154 .ef145 { color: #afafaf; } .eb145 { background-color: #afafaf; }
155 .ef146 { color: #afafd7; } .eb146 { background-color: #afafd7; }
156 .ef147 { color: #afafff; } .eb147 { background-color: #afafff; }
157 .ef148 { color: #afd700; } .eb148 { background-color: #afd700; }
158 .ef149 { color: #afd75f; } .eb149 { background-color: #afd75f; }
159 .ef150 { color: #afd787; } .eb150 { background-color: #afd787; }
160 .ef151 { color: #afd7af; } .eb151 { background-color: #afd7af; }
161 .ef152 { color: #afd7d7; } .eb152 { background-color: #afd7d7; }
162 .ef153 { color: #afd7ff; } .eb153 { background-color: #afd7ff; }
163 .ef154 { color: #afff00; } .eb154 { background-color: #afff00; }
164 .ef155 { color: #afff5f; } .eb155 { background-color: #afff5f; }
165 .ef156 { color: #afff87; } .eb156 { background-color: #afff87; }
166 .ef157 { color: #afffaf; } .eb157 { background-color: #afffaf; }
167 .ef158 { color: #afffd7; } .eb158 { background-color: #afffd7; }
168 .ef159 { color: #afffff; } .eb159 { background-color: #afffff; }
169 .ef160 { color: #d70000; } .eb160 { background-color: #d70000; }
170 .ef161 { color: #d7005f; } .eb161 { background-color: #d7005f; }
171 .ef162 { color: #d70087; } .eb162 { background-color: #d70087; }
172 .ef163 { color: #d700af; } .eb163 { background-color: #d700af; }
173 .ef164 { color: #d700d7; } .eb164 { background-color: #d700d7; }
174 .ef165 { color: #d700ff; } .eb165 { background-color: #d700ff; }
175 .ef166 { color: #d75f00; } .eb166 { background-color: #d75f00; }
176 .ef167 { color: #d75f5f; } .eb167 { background-color: #d75f5f; }
177 .ef168 { color: #d75f87; } .eb168 { background-color: #d75f87; }
178 .ef169 { color: #d75faf; } .eb169 { background-color: #d75faf; }
179 .ef170 { color: #d75fd7; } .eb170 { background-color: #d75fd7; }
180 .ef171 { color: #d75fff; } .eb171 { background-color: #d75fff; }
181 .ef172 { color: #d78700; } .eb172 { background-color: #d78700; }
182 .ef173 { color: #d7875f; } .eb173 { background-color: #d7875f; }
183 .ef174 { color: #d78787; } .eb174 { background-color: #d78787; }
184 .ef175 { color: #d787af; } .eb175 { background-color: #d787af; }
185 .ef176 { color: #d787d7; } .eb176 { background-color: #d787d7; }
186 .ef177 { color: #d787ff; } .eb177 { background-color: #d787ff; }
187 .ef178 { color: #d7af00; } .eb178 { background-color: #d7af00; }
188 .ef179 { color: #d7af5f; } .eb179 { background-color: #d7af5f; }
189 .ef180 { color: #d7af87; } .eb180 { background-color: #d7af87; }
190 .ef181 { color: #d7afaf; } .eb181 { background-color: #d7afaf; }
191 .ef182 { color: #d7afd7; } .eb182 { background-color: #d7afd7; }
192 .ef183 { color: #d7afff; } .eb183 { background-color: #d7afff; }
193 .ef184 { color: #d7d700; } .eb184 { background-color: #d7d700; }
194 .ef185 { color: #d7d75f; } .eb185 { background-color: #d7d75f; }
195 .ef186 { color: #d7d787; } .eb186 { background-color: #d7d787; }
196 .ef187 { color: #d7d7af; } .eb187 { background-color: #d7d7af; }
197 .ef188 { color: #d7d7d7; } .eb188 { background-color: #d7d7d7; }
198 .ef189 { color: #d7d7ff; } .eb189 { background-color: #d7d7ff; }
199 .ef190 { color: #d7ff00; } .eb190 { background-color: #d7ff00; }
200 .ef191 { color: #d7ff5f; } .eb191 { background-color: #d7ff5f; }
201 .ef192 { color: #d7ff87; } .eb192 { background-color: #d7ff87; }
202 .ef193 { color: #d7ffaf; } .eb193 { background-color: #d7ffaf; }
203 .ef194 { color: #d7ffd7; } .eb194 { background-color: #d7ffd7; }
204 .ef195 { color: #d7ffff; } .eb195 { background-color: #d7ffff; }
205 .ef196 { color: #ff0000; } .eb196 { background-color: #ff0000; }
206 .ef197 { color: #ff005f; } .eb197 { background-color: #ff005f; }
207 .ef198 { color: #ff0087; } .eb198 { background-color: #ff0087; }
208 .ef199 { color: #ff00af; } .eb199 { background-color: #ff00af; }
209 .ef200 { color: #ff00d7; } .eb200 { background-color: #ff00d7; }
210 .ef201 { color: #ff00ff; } .eb201 { background-color: #ff00ff; }
211 .ef202 { color: #ff5f00; } .eb202 { background-color: #ff5f00; }
212 .ef203 { color: #ff5f5f; } .eb203 { background-color: #ff5f5f; }
213 .ef204 { color: #ff5f87; } .eb204 { background-color: #ff5f87; }
214 .ef205 { color: #ff5faf; } .eb205 { background-color: #ff5faf; }
215 .ef206 { color: #ff5fd7; } .eb206 { background-color: #ff5fd7; }
216 .ef207 { color: #ff5fff; } .eb207 { background-color: #ff5fff; }
217 .ef208 { color: #ff8700; } .eb208 { background-color: #ff8700; }
218 .ef209 { color: #ff875f; } .eb209 { background-color: #ff875f; }
219 .ef210 { color: #ff8787; } .eb210 { background-color: #ff8787; }
220 .ef211 { color: #ff87af; } .eb211 { background-color: #ff87af; }
221 .ef212 { color: #ff87d7; } .eb212 { background-color: #ff87d7; }
222 .ef213 { color: #ff87ff; } .eb213 { background-color: #ff87ff; }
223 .ef214 { color: #ffaf00; } .eb214 { background-color: #ffaf00; }
224 .ef215 { color: #ffaf5f; } .eb215 { background-color: #ffaf5f; }
225 .ef216 { color: #ffaf87; } .eb216 { background-color: #ffaf87; }
226 .ef217 { color: #ffafaf; } .eb217 { background-color: #ffafaf; }
227 .ef218 { color: #ffafd7; } .eb218 { background-color: #ffafd7; }
228 .ef219 { color: #ffafff; } .eb219 { background-color: #ffafff; }
229 .ef220 { color: #ffd700; } .eb220 { background-color: #ffd700; }
230 .ef221 { color: #ffd75f; } .eb221 { background-color: #ffd75f; }
231 .ef222 { color: #ffd787; } .eb222 { background-color: #ffd787; }
232 .ef223 { color: #ffd7af; } .eb223 { background-color: #ffd7af; }
233 .ef224 { color: #ffd7d7; } .eb224 { background-color: #ffd7d7; }
234 .ef225 { color: #ffd7ff; } .eb225 { background-color: #ffd7ff; }
235 .ef226 { color: #ffff00; } .eb226 { background-color: #ffff00; }
236 .ef227 { color: #ffff5f; } .eb227 { background-color: #ffff5f; }
237 .ef228 { color: #ffff87; } .eb228 { background-color: #ffff87; }
238 .ef229 { color: #ffffaf; } .eb229 { background-color: #ffffaf; }
239 .ef230 { color: #ffffd7; } .eb230 { background-color: #ffffd7; }
240 .ef231 { color: #ffffff; } .eb231 { background-color: #ffffff; }
241 .ef232 { color: #080808; } .eb232 { background-color: #080808; }
242 .ef233 { color: #121212; } .eb233 { background-color: #121212; }
243 .ef234 { color: #1c1c1c; } .eb234 { background-color: #1c1c1c; }
244 .ef235 { color: #262626; } .eb235 { background-color: #262626; }
245 .ef236 { color: #303030; } .eb236 { background-color: #303030; }
246 .ef237 { color: #3a3a3a; } .eb237 { background-color: #3a3a3a; }
247 .ef238 { color: #444444; } .eb238 { background-color: #444444; }
248 .ef239 { color: #4e4e4e; } .eb239 { background-color: #4e4e4e; }
249 .ef240 { color: #585858; } .eb240 { background-color: #585858; }
250 .ef241 { color: #626262; } .eb241 { background-color: #626262; }
251 .ef242 { color: #6c6c6c; } .eb242 { background-color: #6c6c6c; }
252 .ef243 { color: #767676; } .eb243 { background-color: #767676; }
253 .ef244 { color: #808080; } .eb244 { background-color: #808080; }
254 .ef245 { color: #8a8a8a; } .eb245 { background-color: #8a8a8a; }
255 .ef246 { color: #949494; } .eb246 { background-color: #949494; }
256 .ef247 { color: #9e9e9e; } .eb247 { background-color: #9e9e9e; }
257 .ef248 { color: #a8a8a8; } .eb248 { background-color: #a8a8a8; }
258 .ef249 { color: #b2b2b2; } .eb249 { background-color: #b2b2b2; }
259 .ef250 { color: #bcbcbc; } .eb250 { background-color: #bcbcbc; }
260 .ef251 { color: #c6c6c6; } .eb251 { background-color: #c6c6c6; }
261 .ef252 { color: #d0d0d0; } .eb252 { background-color: #d0d0d0; }
262 .ef253 { color: #dadada; } .eb253 { background-color: #dadada; }
263 .ef254 { color: #e4e4e4; } .eb254 { background-color: #e4e4e4; }
264 .ef255 { color: #eeeeee; } .eb255 { background-color: #eeeeee; }
265
266 .f9 { color: #000000; }
267 // .b9 { background-color: #FFFFFF; }
268 .f9 > .bold,.bold > .f9, body.f9 > pre > .bold {
269 /* Bold is heavy black on white, or bright white
270 depending on the default background */
271 color: #000000;
272 font-weight: bold;
273 }
274 .reverse {
275 /* CSS does not support swapping fg and bg colours unfortunately,
276 so just hardcode something that will look OK on all backgrounds. */
277 color: #000000; background-color: #AAAAAA;
278 }
279 .underline { text-decoration: underline; }
280 .line-through { text-decoration: line-through; }
281 .blink { text-decoration: blink; }
282 }