simcop2387/blog
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

add more detail

Browse source
This commit is contained in:
Yuya Saito 2012-01-13 10:44:12 +09:00
parent 4da313acf4
commit 4bcfd7aec6
3 changed files with 117 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/themes/the-minimum/css/helper.css
View file

@ -1,6 +1,3 @@
---
---
/* /*
helper.css contains non-semantic helper classes helper.css contains non-semantic helper classes
This must be the last file to import This must be the last file to import

64
assets/themes/the-minimum/css/style.css
View file

@ -198,13 +198,16 @@ pre {
} }
pre { pre {
color: #f2f2f2; color: #f2f2f2;
background-color: #2d2d2d; background-color: #393939;
border: 1px solid #2d2d2d; border: 1px solid #393939;
font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
padding: 1.625em; padding: 1.625em;
overflow: auto; overflow: auto;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
} }
/* meta */ /* meta */
/* HEADER /* HEADER
@ -369,6 +372,28 @@ pre {
.unit-article .list-linear .list-head { .unit-article .list-linear .list-head {
margin-right: 4px; margin-right: 4px;
} }
.unit-article .list-category a, .unit-article .list-tag a {
border: 0 none;
}
.unit-article .list-category a:hover span, .unit-article .list-tag a:hover span {
background-color: #f99157;
}
.unit-article .list-category span, .unit-article .list-tag span {
background-color: #e25608;
padding: 1px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
text-transform: uppercase;
margin: 0 6px 0 0;
display: inline-block;
position: relative;
vertical-align: middle;
top: -2px;
font-weight: bold;
font-size: 10px;
}
.unit-article .list-category { .unit-article .list-category {
margin-bottom: 0; margin-bottom: 0;
text-transform: capitalize; text-transform: capitalize;
@ -377,7 +402,7 @@ pre {
text-transform: capitalize; text-transform: capitalize;
} }
.unit-article .unit-foot { .unit-article .unit-foot {
background: #4d4d4d; background: url('/assets/themes/the-minimum/skin/100-90-5-monochrome.png') repeat 0 0 #4d4d4d;
color: #fafafa; color: #fafafa;
padding-top: 1.625em; padding-top: 1.625em;
padding-bottom: 1.625em; padding-bottom: 1.625em;
@ -403,9 +428,18 @@ pre {
} }
/* post & page */ /* post & page */
.layout-page .tag_box { .layout-page .tag_box {
background-color: #999999; background: url('/assets/themes/the-minimum/skin/100-90-5-monochrome.png') repeat 0 0 #999999;
padding: 0.8125em; padding: 0.8125em;
list-style: none; list-style: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
} }
.layout-page .tag_box li { .layout-page .tag_box li {
display: inline; display: inline;
@ -447,6 +481,28 @@ pre {
background-color: #77bb77; background-color: #77bb77;
border: 1px solid #336633; border: 1px solid #336633;
} }
.layout-page .tag_box a:hover span {
background-color: #e1e1e1;
border: 1px solid #77bb77;
}
.layout-page .tag_box span {
background-color: #fafafa;
border: 1px solid #99cc99;
padding: 1px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #1a1a1a;
display: inline-block;
position: relative;
vertical-align: middle;
top: -2px;
font-weight: bold;
font-size: 10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* FOOTER /* FOOTER
----------------------------------------------- */ ----------------------------------------------- */
.the-footer { .the-footer {

61
assets/themes/the-minimum/css/style.less
View file

@ -36,13 +36,16 @@ a {
pre { margin-bottom: @line-height / @em; } pre { margin-bottom: @line-height / @em; }
pre { pre {
color: #f2f2f2; color: #f2f2f2;
background-color: @base03; background-color: @base02;
border: 1px solid fadein(@base03, 30%); border: 1px solid fadein(@base02, 30%);
font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
padding: @line-height / @em; padding: @line-height / @em;
overflow: auto; overflow: auto;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
} }
/* meta */ /* meta */
@ -153,6 +156,26 @@ pre {
.date-publish { margin-bottom: 0; } .date-publish { margin-bottom: 0; }
.list-linear .list-head { margin-right: 4px; } .list-linear .list-head { margin-right: 4px; }
.list-category a, .list-tag a {
border: 0 none;
&:hover span { background-color: @orange; }
}
.list-category span, .list-tag span {
background-color: darken(@orange, 20%);
padding: 1px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
text-transform: uppercase;
margin: 0 6px 0 0;
display: inline-block;
position: relative;
vertical-align: middle;
top: -2px;
font-weight: bold;
font-size: 10px;
}
.list-category { .list-category {
margin-bottom: 0; margin-bottom: 0;
text-transform: capitalize; text-transform: capitalize;
@ -163,7 +186,7 @@ pre {
} }
.unit-foot { .unit-foot {
background: #4d4d4d; background: url('@{noise-100-90-5}') repeat 0 0 #4d4d4d;
color: #fafafa; color: #fafafa;
a { a {
&:link { color: #fafafa; } &:link { color: #fafafa; }
@ -185,9 +208,16 @@ pre {
/* post & page */ /* post & page */
.layout-page { .layout-page {
.tag_box { .tag_box {
background-color: @subtle; background: url('@{noise-100-90-5}') repeat 0 0 @subtle;
padding: (@line-height / @em) / 2; padding: (@line-height / @em) / 2;
list-style: none; list-style: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
li { li {
display: inline; display: inline;
line-height: normal; line-height: normal;
@ -225,9 +255,32 @@ pre {
&:hover { &:hover {
background-color: darken(@green, 10%); background-color: darken(@green, 10%);
border: 1px solid darken(@green, 40%); border: 1px solid darken(@green, 40%);
span {
background-color: darken(#fafafa, 10%);
border: 1px solid darken(@green, 10%);
} }
} }
} }
span {
background-color: #fafafa;
border: 1px solid @green;
padding: 1px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #1a1a1a;
display: inline-block;
position: relative;
vertical-align: middle;
top: -2px;
font-weight: bold;
font-size: 10px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
}
} // .page-post } // .page-post
/* FOOTER /* FOOTER