X Tutup
Skip to content

Commit 4bcfd7a

Browse files
studiomohawkstudiomohawk
committed
add more detail
1 parent 4da313a commit 4bcfd7a

File tree

3 files changed

+117
-11
lines changed

3 files changed

+117
-11
lines changed

‎assets/themes/the-minimum/css/helper.css‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
---
2-
---
3-
41
/*
52
helper.css contains non-semantic helper classes
63
This must be the last file to import

‎assets/themes/the-minimum/css/style.css‎

Lines changed: 60 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -198,13 +198,16 @@ pre {
198198
}
199199
pre {
200200
color: #f2f2f2;
201-
background-color: #2d2d2d;
202-
border: 1px solid #2d2d2d;
201+
background-color: #393939;
202+
border: 1px solid #393939;
203203
font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
204204
margin-left: 0;
205205
margin-right: 0;
206206
padding: 1.625em;
207207
overflow: auto;
208+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
209+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
210+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
208211
}
209212
/* meta */
210213
/* HEADER
@@ -369,6 +372,28 @@ pre {
369372
.unit-article .list-linear .list-head {
370373
margin-right: 4px;
371374
}
375+
.unit-article .list-category a, .unit-article .list-tag a {
376+
border: 0 none;
377+
}
378+
.unit-article .list-category a:hover span, .unit-article .list-tag a:hover span {
379+
background-color: #f99157;
380+
}
381+
.unit-article .list-category span, .unit-article .list-tag span {
382+
background-color: #e25608;
383+
padding: 1px 5px;
384+
-webkit-border-radius: 10px;
385+
-moz-border-radius: 10px;
386+
border-radius: 10px;
387+
color: white;
388+
text-transform: uppercase;
389+
margin: 0 6px 0 0;
390+
display: inline-block;
391+
position: relative;
392+
vertical-align: middle;
393+
top: -2px;
394+
font-weight: bold;
395+
font-size: 10px;
396+
}
372397
.unit-article .list-category {
373398
margin-bottom: 0;
374399
text-transform: capitalize;
@@ -377,7 +402,7 @@ pre {
377402
text-transform: capitalize;
378403
}
379404
.unit-article .unit-foot {
380-
background: #4d4d4d;
405+
background: url('/assets/themes/the-minimum/skin/100-90-5-monochrome.png') repeat 0 0 #4d4d4d;
381406
color: #fafafa;
382407
padding-top: 1.625em;
383408
padding-bottom: 1.625em;
@@ -403,9 +428,18 @@ pre {
403428
}
404429
/* post & page */
405430
.layout-page .tag_box {
406-
background-color: #999999;
431+
background: url('/assets/themes/the-minimum/skin/100-90-5-monochrome.png') repeat 0 0 #999999;
407432
padding: 0.8125em;
408433
list-style: none;
434+
-webkit-border-radius: 3px;
435+
-moz-border-radius: 3px;
436+
border-radius: 3px;
437+
-moz-background-clip: padding;
438+
-webkit-background-clip: padding-box;
439+
background-clip: padding-box;
440+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
441+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
442+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
409443
}
410444
.layout-page .tag_box li {
411445
display: inline;
@@ -447,6 +481,28 @@ pre {
447481
background-color: #77bb77;
448482
border: 1px solid #336633;
449483
}
484+
.layout-page .tag_box a:hover span {
485+
background-color: #e1e1e1;
486+
border: 1px solid #77bb77;
487+
}
488+
.layout-page .tag_box span {
489+
background-color: #fafafa;
490+
border: 1px solid #99cc99;
491+
padding: 1px 5px;
492+
-webkit-border-radius: 10px;
493+
-moz-border-radius: 10px;
494+
border-radius: 10px;
495+
color: #1a1a1a;
496+
display: inline-block;
497+
position: relative;
498+
vertical-align: middle;
499+
top: -2px;
500+
font-weight: bold;
501+
font-size: 10px;
502+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
503+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
504+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
505+
}
450506
/* FOOTER
451507
----------------------------------------------- */
452508
.the-footer {

‎assets/themes/the-minimum/css/style.less‎

Lines changed: 57 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,13 +36,16 @@ a {
3636
pre { margin-bottom: @line-height / @em; }
3737
pre {
3838
color: #f2f2f2;
39-
background-color: @base03;
40-
border: 1px solid fadein(@base03, 30%);
39+
background-color: @base02;
40+
border: 1px solid fadein(@base02, 30%);
4141
font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
4242
margin-left: 0;
4343
margin-right: 0;
4444
padding: @line-height / @em;
4545
overflow: auto;
46+
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
47+
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
48+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
4649
}
4750

4851
/* meta */
@@ -153,6 +156,26 @@ pre {
153156

154157
.date-publish { margin-bottom: 0; }
155158
.list-linear .list-head { margin-right: 4px; }
159+
.list-category a, .list-tag a {
160+
border: 0 none;
161+
&:hover span { background-color: @orange; }
162+
}
163+
.list-category span, .list-tag span {
164+
background-color: darken(@orange, 20%);
165+
padding: 1px 5px;
166+
-webkit-border-radius: 10px;
167+
-moz-border-radius: 10px;
168+
border-radius: 10px;
169+
color: white;
170+
text-transform: uppercase;
171+
margin: 0 6px 0 0;
172+
display: inline-block;
173+
position: relative;
174+
vertical-align: middle;
175+
top: -2px;
176+
font-weight: bold;
177+
font-size: 10px;
178+
}
156179
.list-category {
157180
margin-bottom: 0;
158181
text-transform: capitalize;
@@ -163,7 +186,7 @@ pre {
163186
}
164187

165188
.unit-foot {
166-
background: #4d4d4d;
189+
background: url('@{noise-100-90-5}') repeat 0 0 #4d4d4d;
167190
color: #fafafa;
168191
a {
169192
&:link { color: #fafafa; }
@@ -185,9 +208,16 @@ pre {
185208
/* post & page */
186209
.layout-page {
187210
.tag_box {
188-
background-color: @subtle;
211+
background: url('@{noise-100-90-5}') repeat 0 0 @subtle;
189212
padding: (@line-height / @em) / 2;
190213
list-style: none;
214+
-webkit-border-radius: 3px;
215+
-moz-border-radius: 3px;
216+
border-radius: 3px;
217+
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
218+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
219+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
220+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
191221
li {
192222
display: inline;
193223
line-height: normal;
@@ -225,8 +255,31 @@ pre {
225255
&:hover {
226256
background-color: darken(@green, 10%);
227257
border: 1px solid darken(@green, 40%);
258+
span {
259+
background-color: darken(#fafafa, 10%);
260+
border: 1px solid darken(@green, 10%);
261+
}
228262
}
229263
}
264+
span {
265+
background-color: #fafafa;
266+
border: 1px solid @green;
267+
padding: 1px 5px;
268+
-webkit-border-radius: 10px;
269+
-moz-border-radius: 10px;
270+
border-radius: 10px;
271+
color: #1a1a1a;
272+
display: inline-block;
273+
position: relative;
274+
vertical-align: middle;
275+
top: -2px;
276+
font-weight: bold;
277+
font-size: 10px;
278+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
279+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
280+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
281+
}
282+
230283
}
231284
} // .page-post
232285

0 commit comments

Comments
 (0)
X Tutup