第三次作业题目和答案(未公布)
This commit is contained in:
Zhao Zuohong
commit
b01ba87404
102 changed files with 8693 additions and 0 deletions
80
themes/landscape/source/css/_partial/archive.styl
Normal file
80
themes/landscape/source/css/_partial/archive.styl
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
.archives-wrap
|
||||
margin: block-margin 0
|
||||
|
||||
.archives
|
||||
clearfix()
|
||||
|
||||
.archive-year-wrap
|
||||
margin-bottom: 1em
|
||||
|
||||
.archive-year
|
||||
@extend $block-caption
|
||||
|
||||
.archives
|
||||
column-gap: 10px
|
||||
@media mq-tablet
|
||||
column-count: 2
|
||||
@media mq-normal
|
||||
column-count: 3
|
||||
|
||||
.archive-article
|
||||
avoid-column-break()
|
||||
|
||||
.archive-article-inner
|
||||
@extend $block
|
||||
padding: 10px
|
||||
margin-bottom: 15px
|
||||
|
||||
.archive-article-title
|
||||
text-decoration: none
|
||||
font-weight: bold
|
||||
color: color-default
|
||||
transition: color 0.2s
|
||||
line-height: line-height
|
||||
&:hover
|
||||
color: color-link
|
||||
|
||||
.archive-article-footer
|
||||
margin-top: 1em
|
||||
|
||||
.archive-article-date
|
||||
color: color-grey
|
||||
text-decoration: none
|
||||
font-size: 0.85em
|
||||
line-height: 1em
|
||||
margin-bottom: 0.5em
|
||||
display: block
|
||||
|
||||
#page-nav
|
||||
clearfix()
|
||||
margin: block-margin auto
|
||||
background: #fff
|
||||
box-shadow: 1px 2px 3px #ddd
|
||||
border: 1px solid color-border
|
||||
border-radius: 3px
|
||||
text-align: center
|
||||
color: color-grey
|
||||
overflow: hidden
|
||||
a, span
|
||||
padding: 10px 20px
|
||||
line-height: 1
|
||||
height: 2ex
|
||||
a
|
||||
color: color-grey
|
||||
text-decoration: none
|
||||
&:hover
|
||||
background: color-grey
|
||||
color: #fff
|
||||
.prev
|
||||
float: left
|
||||
.next
|
||||
float: right
|
||||
.page-number
|
||||
display: inline-block
|
||||
@media mq-mobile
|
||||
display: none
|
||||
.current
|
||||
color: color-default
|
||||
font-weight: bold
|
||||
.space
|
||||
color: color-border
|
||||
357
themes/landscape/source/css/_partial/article.styl
Normal file
357
themes/landscape/source/css/_partial/article.styl
Normal file
|
|
@ -0,0 +1,357 @@
|
|||
.article
|
||||
margin: block-margin 0
|
||||
|
||||
.article-inner
|
||||
@extend $block
|
||||
overflow: hidden
|
||||
|
||||
.article-meta
|
||||
clearfix()
|
||||
|
||||
.article-date
|
||||
@extend $block-caption
|
||||
float: left
|
||||
|
||||
.article-category
|
||||
float: left
|
||||
line-height: 1em
|
||||
color: #ccc
|
||||
text-shadow: 0 1px #fff
|
||||
margin-left: 8px
|
||||
&:before
|
||||
content: "\2022"
|
||||
|
||||
.article-category-link
|
||||
@extend $block-caption
|
||||
margin: 0 12px 1em
|
||||
|
||||
.article-header
|
||||
padding: article-padding article-padding 0
|
||||
|
||||
.article-title
|
||||
text-decoration: none
|
||||
font-size: 2em
|
||||
font-weight: bold
|
||||
color: color-default
|
||||
line-height: line-height-title
|
||||
transition: color 0.2s
|
||||
a&:hover
|
||||
color: color-link
|
||||
|
||||
.article-entry
|
||||
@extend $base-style
|
||||
clearfix()
|
||||
color: color-default
|
||||
padding: 0 article-padding
|
||||
p, table
|
||||
line-height: line-height
|
||||
margin: line-height 0
|
||||
h1, h2, h3, h4, h5, h6
|
||||
font-weight: bold
|
||||
h1, h2, h3, h4, h5, h6
|
||||
line-height: line-height-title
|
||||
margin: line-height-title 0
|
||||
a
|
||||
color: color-link
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
ul, ol, dl
|
||||
margin-top: line-height
|
||||
margin-bottom: line-height
|
||||
img, video
|
||||
max-width: 100%
|
||||
height: auto
|
||||
display: block
|
||||
margin: auto
|
||||
iframe
|
||||
border: none
|
||||
table
|
||||
width: 100%
|
||||
border-collapse: collapse
|
||||
border-spacing: 0
|
||||
th
|
||||
font-weight: bold
|
||||
border-bottom: 3px solid color-border
|
||||
padding-bottom: 0.5em
|
||||
td
|
||||
border-bottom: 1px solid color-border
|
||||
padding: 10px 0
|
||||
blockquote
|
||||
font-family: font-serif
|
||||
font-size: 1.4em
|
||||
margin: line-height 20px
|
||||
text-align: center
|
||||
footer
|
||||
font-size: font-size
|
||||
margin: line-height 0
|
||||
font-family: font-sans
|
||||
cite
|
||||
&:before
|
||||
content: "—"
|
||||
padding: 0 0.5em
|
||||
.pullquote
|
||||
text-align: left
|
||||
width: 45%
|
||||
margin: 0
|
||||
&.left
|
||||
margin-left: 0.5em
|
||||
margin-right: 1em
|
||||
&.right
|
||||
margin-right: 0.5em
|
||||
margin-left: 1em
|
||||
.caption
|
||||
color: color-grey
|
||||
display: block
|
||||
font-size: 0.9em
|
||||
margin-top: 0.5em
|
||||
position: relative
|
||||
text-align: center
|
||||
// http://webdesignerwall.com/tutorials/css-elastic-videos
|
||||
.video-container
|
||||
position: relative
|
||||
padding-top: (9 / 16 * 100)% // 16:9 ratio
|
||||
height: 0
|
||||
overflow: hidden
|
||||
iframe, object, embed
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
margin-top: 0
|
||||
|
||||
.article-more-link a
|
||||
display: inline-block
|
||||
line-height: 1em
|
||||
padding: 6px 15px
|
||||
border-radius: 15px
|
||||
background: color-background
|
||||
color: color-grey
|
||||
text-shadow: 0 1px #fff
|
||||
text-decoration: none
|
||||
&:hover
|
||||
background: color-link
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
text-shadow: 0 1px darken(color-link, 20%)
|
||||
|
||||
.article-footer
|
||||
clearfix()
|
||||
font-size: 0.85em
|
||||
line-height: line-height
|
||||
border-top: 1px solid color-border
|
||||
padding-top: line-height
|
||||
margin: 0 article-padding article-padding
|
||||
a
|
||||
color: color-grey
|
||||
text-decoration: none
|
||||
&:hover
|
||||
color: color-default
|
||||
|
||||
.article-tag-list-item
|
||||
float: left
|
||||
margin-right: 10px
|
||||
|
||||
.article-tag-list-link
|
||||
&:before
|
||||
content: "#"
|
||||
|
||||
.article-comment-link
|
||||
float: right
|
||||
&:before
|
||||
content: "\f075"
|
||||
font-family: font-icon
|
||||
padding-right: 8px
|
||||
|
||||
.article-share-link
|
||||
cursor: pointer
|
||||
float: right
|
||||
margin-left: 20px
|
||||
&:before
|
||||
content: "\f064"
|
||||
font-family: font-icon
|
||||
padding-right: 6px
|
||||
|
||||
#article-nav
|
||||
clearfix()
|
||||
position: relative
|
||||
@media mq-normal
|
||||
margin: block-margin 0
|
||||
&:before
|
||||
absolute-center(8px)
|
||||
content: ""
|
||||
border-radius: 50%
|
||||
background: color-border
|
||||
box-shadow: 0 1px 2px #fff
|
||||
|
||||
.article-nav-link-wrap
|
||||
text-decoration: none
|
||||
text-shadow: 0 1px #fff
|
||||
color: color-grey
|
||||
box-sizing: border-box
|
||||
margin-top: block-margin
|
||||
text-align: center
|
||||
display: block
|
||||
&:hover
|
||||
color: color-default
|
||||
@media mq-normal
|
||||
width: 50%
|
||||
margin-top: 0
|
||||
|
||||
#article-nav-newer
|
||||
@media mq-normal
|
||||
float: left
|
||||
text-align: right
|
||||
padding-right: 20px
|
||||
|
||||
#article-nav-older
|
||||
@media mq-normal
|
||||
float: right
|
||||
text-align: left
|
||||
padding-left: 20px
|
||||
|
||||
.article-nav-caption
|
||||
text-transform: uppercase
|
||||
letter-spacing: 2px
|
||||
color: color-border
|
||||
line-height: 1em
|
||||
font-weight: bold
|
||||
#article-nav-newer &
|
||||
margin-right: -2px
|
||||
|
||||
.article-nav-title
|
||||
font-size: 0.85em
|
||||
line-height: line-height
|
||||
margin-top: 0.5em
|
||||
|
||||
.article-share-box
|
||||
position: absolute
|
||||
display: none
|
||||
background: #fff
|
||||
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2)
|
||||
border-radius: 3px
|
||||
margin-left: -145px
|
||||
overflow: hidden
|
||||
z-index: 1
|
||||
&.on
|
||||
display: block
|
||||
|
||||
.article-share-input
|
||||
width: 100%
|
||||
background: none
|
||||
box-sizing: border-box
|
||||
font: 14px font-sans
|
||||
padding: 0 15px
|
||||
color: color-default
|
||||
outline: none
|
||||
border: 1px solid color-border
|
||||
border-radius: 3px 3px 0 0
|
||||
height: 36px
|
||||
line-height: 36px
|
||||
|
||||
.article-share-links
|
||||
clearfix()
|
||||
background: color-background
|
||||
|
||||
$article-share-link
|
||||
width: 50px
|
||||
height: 36px
|
||||
display: block
|
||||
float: left
|
||||
position: relative
|
||||
color: #999
|
||||
text-shadow: 0 1px #fff
|
||||
&:before
|
||||
font-size: 20px
|
||||
font-family: font-icon
|
||||
absolute-center(@font-size)
|
||||
text-align: center
|
||||
&:hover
|
||||
color: #fff
|
||||
|
||||
.article-share-twitter
|
||||
@extend $article-share-link
|
||||
&:before
|
||||
content: "\f099"
|
||||
&:hover
|
||||
background: color-twitter
|
||||
text-shadow: 0 1px darken(color-twitter, 20%)
|
||||
|
||||
.article-share-facebook
|
||||
@extend $article-share-link
|
||||
&:before
|
||||
content: "\f09a"
|
||||
&:hover
|
||||
background: color-facebook
|
||||
text-shadow: 0 1px darken(color-facebook, 20%)
|
||||
|
||||
.article-share-pinterest
|
||||
@extend $article-share-link
|
||||
&:before
|
||||
content: "\f0d2"
|
||||
&:hover
|
||||
background: color-pinterest
|
||||
text-shadow: 0 1px darken(color-pinterest, 20%)
|
||||
|
||||
.article-share-google
|
||||
@extend $article-share-link
|
||||
&:before
|
||||
content: "\f0d5"
|
||||
&:hover
|
||||
background: color-google
|
||||
text-shadow: 0 1px darken(color-google, 20%)
|
||||
|
||||
.article-gallery
|
||||
background: #000
|
||||
position: relative
|
||||
|
||||
.article-gallery-photos
|
||||
position: relative
|
||||
overflow: hidden
|
||||
|
||||
.article-gallery-img
|
||||
display: none
|
||||
max-width: 100%
|
||||
&:first-child
|
||||
display: block
|
||||
&.loaded
|
||||
position: absolute
|
||||
display: block
|
||||
img
|
||||
display: block
|
||||
max-width: 100%
|
||||
margin: 0 auto
|
||||
/*
|
||||
$article-gallery-ctrl
|
||||
position: absolute
|
||||
top: 0
|
||||
height: 100%
|
||||
width: 60px
|
||||
color: #fff
|
||||
text-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
|
||||
opacity: 0.3
|
||||
transition: opacity 0.2s
|
||||
cursor: pointer
|
||||
&:hover
|
||||
opacity: 0.8
|
||||
&:before
|
||||
font-size: 30px
|
||||
font-family: font-icon
|
||||
position: absolute
|
||||
top: 50%
|
||||
margin-top: @font-size * -0.5
|
||||
|
||||
.article-gallery-prev
|
||||
@extend $article-gallery-ctrl
|
||||
left: 0
|
||||
&:before
|
||||
content: "\f053"
|
||||
left: 15px
|
||||
|
||||
.article-gallery-next
|
||||
@extend $article-gallery-ctrl
|
||||
right: 0
|
||||
&:before
|
||||
content: "\f054"
|
||||
right: 15px*/
|
||||
9
themes/landscape/source/css/_partial/comment.styl
Normal file
9
themes/landscape/source/css/_partial/comment.styl
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
#comments
|
||||
background: #fff
|
||||
box-shadow: 1px 2px 3px #ddd
|
||||
padding: article-padding
|
||||
border: 1px solid color-border
|
||||
border-radius: 3px
|
||||
margin: block-margin 0
|
||||
a
|
||||
color: color-link
|
||||
14
themes/landscape/source/css/_partial/footer.styl
Normal file
14
themes/landscape/source/css/_partial/footer.styl
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
#footer
|
||||
background: color-footer-background
|
||||
padding: 50px 0
|
||||
border-top: 1px solid color-border
|
||||
color: color-grey
|
||||
a
|
||||
color: color-link
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
#footer-info
|
||||
line-height: line-height
|
||||
font-size: 0.85em
|
||||
165
themes/landscape/source/css/_partial/header.styl
Normal file
165
themes/landscape/source/css/_partial/header.styl
Normal file
|
|
@ -0,0 +1,165 @@
|
|||
#header
|
||||
height: banner-height
|
||||
position: relative
|
||||
border-bottom: 1px solid color-border
|
||||
&:before, &:after
|
||||
content: ""
|
||||
position: absolute
|
||||
left: 0
|
||||
right: 0
|
||||
height: 40px
|
||||
&:before
|
||||
top: 0
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.2), transparent)
|
||||
&:after
|
||||
bottom: 0
|
||||
background: linear-gradient(transparent, rgba(0, 0, 0, 0.2))
|
||||
|
||||
#header-outer
|
||||
height: 100%
|
||||
position: relative
|
||||
|
||||
#header-inner
|
||||
position: relative
|
||||
overflow: hidden
|
||||
|
||||
#banner
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
background: url(banner-url) center #000
|
||||
background-size: cover
|
||||
z-index: -1
|
||||
|
||||
#header-title
|
||||
text-align: center
|
||||
height: logo-size
|
||||
position: absolute
|
||||
top: 50%
|
||||
left: 0
|
||||
margin-top: logo-size * -0.5
|
||||
|
||||
$logo-text
|
||||
text-decoration: none
|
||||
color: #fff
|
||||
font-weight: 300
|
||||
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
|
||||
|
||||
#logo
|
||||
@extend $logo-text
|
||||
font-size: logo-size
|
||||
line-height: logo-size
|
||||
letter-spacing: 2px
|
||||
|
||||
#subtitle
|
||||
@extend $logo-text
|
||||
font-size: subtitle-size
|
||||
line-height: subtitle-size
|
||||
letter-spacing: 1px
|
||||
|
||||
#subtitle-wrap
|
||||
margin-top: subtitle-size
|
||||
|
||||
#main-nav
|
||||
float: left
|
||||
margin-left: -15px
|
||||
|
||||
$nav-link
|
||||
float: left
|
||||
color: #fff
|
||||
opacity: 0.6
|
||||
text-decoration: none
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2)
|
||||
transition: opacity 0.2s
|
||||
display: block
|
||||
padding: 20px 15px
|
||||
&:hover
|
||||
opacity: 1
|
||||
|
||||
.nav-icon
|
||||
@extend $nav-link
|
||||
font-family: font-icon
|
||||
text-align: center
|
||||
font-size: font-size
|
||||
width: font-size
|
||||
height: font-size
|
||||
padding: 20px 15px
|
||||
position: relative
|
||||
cursor: pointer
|
||||
|
||||
.main-nav-link
|
||||
@extend $nav-link
|
||||
font-weight: 300
|
||||
letter-spacing: 1px
|
||||
@media mq-mobile
|
||||
display: none
|
||||
|
||||
#main-nav-toggle
|
||||
display: none
|
||||
&:before
|
||||
content: "\f0c9"
|
||||
@media mq-mobile
|
||||
display: block
|
||||
|
||||
#sub-nav
|
||||
float: right
|
||||
margin-right: -15px
|
||||
|
||||
#nav-rss-link
|
||||
&:before
|
||||
content: "\f09e"
|
||||
|
||||
#nav-search-btn
|
||||
&:before
|
||||
content: "\f002"
|
||||
|
||||
#search-form-wrap
|
||||
position: absolute
|
||||
top: 15px
|
||||
width: 150px
|
||||
height: 30px
|
||||
right: -150px
|
||||
opacity: 0
|
||||
transition: 0.2s ease-out
|
||||
&.on
|
||||
opacity: 1
|
||||
right: 0
|
||||
@media mq-mobile
|
||||
width: 100%
|
||||
right: -100%
|
||||
|
||||
.search-form
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
right: 0
|
||||
background: #fff
|
||||
padding: 5px 15px
|
||||
border-radius: 15px
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
|
||||
|
||||
.search-form-input
|
||||
border: none
|
||||
background: none
|
||||
color: color-default
|
||||
width: 100%
|
||||
font: 13px font-sans
|
||||
outline: none
|
||||
&::-webkit-search-results-decoration
|
||||
&::-webkit-search-cancel-button
|
||||
-webkit-appearance: none
|
||||
|
||||
.search-form-submit
|
||||
position: absolute
|
||||
top: 50%
|
||||
right: 10px
|
||||
margin-top: -7px
|
||||
font: 13px font-icon
|
||||
border: none
|
||||
background: none
|
||||
color: #bbb
|
||||
cursor: pointer
|
||||
&:hover, &:focus
|
||||
color: #777
|
||||
158
themes/landscape/source/css/_partial/highlight.styl
Normal file
158
themes/landscape/source/css/_partial/highlight.styl
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
// https://github.com/chriskempson/tomorrow-theme
|
||||
highlight-background = #2d2d2d
|
||||
highlight-current-line = #393939
|
||||
highlight-selection = #515151
|
||||
highlight-foreground = #cccccc
|
||||
highlight-comment = #999999
|
||||
highlight-red = #f2777a
|
||||
highlight-orange = #f99157
|
||||
highlight-yellow = #ffcc66
|
||||
highlight-green = #99cc99
|
||||
highlight-aqua = #66cccc
|
||||
highlight-blue = #6699cc
|
||||
highlight-purple = #cc99cc
|
||||
|
||||
$code-block
|
||||
background: highlight-background
|
||||
margin: 0 article-padding * -1
|
||||
padding: 15px article-padding
|
||||
border-style: solid
|
||||
border-color: color-border
|
||||
border-width: 1px 0
|
||||
overflow: auto
|
||||
color: highlight-foreground
|
||||
line-height: font-size * line-height
|
||||
|
||||
$line-numbers
|
||||
color: #666
|
||||
font-size: 0.85em
|
||||
|
||||
.article-entry
|
||||
pre, code
|
||||
font-family: font-mono
|
||||
code
|
||||
background: color-background
|
||||
text-shadow: 0 1px #fff
|
||||
padding: 0 0.3em
|
||||
pre
|
||||
@extend $code-block
|
||||
code
|
||||
background: none
|
||||
text-shadow: none
|
||||
padding: 0
|
||||
.highlight
|
||||
@extend $code-block
|
||||
pre
|
||||
border: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
table
|
||||
margin: 0
|
||||
width: auto
|
||||
td
|
||||
border: none
|
||||
padding: 0
|
||||
figcaption
|
||||
clearfix()
|
||||
font-size: 0.85em
|
||||
color: highlight-comment
|
||||
line-height: 1em
|
||||
margin-bottom: 1em
|
||||
a
|
||||
float: right
|
||||
.gutter pre
|
||||
@extend $line-numbers
|
||||
text-align: right
|
||||
padding-right: 20px
|
||||
.line
|
||||
height: font-size * line-height
|
||||
.line.marked
|
||||
background: highlight-selection
|
||||
.gist
|
||||
margin: 0 article-padding * -1
|
||||
border-style: solid
|
||||
border-color: color-border
|
||||
border-width: 1px 0
|
||||
background: highlight-background
|
||||
padding: 15px article-padding 15px 0
|
||||
.gist-file
|
||||
border: none
|
||||
font-family: font-mono
|
||||
margin: 0
|
||||
.gist-data
|
||||
background: none
|
||||
border: none
|
||||
.line-numbers
|
||||
@extend $line-numbers
|
||||
background: none
|
||||
border: none
|
||||
padding: 0 20px 0 0
|
||||
.line-data
|
||||
padding: 0 !important
|
||||
.highlight
|
||||
margin: 0
|
||||
padding: 0
|
||||
border: none
|
||||
.gist-meta
|
||||
background: highlight-background
|
||||
color: highlight-comment
|
||||
font: 0.85em font-sans
|
||||
text-shadow: 0 0
|
||||
padding: 0
|
||||
margin-top: 1em
|
||||
margin-left: article-padding
|
||||
a
|
||||
color: color-link
|
||||
font-weight: normal
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
pre
|
||||
.comment
|
||||
.title
|
||||
color: highlight-comment
|
||||
.variable
|
||||
.attribute
|
||||
.tag
|
||||
.regexp
|
||||
.ruby .constant
|
||||
.xml .tag .title
|
||||
.xml .pi
|
||||
.xml .doctype
|
||||
.html .doctype
|
||||
.css .id
|
||||
.css .class
|
||||
.css .pseudo
|
||||
color: highlight-red
|
||||
.number
|
||||
.preprocessor
|
||||
.built_in
|
||||
.literal
|
||||
.params
|
||||
.constant
|
||||
color: highlight-orange
|
||||
.class
|
||||
.ruby .class .title
|
||||
.css .rules .attribute
|
||||
color: highlight-green
|
||||
.string
|
||||
.value
|
||||
.inheritance
|
||||
.header
|
||||
.ruby .symbol
|
||||
.xml .cdata
|
||||
color: highlight-green
|
||||
.css .hexcolor
|
||||
color: highlight-aqua
|
||||
.function
|
||||
.python .decorator
|
||||
.python .title
|
||||
.ruby .function .title
|
||||
.ruby .title .keyword
|
||||
.perl .sub
|
||||
.javascript .title
|
||||
.coffeescript .title
|
||||
color: highlight-blue
|
||||
.keyword
|
||||
.javascript .function
|
||||
color: highlight-purple
|
||||
19
themes/landscape/source/css/_partial/mobile.styl
Normal file
19
themes/landscape/source/css/_partial/mobile.styl
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
@media mq-mobile
|
||||
#mobile-nav
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
width: mobile-nav-width
|
||||
height: 100%
|
||||
background: color-mobile-nav-background
|
||||
border-right: 1px solid #fff
|
||||
|
||||
@media mq-mobile
|
||||
.mobile-nav-link
|
||||
display: block
|
||||
color: color-grey
|
||||
text-decoration: none
|
||||
padding: 15px 20px
|
||||
font-weight: bold
|
||||
&:hover
|
||||
color: #fff
|
||||
27
themes/landscape/source/css/_partial/sidebar-aside.styl
Normal file
27
themes/landscape/source/css/_partial/sidebar-aside.styl
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
#sidebar
|
||||
@media mq-normal
|
||||
column(sidebar-column)
|
||||
|
||||
.widget-wrap
|
||||
margin: block-margin 0
|
||||
|
||||
.widget-title
|
||||
@extend $block-caption
|
||||
|
||||
.widget
|
||||
color: color-sidebar-text
|
||||
text-shadow: 0 1px #fff
|
||||
background: color-widget-background
|
||||
box-shadow: 0 -1px 4px color-widget-border inset
|
||||
border: 1px solid color-widget-border
|
||||
padding: 15px
|
||||
border-radius: 3px
|
||||
a
|
||||
color: color-link
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
ul, ol, dl
|
||||
ul, ol, dl
|
||||
margin-left: 15px
|
||||
list-style: disc
|
||||
27
themes/landscape/source/css/_partial/sidebar-bottom.styl
Normal file
27
themes/landscape/source/css/_partial/sidebar-bottom.styl
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.widget-wrap
|
||||
margin-bottom: block-margin !important
|
||||
@media mq-normal
|
||||
column(main-column)
|
||||
|
||||
.widget-title
|
||||
color: #ccc
|
||||
text-transform: uppercase
|
||||
letter-spacing: 2px
|
||||
margin-bottom: .5em
|
||||
line-height: 1em
|
||||
font-weight: bold
|
||||
|
||||
.widget
|
||||
color: color-grey
|
||||
ul, ol
|
||||
li
|
||||
display: inline-block
|
||||
zoom:1
|
||||
*display:inline
|
||||
padding-right: .75em
|
||||
/* Having problems getting balanced white space between items
|
||||
li:before
|
||||
content: " | "
|
||||
li:first-child:before
|
||||
content: none
|
||||
*/
|
||||
35
themes/landscape/source/css/_partial/sidebar.styl
Normal file
35
themes/landscape/source/css/_partial/sidebar.styl
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
if sidebar is bottom
|
||||
@import "sidebar-bottom"
|
||||
else
|
||||
@import "sidebar-aside"
|
||||
|
||||
.widget
|
||||
@extend $base-style
|
||||
line-height: line-height
|
||||
word-wrap: break-word
|
||||
font-size: 0.9em
|
||||
ul, ol
|
||||
list-style: none
|
||||
margin: 0
|
||||
ul, ol
|
||||
margin: 0 20px
|
||||
ul
|
||||
list-style: disc
|
||||
ol
|
||||
list-style: decimal
|
||||
|
||||
.category-list-count
|
||||
.tag-list-count
|
||||
.archive-list-count
|
||||
padding-left: 5px
|
||||
color: color-grey
|
||||
font-size: 0.85em
|
||||
&:before
|
||||
content: "("
|
||||
&:after
|
||||
content: ")"
|
||||
|
||||
.tagcloud
|
||||
a
|
||||
margin-right: 5px
|
||||
display: inline-block
|
||||
Loading…
Add table
Add a link
Reference in a new issue