aboutsummaryrefslogtreecommitdiff
path: root/themes/bare/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/bare/static/css')
-rwxr-xr-xthemes/bare/static/css/.gitkeep0
-rw-r--r--themes/bare/static/css/tailwind.css235
2 files changed, 0 insertions, 235 deletions
diff --git a/themes/bare/static/css/.gitkeep b/themes/bare/static/css/.gitkeep
deleted file mode 100755
index e69de29..0000000
--- a/themes/bare/static/css/.gitkeep
+++ /dev/null
diff --git a/themes/bare/static/css/tailwind.css b/themes/bare/static/css/tailwind.css
deleted file mode 100644
index edbb0ab..0000000
--- a/themes/bare/static/css/tailwind.css
+++ /dev/null
@@ -1,235 +0,0 @@
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5* { cursor: url(/general/9front-cursor.png), auto; }
6
7/* Container */
8.container-blog {
9 max-width: 700px;
10}
11
12/* User text selection */
13::selection {
14 @apply bg-yellow-100 text-black;
15}
16
17::-moz-selection {
18 @apply bg-yellow-100 text-black;
19}
20
21/* Headings */
22article.single h2 {
23 @apply text-2xl font-bold mb-4 mt-8;
24}
25
26article.single h3 {
27 @apply text-xl font-bold mb-4 mt-8;
28}
29
30article.single h4 {
31 @apply text-lg font-bold mb-4 mt-8;
32}
33
34/* Paragraph */
35article.single p {
36 @apply mb-5;
37}
38
39/* Links */
40article.single a {
41 @apply underline hover:bg-yellow-100;
42}
43
44/* Blockquote */
45article.single blockquote {
46 background-image: url('/general/alert-light.svg');
47 background-size: 30px 30px;
48 background-repeat: no-repeat;
49 background-position: 0 5px;
50 @apply pl-12 my-8;
51}
52
53/* Media: Images, audio, video */
54article.single img {
55 @apply rounded w-full !bg-gray-50 my-8;
56}
57
58article.single video {
59 @apply rounded w-full !bg-gray-50;
60}
61
62article.single audio {
63 @apply w-full mb-6;
64}
65
66/* Code */
67article.single code {
68 @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
69}
70
71article.single pre {
72 @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
73}
74
75article.single pre code {
76 background: unset;
77 padding: unset;
78 @apply leading-relaxed;
79}
80
81/* Tables */
82article.single table {
83 @apply w-full border border-black border-collapse mb-4;
84}
85
86article.single table tr,
87article.single table td,
88article.single table th {
89 @apply px-4 py-2 border text-left;
90}
91
92/* Unordered list */
93article.single ul {
94 @apply list-disc pl-6 md:pl-10 mb-6;
95}
96
97/* Ordered list */
98article.single ol {
99 @apply list-decimal pl-8 md:pl-10;
100}
101
102/* Katex */
103article.single .katex-display {
104 @apply my-10;
105}
106
107/* Lazy loading of iframes */
108article.single .ll-iframe {
109 @apply bg-gray-100 rounded;
110}
111
112article.single .ll-iframe::before {
113 @apply h-full flex border-2 border-gray-300 rounded justify-center items-center font-medium text-sm cursor-pointer animate-pulse;
114 content: 'Click here to load resource…';
115}
116
117article.single .ll-iframe.empty::before {
118 content: none;
119}
120
121/* Cactus Comments */
122.comments img {
123 max-width: auto !important;
124 max-width: unset !important;
125 max-width: inherit !important;
126}
127
128.cactus-container .cactus-editor-textarea {
129 @apply border w-full h-32 px-3 py-2 outline-none rounded mb-2;
130}
131
132.cactus-container .cactus-editor-name input {
133 @apply border w-full px-3 py-2 mb-2 outline-none rounded;
134}
135
136.cactus-container .cactus-editor-name {
137 @apply mb-1;
138}
139
140/* Cactus: Buttons */
141.cactus-editor-buttons {
142 @apply flex gap-2;
143}
144
145.cactus-container .cactus-button {
146 @apply text-base bg-gray-200 hover:bg-gray-300 font-medium px-6 py-2 rounded;
147}
148
149.cactus-container .cactus-editor {
150 @apply mb-10;
151}
152
153/* Cactus: Comment List */
154.cactus-container .cactus-comments-list {
155 @apply flex flex-col gap-8;
156}
157
158.cactus-container .cactus-comment {
159 @apply flex gap-4;
160}
161
162.cactus-container .cactus-comment .cactus-comment-avatar img {
163 @apply w-8 h-8 rounded-full;
164}
165
166.cactus-container .cactus-comment .cactus-comment-avatar-placeholder {
167 @apply w-8 h-8 rounded-full bg-gray-300;
168}
169
170.cactus-container .cactus-comment .cactus-comment-header {
171 @apply flex gap-2 items-center;
172}
173
174.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-displayname {
175 @apply font-semibold;
176}
177
178.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-time {
179 @apply text-gray-400 text-sm;
180}
181
182.cactus-container .cactus-comment .cactus-message-text code {
183 @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
184}
185
186/* Unordered list */
187.cactus-container .cactus-comment .cactus-message-text ul {
188 @apply list-disc pl-2 md:pl-6;
189}
190
191/* Ordered list */
192.cactus-container .cactus-comment .cactus-message-text ol {
193 @apply list-decimal pl-2 md:pl-6;
194}
195
196/* Cactus: Login */
197.cactus-container .cactus-login-form-wrapper {
198 @apply border mb-6 p-3 relative rounded;
199}
200
201.cactus-container .cactus-login-form .cactus-login-close {
202 @apply absolute right-3 top-3 w-4 h-4;
203}
204
205.cactus-container .cactus-login-form .cactus-login-title {
206 @apply font-bold mb-4 mt-0 pt-0;
207}
208
209/* Cactus: Login with a button */
210.cactus-container .cactus-login-form .cactus-login-client {
211 @apply mb-6;
212}
213
214.cactus-container .cactus-login-form .cactus-login-client-title {
215 @apply font-semibold mb-2;
216}
217
218/* Cactus: Login with credentials */
219.cactus-container .cactus-login-form .cactus-login-credentials {}
220
221.cactus-container .cactus-login-form .cactus-login-credentials-title {
222 @apply font-semibold mb-1;
223}
224
225.cactus-container .cactus-login-form .cactus-login-field {
226 @apply flex gap-4 mb-2 items-center;
227}
228
229.cactus-container .cactus-login-form .cactus-login-label {
230 @apply w-20;
231}
232
233.cactus-container .cactus-login-form input {
234 @apply border px-2 py-1 rounded;
235}