diff options
Diffstat (limited to 'sass/partials')
-rw-r--r-- | sass/partials/_banner.scss | 109 | ||||
-rw-r--r-- | sass/partials/_comments.scss | 0 | ||||
-rw-r--r-- | sass/partials/_footer.scss | 56 | ||||
-rw-r--r-- | sass/partials/_header.scss | 140 | ||||
-rw-r--r-- | sass/partials/_index.scss | 140 | ||||
-rw-r--r-- | sass/partials/_post.scss | 21 | ||||
-rw-r--r-- | sass/partials/_sidebar.scss | 51 |
7 files changed, 0 insertions, 517 deletions
diff --git a/sass/partials/_banner.scss b/sass/partials/_banner.scss deleted file mode 100644 index 3164048..0000000 --- a/sass/partials/_banner.scss +++ /dev/null @@ -1,109 +0,0 @@ -#banner{ - margin-bottom: 30px; - position: relative; - height: 300px; - @include user-select(none); - .image{ - width: 1120px; - position: absolute; - left: 40px; - height: 100%; - overflow: hidden; - background: #000; - .wrap{ - position: absolute; - left: 0; - height: 100%; - } - img{ - height: 100%; - position: absolute; - &:first-child{ - display: block; - } - } - } - .loading, .error{ - width: 1200px; - height: 100%; - position: absolute; - top: 0; - left: 0; - background: #000; - color: #fff; - &:before{ - position: absolute; - top: 50%; - margin-top: -20px; - width: 100%; - text-align: center; - font: 40px/1 $symbol; - } - div{ - position: absolute; - top: 50%; - width: 100%; - text-align: center; - margin-top: 40px; - } - } - .loading{ - &:before{ - content: "P"; - } - } - .error{ - &:before{ - content: "'"; - } - } - .prev, .next{ - position: absolute; - height: 100%; - width: 35px; - background: $black; - cursor: pointer; - &:before{ - position: absolute; - top: 50%; - font: 20px/1 $symbol; - color: #fff; - margin-top: -10px; - } - &:hover{ - background: #000; - } - } - .prev{ - left: 0; - &:before{ - content: "<"; - left: 10px; - } - } - .next{ - right: 0; - &:before{ - content: ">"; - right: 10px; - } - } - .dots{ - position: absolute; - bottom: -40px; - right: 0; - z-index: 1; - li{ - display: inline-block; - margin-left: 10px; - background: $black; - cursor: pointer; - overflow: hidden; - position: relative; - @include square(10px); - &.current, &:hover{ - background: $main; - } - } - } -}
\ No newline at end of file diff --git a/sass/partials/_comments.scss b/sass/partials/_comments.scss deleted file mode 100644 index e69de29..0000000 --- a/sass/partials/_comments.scss +++ /dev/null diff --git a/sass/partials/_footer.scss b/sass/partials/_footer.scss deleted file mode 100644 index faa17fb..0000000 --- a/sass/partials/_footer.scss +++ /dev/null @@ -1,56 +0,0 @@ -#footer{ - position: relative; - height: 50px; - margin-bottom: 30px; - &:before{ - position: absolute; - top: 0; - left: 0; - content: "©"; - background: #000; - color: #fff; - font-size: 50px; - line-height: 1.5; - overflow: hidden; - text-align: right; - @include square(50px); - @include user-select(none); - } - .wrap{ - margin-left: 55px; - background: $black; - color: #fff; - line-height: 1; - padding: 29px 10px 10px; - font-size: 11px; - .right{ - margin-top: -5px; - a{ - position: relative; - text-indent: -9999px; - color: #fff; - display: inline-block; - margin-left: 10px; - @include square(16px); - &:before{ - position: absolute; - top: 0; - left: 0; - font: 16px/1 $symbol; - color: #999; - text-indent: 0; - @include user-select(none); - } - &:hover{ - &:before{ - color: #fff; - } - } - &:first-child:before{content: "f"} - &:nth-child(2):before{content: "g"} - &:nth-child(3):before{content: "t"} - &:last-child:before{content: "B"} - } - } - } -}
\ No newline at end of file diff --git a/sass/partials/_header.scss b/sass/partials/_header.scss deleted file mode 100644 index fb6680e..0000000 --- a/sass/partials/_header.scss +++ /dev/null @@ -1,140 +0,0 @@ -#header{ - height: 68px; - margin: 30px auto; - text-transform: uppercase; - line-height: 1; - h1{ - a{ - background: #000; - color: #fff; - padding: 30px 10px 10px 100px; - margin-right: 5px; - display: block; - } - } - ul{ - background: $black; - font-size: 14px; - li{ - display: inline-block; - position: relative; - >a{ - color: #fff; - position: relative; - padding: 44px 20px 7px; - display: block; - border-bottom: 3px solid transparent; - &:after{ - font: 13px/1 $symbol; - color: #666; - content: "["; - margin-left: 10px; - } - &:only-child{ - &:after{ - display: none; - } - } - } - &:hover{ - >a{ - background: #000; - border-bottom: 3px solid $main; - &:after{ - color: #ccc; - } - } - >.sub-menu{ - display: block; - } - } - .sub-menu{ - position: absolute; - top: 100%; - left: 0; - background: $main; - white-space: nowrap; - z-index: 5; - text-transform: none; - display: none; - font-size: 13px; - @include box-shadow(0 12px 16px $shadow); - li{ - display: block; - a{ - padding: 10px 40px 10px 20px; - border-bottom: 1px solid lighten($main, 5%); - border-top: 1px solid darken($main, 5%); - &:hover{ - background: darken($main, 10%); - } - &:after{ - content: ">"; - position: absolute; - right: 10px; - font: 13px/1 $symbol; - color: lighten($main, 10%); - } - &:only-child{ - padding-right: 20px; - &:after{ - content: ""; - } - } - } - &:hover{ - >a{ - background: darken($main, 10%); - } - } - &:first-of-type{ - a{ - border-top: none; - } - } - &:last-of-type{ - a{ - border-bottom: none; - } - } - } - .sub-menu{ - top: 0; - left: 100%; - } - } - } - } - .search{ - margin-top: 25px; - input[type="text"]{ - background: rgba(0,0,0,0.2); - border-style: solid; - border-width: 1px 0; - border-color: rgba(0,0,0,0.5) transparent #555; - color: #ccc; - padding: 5px 15px; - margin: 2px 10px 0 0; - width: 150px; - font-size: 13px; - font-family: inherit; - @include border-radius(15px); - &:active, &:focus{ - background: $black; - } - } - input[type="submit"]{ - font: 18px/1 $symbol; - width: 24px; - height: 24px; - @include square(24px); - border: none; - background: none; - color: #fff; - cursor: pointer; - &:hover{ - color: $main; - } - } - } -}
\ No newline at end of file diff --git a/sass/partials/_index.scss b/sass/partials/_index.scss deleted file mode 100644 index bbb45cb..0000000 --- a/sass/partials/_index.scss +++ /dev/null @@ -1,140 +0,0 @@ -#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 diff --git a/sass/partials/_post.scss b/sass/partials/_post.scss deleted file mode 100644 index b88812a..0000000 --- a/sass/partials/_post.scss +++ /dev/null @@ -1,21 +0,0 @@ -article{ - .entry{ - footer{ - .cat{ - font-size: 13px; - position: relative; - padding-left: 25px; - &:before{ - font-family: $symbol; - padding-right: 10px; - position: absolute; - top: 0; - left: 0; - content: ","; - font-size: 14px; - @include user-select(none); - } - } - } - } -}
\ No newline at end of file diff --git a/sass/partials/_sidebar.scss b/sass/partials/_sidebar.scss deleted file mode 100644 index 862840c..0000000 --- a/sass/partials/_sidebar.scss +++ /dev/null @@ -1,51 +0,0 @@ -#sidebar{ - width: 420px; - background: $black; - margin: 70px 0 30px; - word-wrap: break-word; - ul{ - list-style: none; - } - .widget{ - margin: 20px; - color: #999; - font-size: 13px; - line-height: 1.5; - h3{ - color: $main; - font-weight: normal; - font-size: 15px; - margin-bottom: 5px; - a{ - color: $main; - &:hover{ - color: $main; - } - } - } - a{ - color: #ccc; - &:hover{ - color: #fff; - text-decoration: underline; - } - } - ul{ - list-style: disc; - margin-left: 15px; - li{ - ul{ - list-style: circle; - } - } - } - &.thin{ - width: 180px; - display: inline-block; - vertical-align: top; - &:nth-of-type(2n){ - margin-right: 0; - } - } - } -}
\ No newline at end of file |