Twenty Fifteen custom CSS

I spent a fair amount of time on my blog’s CSS when I switched the color scheme of the Twenty Fifteen theme to aqua. But I always had a feeling that blue text on white background is not nice to the eyes and perhaps nothing beats the black text on white background for readability.

I am finally changing the text color to black and what is a best place to save the CSS than this blog itself. WordPress.com maintains the CSS revisions, but for what it is worth, here is the Source Code Shortcode in action.

[code language=”css”]

/* 31/Dec/2014
Links style
*/
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
border-bottom: 1px solid #55C3DC;
}

/* 12/Dec/2014
Remove page title
*/
.page h1.entry-title {
display: none;
}

/* 15/Dec/2014
Align post titles to center
*/
h2.entry-title, h1, h4 {
text-align: center;
color: rgb(85,195,220);
}

/* 15/Dec/2014
Landing Page: Background color
Landing Page: Align text to center
*/
.post-353, div.site-info {
background: #e9f2f9;
text-align: center;
}

/* 15/Dec/2014
Contact Page: Submit Button color
*/
input.pushbutton-wide {
background-color: rgb(85,195,220);
}

/*16/Dec/2014
Color of WordPress.com credits
*/
.site-info a {
color: #55C3DC;
}

/*16/Dec/2014
Add WordPress genericon
*/
.menu-item-336 a:before {
content: ‘\f205’;
}

/*17/Dec/2014
Change text and link colors to blue #0085BE;
*/
.site-content, a, a:hover, a:focus {
color: #55C3DC;
}

/*16/Dec/2014
"More about me" button styles
*/
a.btn-default, a.btn-default:focus {
color: #55C3DC;
background-color: #e9f2f9;
border: 2px solid #55C3DC;
padding: 10px;
border-radius: 15px;
}

/*22/Dec/2014
"More about me" button styles hover style
*/
a.btn-default:hover {
color: #55C3DC;
background-color: #ffffff;
border: 2px solid #55C3DC;
padding: 10px;
border-radius: 15px;
}

/*
4/Jan2015
Site footer background
*/
.site-footer {
background-color: #E9F2F9;
}

[/code]