diff options
Diffstat (limited to 'sass/partials/_index.scss')
| -rw-r--r-- | sass/partials/_index.scss | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/sass/partials/_index.scss b/sass/partials/_index.scss new file mode 100644 index 0000000..bbb45cb --- /dev/null +++ b/sass/partials/_index.scss @@ -0,0 +1,140 @@ +#main_col{ + width: 750px; + article{ + margin-bottom: 30px; + header{ + line-height: 1; + .date{ + background: #000; + color: #fff; + width: 40px; + height: 50px; + padding: 5px 10px; + margin-right: 5px; + white-space: nowrap; + text-transform: uppercase; + strong{ + display: block; + font-size: 30px; + margin-bottom: 2px; + font-weight: bold; + } + } + .title{ + background: $black; + color: #fff; + font-size: 25px; + padding: 25px 10px 10px; + max-width: 665px; + font-weight: inherit; + a{ + color: #fff; + } + } + } + .entry{ + text-align: justify; + margin-top: 5px; + background: #fff; + padding: 10px 20px; + line-height: 2; + color: #333; + position: relative; + word-wrap: break-word; + p{ + margin-bottom: 10px; + } + img{ + max-width: 100%; + height: auto; + margin-top: 10px; + } + a{ + color: $main; + &:hover{ + text-decoration: underline; + } + } + ul, ol{ + margin-left: 20px; + margin-bottom: 10px; + } + h2{ + margin-bottom: 10px; + border-bottom: 1px solid #ddd; + font-weight: inherit; + color: #000; + } + blockquote{ + color: #666; + font-size: 13px; + position: relative; + padding-left: 30px; + margin-bottom: 10px; + &:before{ + position: absolute; + content: "“"; + font-size: 50px; + line-height: 1; + top: 0; + left: 0; + @include user-select(none); + } + &.attach:before{ + content: "A"; + font: 13px/2 $symbol; + } + } + pre{ + color: #666; + font: 13px $code-font; + position: relative; + margin-bottom: 10px; + overflow-x: auto; + line-height: 1.5; + } + code{ + font-family: $code-font; + } + footer{ + border-top: 1px solid #ddd; + padding-top: 10px; + min-height: 26px; + a{ + color: #000; + position: relative; + &:hover{ + color: $main; + text-decoration: none; + } + &:before, &:after{ + font: 16px $symbol; + @include user-select(none); + } + } + .more-link{ + &:hover{ + color: $main; + text-decoration: none; + } + &:before{ + content: "j"; + padding-right: 10px; + } + } + .comment{ + &:after{ + content: "d"; + right: 0; + padding-left: 10px; + } + &:hover{ + &:after{ + content: "e"; + } + } + } + } + } + } +}
\ No newline at end of file |