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;
}
}