diff --git a/style.css b/style.css index 50e80f0..1057bea 100644 --- a/style.css +++ b/style.css @@ -49,7 +49,7 @@ html { -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { - background: #fff; + background: #ffffff; } article, aside, @@ -104,7 +104,7 @@ textarea { } body { - background: #E3E5E7; + background: #fcf9fa; text-align: left; margin: 0; -webkit-overflow-scrolling: touch; @@ -170,7 +170,7 @@ pre { max-width: 100%; } code, kbd, tt, var { - font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; @@ -313,7 +313,7 @@ textarea { /* Links */ a { - color: #009BCD; + color: #FF9625; text-decoration: none; } @@ -375,7 +375,11 @@ object { .site-header { width: 100%; margin: 5% auto 0; - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #E7D6B0; +} + +.site-branding { + margin-bottom: 2em; } .site-title { @@ -401,12 +405,13 @@ object { text-align: center; font-size: 1.35em; padding: 1%; - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #FF9625; display: inline-block; } .site-description { text-align: center; + font-size: 1.3em; } .sociallinks { @@ -454,6 +459,7 @@ object { clear: both; width: 100%; text-align: center; + font-size: 0.9em; margin-bottom: 1.5%; } .navigation-main ul { @@ -472,13 +478,13 @@ object { transition: color 0.25s ease-out; display: block; text-decoration: none; - color: #444444; + color: #555; } .navigation-main a:hover { - color: #009BCD; + color: #FF9625; } .navigation-main a:active { - color: #007EA6 + color: #FF8525 } .navigation-main ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); @@ -568,27 +574,36 @@ article.page { } -.content h1 { - font-size: 2em; +#content h1, +#content h2, +#content h3, +#content h4, +#content h5, +#content h6 { + margin-bottom: 1.2em; } -.content h2 { - font-size: 1.8em; +#content h1 { + font-size: 2em; } -.content h3 { - font-size: 1.6em; +#content h2 { + font-size: 1.8em; } -.content h4 { +#content h3 { font-size: 1.4em; } -.content h5 { +#content h4 { font-size: 1.2em; } -.content h6 { +#content h5 { + font-size: 1.1em; +} + +#content h6 { font-size: 1.1em; } @@ -619,14 +634,14 @@ article.page .entry-content { .post blockquote { margin: 1.5% 0; padding: 0 0 0 5%; - border-left: 1px solid #009BCD; + border-left: 1px solid #FF9625; font-style: italic; } .post footer { width: 75%; margin: 0 auto; - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #E7D6B0; } .tags { @@ -651,13 +666,13 @@ footer .date a { color: #808080; } - footer .date a:hover { - color: #009BCD; - } - - footer .date a:active { - color: #007EA6; - } +footer .date a:hover { + color: #FF9625; +} + +footer .date a:active { + color: #FF8525; +} .theme-info { font-size: 0.8em; @@ -697,7 +712,7 @@ footer .date a { height: 3.5%; padding: 4.5% 0; margin-bottom: 4.5%; - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #FF9625; z-index: 11; } @@ -810,12 +825,12 @@ footer .date a { display: inline-block; } .social-reply .replylink:hover { - color: #009BCD; + color: #FF9625; border-bottom: none; } .social-reply .replylink:active { - color: #007EA6; + color: #FF8525; border-bottom: none; } @@ -830,12 +845,12 @@ footer .date a { } .format-link .entry-title a:hover { - color: #009BCD; + color: #FF9625; border-bottom: none; } .format-link .entry-title a:active { - color: #007EA6; + color: #FF8525; border-bottom: none; } @@ -999,7 +1014,7 @@ object { .comment, .comment-body { margin: 2.5% 0; padding-bottom: 2.5%; - border-bottom: 1px solid #C0C0C0; + border-bottom: 1px solid #E7D6B0; } .comment:last-child, .comment-body:last-child { @@ -1026,11 +1041,11 @@ object { } .comment-metadata a:hover { - color: #009BCD; + color: #FF9625; } .comment-metadata a:active { - color: #007EA6; + color: #FF8525; } li.comment { @@ -1095,27 +1110,27 @@ li.comment { ----------------------------------------------- */ @media only screen and (min-width: 699px) { a { - -webkit-transition: color 0.4s ease-in-out, border-bottom 0.4s ease-in-out; - -moz-transition: color 0.4s ease-in-out, border-bottom 0.4s ease-in-out; - transition: color 0.4s ease-in-out, border-bottom 0.4s ease-in-out; + -webkit-transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out; + -moz-transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out; + transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out; border-bottom: 0 solid rgba(69,69,69,0); } - a:hover { - color: #009BCD; - } - - a:active { - color: #007EA6; - } +a:hover { + color: #FFB925; +} - .post a:hover { - border-bottom: 1px solid #009BCD; - } - - .post a:active { - border-bottom: 1px solid #007EA6; - } +a:active { + color: #FF8525; +} + +.post a:hover { + border-bottom: 1px solid #FFB925; +} + +.post a:active { + border-bottom: 1px solid #FF8525; +} .site-header, .post, article.page, .comments-area { width: 80%; @@ -1128,23 +1143,23 @@ a { transition: text-shadow 0.5s, color 0.5s; } - .site-title a:hover { - color: #444444; - text-shadow: 0px 0px 6px rgba(75,75,75,0.75); - } - - .site-title a:active { - color: #444444; - text-shadow: 0px -2px 12px rgba(75,75,75,0.85); - } +.site-title a:hover { + color: #444444; + text-shadow: 0px 0px 6px rgba(75,75,75,0.75); +} + +.site-title a:active { + color: #444444; + text-shadow: 0px -2px 12px rgba(75,75,75,0.85); +} .site-description a:hover { - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #FF9625; } .site-description a:active { - color: #007EA6; - border-bottom: 1px solid #007EA6; + color: #FF8525; + border-bottom: 1px solid #FF8525; } .sociallinks ul { @@ -1169,13 +1184,13 @@ a { margin: 0 0.5%; } - .sociallinks img:hover { - opacity: 0.75; - } - - .sociallinks img:active { - opacity: 0.5; - } +.sociallinks img:hover { + opacity: 0.75; +} + +.sociallinks img:active { + opacity: 0.5; +} .main-navigation li { margin: 0 1.5%; @@ -1285,11 +1300,11 @@ a { } .theme-info a:hover { - border-bottom: 1px solid #009BCD; + border-bottom: 1px solid #FF9625; } .theme-info a:active { - border-bottom: 1px solid #007EA6; + border-bottom: 1px solid #FF8525; } }