butterfly tears customizations for twenty-fourteen

loop-single.php

loop-page.php

functions.php

style.css customizations are in jetpack “edit css”


/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*wp category post list (cpl) widget plugin*/
.wp-cpl-theme-2 li.wp b-cpl-odd {
background: none repeat scroll 0 0 #F893A2 !important;
}

.wp-cpl-theme-2 li.wp-cpl-even {
background: none repeat scroll 0 0 #D6FFEA !important;
}

/*category post widget link color*/
.wp-cpl-widget a {
color: #000000 !important;
}

/*category post widget link-hover color*/
.wp-cpl-widget a:hover {
color: #000000 !important;
}

/*make site body transparent*/
#wrapper {
background: none repeat scroll 0 0 rgba(0,0,0,0);
}

/*total site width*/
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
width: 1000px;
}

/*remove padding at top of site*/
#header {
padding: 0;
}

/*remove site title*/
#site-title a {
display: none;
}

/*header image float left and make smaller*/
#branding img {
border-bottom: medium none;
border-top: medium none;
display: block;
float: left;
margin-bottom: 20px;
height: auto;
width: 320px;
}

/*nav bar background*/
#access {
background-color: #7ed3f7;
}

/*top level menu text*/
#access a {
color: #333333;
}

/*top level background and text hover*/
#access li:hover > a {
background-color: #F893A2;
color: #ffffff;
}

/*drop-down background and text*/
#access ul ul a {
background-color: #F893A2;
color: #000000;
}

/* drop-down background and text hover*/
#access ul ul :hover > a {
background-color: #7ed3f7;
color: #ffffff;
}

/*current menu item*/
#access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
background-color: #F893A2;
}

/*sidebar and main site container, move sidebar to left, container to right, also change sidbar background color*/
#primary, #secondary {
float: left;
clear: left;
margin-left: 10px;
background-color: #7ed3f7;
padding: 10px;
}

#container {
float: right;
margin-right: -260px;
}

/*widgets*/
.widget-title {
color: #ffffff;
}

/*reccomend keeping visited the same as a:link, a:hover*/
.widget-area a:link,
.widget-area a:visited {
padding: 6px;
margin-bottom: 6px;
color: #ffffff;
}

.widget-area a:visited:hover,
.widget-area a:link:hover {
color: #F893A2;
}

.widget-area .current-menu-item > a {
color: #F893A2;
font-weight: bold;
}

/*widget list-item style*/
.widget-area ul {
color: #FFFFFF;
list-style: none outside none;
}

/*links.. the "navigation" selector is for previous-next page navigation, not the main menu nav. Entry meta is for category and tag links below the entry */
#site-info a,
a:link,
a:visited,
.navigation a:link,
.navigation a:visited,
.entry-meta a,
.entry-utility a {
color: #F893A2;
}

a:hover,
.navigation a:hover,
.entry-utility a:hover,
.entry-meta a:hover {
color: #00ccff;
}

/*general headings*/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #00ccff;
font-size: 18px;
font-weight: normal;
}

/*entry titles*/
#content .entry-title {
color: #00ccff;
background: none repeat scroll 0 0 #FFFFFF;
padding: 15px;
}

/*linked-entry titles in archive*/
.entry-title a:link, .entry-title a:visited {
color: #00ccff;
}

.entry-title a:hover {
color: #F893A2;
}

/*hide entry author and date in archive*/
.archive .hentry
.entry-utility {
display: none;
}

/*archive entries as grid*/
.archive .hentry {
float: left;
height: 420px;
margin-bottom: 0;
overflow: auto;
padding: 8px;
width: 210px;
}

/*archive excerpts smaller bottom margin under text*/
#content .entry-summary p, #content .entry-summary ul, #content .entry-summary ol, #content .entry-summary dd, #content .entry-summary pre, #content .entry-summary hr {
margin-bottom: 8px;
}

/*archive entry background and text size*/
.entry-summary {
background-color: #ffffff;
padding: 10px;
font-size: 12px;
}

/* background for entry content*/
.entry-content {
background-color: #FFFFFF;
padding: 20px;
}

/*featured images in content*/
.attachment-medium,
.attachment-thumbnail {
max-width: 300px;
height: auto;
float: left;
margin-right: 10px;
}

/*featured images in archive*/
.archive
.attachment-thumbnail {
width: auto;
height: 120px;
float: none;
}

/*post date, entry author*/
.entry-meta {
display: none;
}

/*footer*/
#colophon {
border-top: 2px solid #F893A2;
margin-top: 20px;
overflow: hidden;
padding: 18px 0;
}

#site-description {
font-size: 18px;
width: 420px;
}

.page-id-30 img.size-auto,
.page-id-30 img.size-full,
.page-id-30 img.size-large,
.page-id-30 img.size-medium,
.page-id-30 .attachment img {
max-height: 150px;
max-width: none;
width: auto;
}