diff options
Diffstat (limited to 'assets/less/page.less')
| -rw-r--r-- | assets/less/page.less | 431 |
1 files changed, 0 insertions, 431 deletions
diff --git a/assets/less/page.less b/assets/less/page.less deleted file mode 100644 index ee50314..0000000 --- a/assets/less/page.less +++ /dev/null @@ -1,431 +0,0 @@ -body { - margin: 0; - padding: 0; - width: 100%; - background-color: @white; - border-top: 5px solid @black; - @media @medium { - .font-rem(20); - } -} - -// Top Navigation -// -------------------------------------------------- -.navigation-wrapper { - text-align: center; - .clearfix(); - ul { - display: inline-block; - vertical-align: top; - margin: 0 0 50px; - padding: 4px 20px; - background-color: @black; - .rounded(0 0 10px 10px); - .clearfix(); - } - li { - display: block; - float: left; - list-style: none; - text-align: center; - .font-rem(14); - text-transform: uppercase; - color: @white; - } - a { - display: block; - padding: 6px 10px; - color: @white; - border: 1px solid @black; - .rounded(4px); - &:hover { - border: 1px solid @white; - border-bottom: 1px solid lighten(@black,50); - border: 1px solid fade(@white,50); - } - } -} -// Responsive nav toggle stuff -#site-nav { - z-index: 9999; - display: none; - @media @medium { - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-delay: .05s; - -moz-animation-delay: .05s; - -o-animation-delay: .05s; - animation-delay: .05s; - } - &.closed { - - @media @medium { - display: block; - } - } - &.opened { - display: block; - max-height: 100%; - li { - float: none; - } - } -} -.no-js #site-nav { - display: block; -} -#nav-toggle { - display: block; - vertical-align: top; - margin: 0; - padding: 4px 20px; - background-color: @black; - .rounded(0 0 4px 4px); - @media @medium { - display: none; - } -} - -// Masthead -// -------------------------------------------------- -.masthead { - margin-top: 40px; - .clearfix(); - @media @medium { - margin-top: 0; - } - .wrap { - text-align: center; - max-width: 27.5em; - padding-right: 20px; - padding-left: 20px; - @media @medium { - max-width: 45.5em; - padding-right: 60px; - padding-left: 60px; - } - @media @large { - max-width: 60em; - } - } -} -.site-logo { - img { - width: 100px; - height: 100px; - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-delay: .05s; - -moz-animation-delay: .05s; - -o-animation-delay: .05s; - animation-delay: .05s; - .rounded(100px); - @media @medium { - width: 150px; - height: 150px; - .rounded(150px); - } - @media @large { - width: 200px; - height: 200px; - .rounded(200px); - } - } -} -.site-title { - margin-bottom: 0; - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-delay: .75s; - -moz-animation-delay: .75s; - -o-animation-delay: .75s; - animation-delay: .75s; - a { color: @black; } -} -.site-description { - margin-top: 0; - font-family: @alt-font; - .font-rem(16); - font-weight: 400; - font-style: italic; - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-delay: 1s; - -moz-animation-delay: 1s; - -o-animation-delay: 1s; - animation-delay: 1s; - @media @medium { - .font-rem(20); - } -} - -// Main -// -------------------------------------------------- -#main { - .clearfix(); -} -.hentry { - .clearfix(); - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); -} -.entry-feature-image { - margin: 40px 0; - width: 100%; -} -.entry-header { - max-width: 640px; - width: 100%; - margin-right: auto; - margin-left: auto; - @media @large { - max-width: 100%; - margin-right: 0; - margin-left: 0; - } -} -.entry-tags { - display: block; - margin-top: 2em; - text-transform: uppercase; - .font-rem(16); - font-weight: 600; - a { color: @text-color; } -} -span + .entry-title { - margin-top: 0; -} -.entry-title { - font-family: @alt-font; - font-style: italic; - .font-rem(36); - font-weight: 700; - line-height: 1; - letter-spacing: -3px; - a { color: @black; } - @media @medium { - max-width: 600px; - .font-rem(52); - } - @media @large { - max-width: 800px; - .font-rem(68); - } -} -.entry-wrapper { - margin: 0 auto 3em; - max-width: 440px; - padding-right: 20px; - padding-left: 20px; - .clearfix(); - @media @medium { - max-width: 760px; - padding-right: 60px; - padding-left: 60px; - } - @media @large { - max-width: 960px; - } -} -.entry-meta { - max-width: 640px; - width: 100%; - margin-right: auto; - margin-bottom: 30px; - margin-left: auto; - display: block; - text-transform: uppercase; - .font-rem(14); - a { color: @text-color; } - @media @large { - float: left; - width: 140px; - margin: 0 40px 40px 0; - padding: 0; - } - & > span { - padding: 0 20px 10px 0; - display: inline-block; - @media @large { - display: block; - padding: 8px 0; - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); - } - } -} -.author-photo { - display: none; - @media @large { - display: block; - width: 150px; - height: 150px; - margin-bottom: 10px; - .rounded(150px); - .clearfix(); - } -} -.entry-content { - max-width: 640px; - width: 100%; - margin-right: auto; - margin-left: auto; - p:first-child { - margin-top: 0; - } - @media @large { - float: left; - } - p > a, - li > a { - border-bottom: 1px dotted lighten(@link-color, 50); - &:hover { - border-bottom-style: solid; - } - } -} -.post-list { - li > a { - border-bottom-width: 0; - } -} -// Disqus Comments -#disqus_thread { - margin-top: 2em; -} -// Pagination -.pagination { - text-align: center; -} -// Page layout -#home, -#page { - .entry-title { - text-align: center; - max-width: 100%; - } - .entry-content { - @media @large { - float: none; - } - } -} -// Post index layout -.post-list { - margin: 0; - padding: 0; - list-style-type: none; - li { - padding: 8px 0; - border-bottom: 1px solid lighten(@black,80); - border-bottom: 1px solid fade(@black,10); - .clearfix(); - } - a > span { - float: right; - } - .entry-date { - .font-rem(14); - text-transform: uppercase; - display: none; - @media @medium { - display: inline; - } - } -} -// Tag index -.tag-box { - list-style: none; - margin: 0; - padding: 4px 0; - overflow: hidden; - .clearfix(); - &.inline li { - float: left; - .font-rem(14); - line-height: 2.5; - } - a { - padding: 4px 6px; - margin: 2px; - background-color: lighten(@black, 90); - .rounded(4px); - text-decoration: none; - span { - vertical-align: super; - .font-rem(10); - } - } -} - -// Footer -// -------------------------------------------------- -.footer-wrapper { - .clearfix(); - margin: 2em auto; - text-align: center; - font-family: @alt-font; - .font-rem(14); - font-style: italic; - color: lighten(@text-color,20); - a { - color: lighten(@text-color,20); - } -} - -// Social Icons -// -------------------------------------------------- -.social-icons { - margin: 1em 0 2em; - a { - padding: 4px 8px; - &:hover { color:@black; } - } -} - -// Chrome Frame -// -------------------------------------------------- -.upgrade { - padding: 10px; - text-align: center; -} - -// Google Search -// -------------------------------------------------- -#goog-fixurl { - ul { - list-style: none; - margin-left: 0; - padding-left: 0; - li { - list-style-type: none; - } - } -} -#goog-wm-qt { - width: auto; - margin-right: 10px; -} -#goog-wm-sb { - display: inline-block; - padding: 8px 20px; - background-color: @black; - color: @white; - border: 2px solid @black !important; - .rounded(20px); - &:visited { - color: @white; - } - &:hover { - background-color: @white; - color: @black; - } -}
\ No newline at end of file |