1339 lines
25 KiB
SCSS
1339 lines
25 KiB
SCSS
/**
|
|
* Name: wordpress.css
|
|
*
|
|
* Styling for WordPress widgets, blog posts, standard wordpress classes. Useful if you want to convert the template to a WordPress theme
|
|
*
|
|
* T.O.C
|
|
*
|
|
* =WordPress Default Classes
|
|
* =WordPress Post(s)
|
|
* =WordPress pagination and navigation
|
|
* =WordPress Comments
|
|
* =WordPress Comments Navigation
|
|
* =WordPress Comment Form
|
|
* =WordPress Widgets
|
|
* =Widgets default
|
|
* =Text Widget
|
|
* =Search Widget
|
|
* =Recent Entries Widget
|
|
* =Pages Widget
|
|
* =Archive Widget
|
|
* =Categories Widget
|
|
* =Meta Widget
|
|
* =Recent Comments Widget
|
|
* =Tag Cloud Widget
|
|
* =Calendar Widget
|
|
* =Nav Menu Widget
|
|
* =RSS Widget
|
|
* =WordPress Custom Widgets
|
|
* =EWF Twitter widget
|
|
* =EWF Flickr widget
|
|
* =EWF Contact Info widget
|
|
* =EWF Newsletter subscribe widget
|
|
* =EWF Latest posts widget
|
|
* =EWF Navigation widget
|
|
* =EWF Social media widget
|
|
*
|
|
*/
|
|
|
|
/* ==========================================================================
|
|
=WordPress Default Classes
|
|
========================================================================== */
|
|
|
|
.ewf-inline-style { display: none; }
|
|
|
|
/* Align */
|
|
|
|
.alignleft {
|
|
float: left;
|
|
display: inline;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
display: inline;
|
|
}
|
|
|
|
.aligncenter {
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
blockquote.alignleft,
|
|
.wp-caption.alignleft,
|
|
.caption.alignleft,
|
|
img.alignleft {
|
|
margin: 5px 20px 20px 0;
|
|
}
|
|
|
|
blockquote.alignright,
|
|
.wp-caption.alignright,
|
|
.caption.alignright,
|
|
img.alignright {
|
|
margin: 5px 0 20px 20px;
|
|
}
|
|
|
|
blockquote.aligncenter,
|
|
.wp-caption.aligncenter,
|
|
.caption.aligncenter,
|
|
img.aligncenter {
|
|
margin-top: 5px;
|
|
margin-bottom: 20px;
|
|
clear: both;
|
|
}
|
|
|
|
.wp-caption.alignleft,
|
|
.wp-caption.alignright,
|
|
.wp-caption.aligncenter,
|
|
.caption.alignleft,
|
|
.caption.alignright,
|
|
.caption.aligncenter {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Caption */
|
|
|
|
.caption,
|
|
.wp-caption {
|
|
max-width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.wp-caption img[class*="wp-image-"] { margin: 0; }
|
|
|
|
.caption-text,
|
|
.wp-caption-text {
|
|
padding: 10px 0;
|
|
color: #bbbbbb;
|
|
}
|
|
|
|
/* Gallery */
|
|
|
|
.gallery { margin-bottom: 20px; }
|
|
|
|
.gallery-item {
|
|
float: left;
|
|
display: block;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 1.79104477%;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gallery-columns-2 .gallery-item { max-width: 50%; }
|
|
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
|
|
.gallery-columns-4 .gallery-item { max-width: 25%; }
|
|
.gallery-columns-5 .gallery-item { max-width: 20%; }
|
|
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
|
|
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
|
|
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
|
|
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
|
|
|
|
.gallery-icon img { margin: 0 auto; }
|
|
|
|
.gallery-caption {
|
|
display: block;
|
|
padding: 10px 0;
|
|
color: #bbbbbb;
|
|
}
|
|
|
|
.gallery-columns-6 .gallery-caption,
|
|
.gallery-columns-7 .gallery-caption,
|
|
.gallery-columns-8 .gallery-caption,
|
|
.gallery-columns-9 .gallery-caption {
|
|
display: none;
|
|
}
|
|
|
|
/* Text meant only for screen readers */
|
|
|
|
.says,
|
|
.screen-reader-text {
|
|
position: absolute !important;
|
|
overflow: hidden;
|
|
width: 1px;
|
|
height: 1px;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
}
|
|
|
|
/* ==========================================================================
|
|
=WordPress Post(s)
|
|
========================================================================== */
|
|
|
|
.post {
|
|
position: relative;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.post-thumbnail {
|
|
display: block;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.post-thumbnail img { display: block; }
|
|
|
|
a.post-thumbnail {}
|
|
|
|
.sticky {
|
|
padding: 40px 40px 10px;
|
|
border: 1px solid #e1e1e1;
|
|
}
|
|
|
|
.sticky.has-post-thumbnail { padding-top: 0; }
|
|
|
|
.sticky.has-post-thumbnail .post-thumbnail {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
|
|
.sticky-post {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 3px 6px;
|
|
background-color: #75ae6a;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.post-header {
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
.post-title {
|
|
margin-bottom: 0;
|
|
font-size: 18px;
|
|
line-height: 34px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.post-content,
|
|
.post-summary { padding: 30px 0; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
.post-content:after,
|
|
.post-summary:after { /* 1 */
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
|
|
.post-content > :last-child,
|
|
.post-summary > :last-child { margin-bottom: 0; }
|
|
|
|
.post-content iframe { max-width: 100%; }
|
|
|
|
.post-content .more-link {
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.post-content .more-link,
|
|
.post-summary .more-link:after { white-space: nowrap; }
|
|
|
|
.post-footer { padding: 0; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
.post-header:after,
|
|
.post-content:after,
|
|
.post-summary:after,
|
|
.post-footer:after { /* 1 */
|
|
visibility: hidden;
|
|
display: block;
|
|
height: 0;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
}
|
|
|
|
.sticky .posted-on { display: none; }
|
|
|
|
.posted-on:before,
|
|
.byline:before,
|
|
.cat-links:before,
|
|
.tags-links:before,
|
|
.comments-link:before,
|
|
.post-format:before,
|
|
.edit-link:before,
|
|
.full-size-link:before {
|
|
position: relative;
|
|
margin-right: 5px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.posted-on,
|
|
.byline,
|
|
.cat-links,
|
|
.tags-links,
|
|
.comments-link,
|
|
.post-format,
|
|
.full-size-link {
|
|
margin-right: 10px;
|
|
color: #75ae6a;
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.has-post-thumbnail .comments-link {
|
|
position: absolute;
|
|
top: -60px;
|
|
left: 0;
|
|
padding-left: 10px;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
.has-post-thumbnail .comments-link:before {
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: -50px;
|
|
left: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 100px solid transparent;
|
|
border-bottom: 85px solid #93c274;
|
|
content: "";
|
|
}
|
|
|
|
.has-post-thumbnail .comments-link:after {
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: -40px;
|
|
left: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 90px solid transparent;
|
|
border-bottom: 75px solid #75ae6a;
|
|
content: "";
|
|
}
|
|
|
|
.has-post-thumbnail.sticky .comments-link { left: -40px; }
|
|
|
|
.has-post-thumbnail .comments-link a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.posted-on:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f017";
|
|
}
|
|
|
|
.byline:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f007";
|
|
}
|
|
|
|
.cat-links:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f02b";
|
|
}
|
|
|
|
.tags-links:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f02c";
|
|
}
|
|
|
|
.comments-link a:before {
|
|
margin-right: 5px;
|
|
font-family: 'FontAwesome';
|
|
font-size: 14px;
|
|
content: "\f075";
|
|
}
|
|
|
|
.full-size-link:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f402";
|
|
}
|
|
|
|
.edit-link:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f040";
|
|
}
|
|
|
|
.comments-link,
|
|
.edit-link { white-space: nowrap; }
|
|
|
|
.format-standard .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f0f6";
|
|
}
|
|
|
|
.format-aside .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f10c";
|
|
}
|
|
|
|
.format-image .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f03e";
|
|
}
|
|
|
|
.format-gallery .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f00a";
|
|
}
|
|
|
|
.format-video .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f1c8";
|
|
}
|
|
|
|
.format-status .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f044";
|
|
}
|
|
|
|
.format-quote .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f10e";
|
|
}
|
|
|
|
.format-link .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f0c1";
|
|
}
|
|
|
|
.format-chat .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f18d";
|
|
}
|
|
|
|
.format-audio .post-format:before {
|
|
font-family: 'FontAwesome';
|
|
content: "\f027";
|
|
}
|
|
|
|
.format-aside {}
|
|
|
|
.format-image {}
|
|
|
|
.format-video {}
|
|
|
|
.format-quote {}
|
|
|
|
.format-gallery {}
|
|
|
|
.format-status {}
|
|
|
|
.format-link {}
|
|
|
|
.format-audio {}
|
|
|
|
.format-chat {}
|
|
|
|
/* ==========================================================================
|
|
=WordPress pagination and navigation
|
|
========================================================================== */
|
|
|
|
.pagination { margin: 20px 0 70px 0; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
.pagination:after { /* 1 */
|
|
visibility: hidden;
|
|
display: table;
|
|
height: 0;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
}
|
|
|
|
.pagination .nav-links {}
|
|
|
|
.pagination .page-numbers {
|
|
display: inline-block;
|
|
width: 42px;
|
|
height: 42px;
|
|
border: 2px solid #e1e1e1;
|
|
margin-right: 5px;
|
|
line-height: 42px;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.pagination .page-numbers:last-child { margin-right: 0; }
|
|
|
|
.pagination .page-numbers:hover,
|
|
.pagination .page-numbers.current {
|
|
border-color: #93c274;
|
|
background-color: #93c274;
|
|
color: #fff;
|
|
}
|
|
|
|
.pagination .current {}
|
|
|
|
.pagination .page-numbers.dots { border: none; }
|
|
|
|
.pagination .page-numbers.dots:hover {
|
|
background-color: transparent;
|
|
color: #00c5e9;
|
|
}
|
|
|
|
.pagination .prev,
|
|
.pagination .next {}
|
|
|
|
.pagination .prev:before,
|
|
.pagination .next:before { font-family: "FontAwesome"; }
|
|
|
|
.pagination .prev:hover,
|
|
.pagination .prev:focus,
|
|
.pagination .next:hover,
|
|
.pagination .next:focus {}
|
|
|
|
.pagination .prev {}
|
|
|
|
.pagination .prev:before { content: "\f104"; }
|
|
|
|
.pagination .next {}
|
|
|
|
.pagination .next:before { content: "\f105"; }
|
|
|
|
/* ==========================================================================
|
|
=WordPress Comments
|
|
========================================================================== */
|
|
|
|
.comments-area {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.comments-area > :last-child { margin-bottom: 0; }
|
|
|
|
.comment-list + .comment-respond,
|
|
.comment-navigation + .comment-respond { padding-top: 20px; }
|
|
|
|
.comments-title,
|
|
.comment-reply-title { text-transform: uppercase; }
|
|
|
|
.comments-title { margin: 20px 0; }
|
|
|
|
.comment-list {
|
|
margin: 40px 0 80px 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.comment-list .pingback,
|
|
.comment-list .trackback {
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.comment-list .children {
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.comment-body {
|
|
position: relative;
|
|
padding-left: 135px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.comment-list .children > li { padding-left: 60px; }
|
|
|
|
.comment-author {
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.comment-author:after {
|
|
content: "|";
|
|
}
|
|
|
|
.comment-author a {
|
|
color: #3b3e43;
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.comment-author a:hover {}
|
|
|
|
.comment-author .avatar {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.comment-meta {
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.comment-meta a {
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.comment-metadata,
|
|
.pingback .edit-link {}
|
|
|
|
.comment-metadata a,
|
|
.pingback .edit-link a {}
|
|
|
|
.comment-metadata a:hover,
|
|
.pingback .edit-link a:hover {}
|
|
|
|
.comment-metadata a:hover,
|
|
.comment-metadata a:focus,
|
|
.pingback .edit-link a:hover,
|
|
.pingback .edit-link a:focus {}
|
|
|
|
.comment-metadata { margin-bottom: 20px; }
|
|
|
|
.comment-metadata .edit-link { margin-left: 15px; }
|
|
|
|
.pingback .edit-link { margin-left: 15px; }
|
|
|
|
.pingback .edit-link:before { top: 0; }
|
|
|
|
.comment-content ul,
|
|
.comment-content ol { margin: 0 0 20px 20px; }
|
|
|
|
.comment-content li > ul,
|
|
.comment-content li > ol { margin-bottom: 0; }
|
|
|
|
.comment-content > :last-child { margin-bottom: 0; }
|
|
|
|
.comment-list .reply { margin-top: -20px; }
|
|
|
|
.comment-list .reply a {
|
|
display: inline-block;
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.comment-list .reply a:hover,
|
|
.comment-list .reply a:focus {}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.comment-list .children > li { padding-left: 0; }
|
|
|
|
.comment-body { padding-left: 0; }
|
|
|
|
.comment-author .avatar {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.comment-author,
|
|
.comment-meta { display: block; }
|
|
|
|
.comment-author:after { content: none; }
|
|
|
|
.comment-meta { margin-bottom: 20px; }
|
|
|
|
.comment-list .reply { margin-top: 0; }
|
|
|
|
}
|
|
|
|
/* ==========================================================================
|
|
=WordPress Comments Navigation
|
|
========================================================================== */
|
|
|
|
.comment-navigation { text-transform: uppercase; }
|
|
|
|
.comment-navigation a {}
|
|
|
|
.comment-navigation a:hover,
|
|
.comment-navigation a:focus {}
|
|
|
|
.comment-navigation .nav-previous:not(:empty),
|
|
.comment-navigation .nav-next:not(:empty) { display: inline-block; }
|
|
|
|
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
|
|
margin: 0 10px;
|
|
font-weight: 400;
|
|
content: "\2215";
|
|
}
|
|
|
|
.comment-navigation .nav-previous a:before {
|
|
position: relative;
|
|
margin-right: 3px;
|
|
font-family: "FontAwesome";
|
|
content: "\f104";
|
|
}
|
|
|
|
.comment-navigation .nav-next a:after {
|
|
position: relative;
|
|
margin-left: 3px;
|
|
font-family: "FontAwesome";
|
|
content: "\f105";
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding: 20px 0;
|
|
border-top: 1px solid #e1e1e1;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
}
|
|
|
|
.comments-title + .comment-navigation { border-bottom: 0; }
|
|
|
|
/* ==========================================================================
|
|
=WordPress Comment Form
|
|
========================================================================== */
|
|
|
|
.comment-form { margin: 40px 0; }
|
|
|
|
.comment-form label {}
|
|
|
|
.comment-form input[type="text"],
|
|
.comment-form input[type="email"],
|
|
.comment-form input[type="url"],
|
|
.comment-form textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.comment-notes,
|
|
.comment-awaiting-moderation,
|
|
.logged-in-as,
|
|
.form-allowed-tags {}
|
|
|
|
.logged-in-as a:hover {}
|
|
|
|
.no-comments {
|
|
border-top: 1px solid #e1e1e1;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.comment-navigation + .no-comments { border-top: 0; }
|
|
|
|
.form-allowed-tags code {}
|
|
|
|
.form-submit { margin-bottom: 0; }
|
|
|
|
.required { color: #ff0030; }
|
|
|
|
.comment-reply-title small {}
|
|
|
|
.comment-reply-title small a {}
|
|
|
|
/* ==========================================================================
|
|
=WordPress Widgets
|
|
========================================================================== */
|
|
|
|
/* =Widgets default
|
|
========================================================================== */
|
|
|
|
.widget { margin-bottom: 60px; }
|
|
|
|
#header-top .widget:first-child { padding-top: 20px; }
|
|
|
|
#header-top .widget:last-child {
|
|
padding-bottom: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#footer-top .widget:first-child { padding-top: 60px; }
|
|
|
|
#footer-top .widget:last-child {
|
|
padding-bottom: 60px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#footer .widget:last-child,
|
|
#footer-bottom .widget:last-child { margin-bottom: 0; }
|
|
|
|
/**
|
|
* 1. The last element of every widget shouldn't have a margin bottom. used for spacing purposes
|
|
*/
|
|
|
|
.widget > :last-child {
|
|
margin-bottom: 0; /* 1 */
|
|
}
|
|
|
|
.widget-title {
|
|
margin-bottom: 40px;
|
|
line-height: 18px;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#footer .widget-title {
|
|
margin-bottom: 10px;
|
|
color: #ed3718;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* =Text Widget
|
|
========================================================================== */
|
|
|
|
.widget_text {}
|
|
|
|
.textwidget {}
|
|
|
|
/**
|
|
* 1. The last element inside text widget shouldn't have margin bottom
|
|
*/
|
|
|
|
.textwidget > :last-child {
|
|
margin-bottom: 0; /* 1 */
|
|
}
|
|
|
|
|
|
|
|
/* =Recent Entries Widget
|
|
========================================================================== */
|
|
|
|
.widget_recent_entries {}
|
|
|
|
.widget_recent_entries ul { list-style: none; }
|
|
|
|
.widget_recent_entries ul li { padding-bottom: 20px; }
|
|
|
|
.widget_recent_entries ul li:last-child { padding-bottom: 0; }
|
|
|
|
.widget_recent_entries ul li a {}
|
|
|
|
.widget_recent_entries ul li .post-date { display: block; }
|
|
|
|
/* =Pages Widget
|
|
========================================================================== */
|
|
|
|
.widget_pages {}
|
|
|
|
.widget_pages ul {
|
|
margin-left: 15px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_pages ul li { margin-bottom: 7px; }
|
|
.widget_pages ul li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_pages a { color: #3b3e43; }
|
|
|
|
.widget_pages a:before {
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 15px;
|
|
font-family: "FontAwesome";
|
|
font-size: 8px;
|
|
content: "\f111";
|
|
}
|
|
|
|
.widget_pages a:hover,
|
|
.widget_pages li.current_page_item a {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
#footer-bottom .widget_pages ul {
|
|
text-align: right;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#footer-bottom .widget_pages ul li {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#footer-bottom .widget_pages ul li:after {
|
|
margin: 0 15px;
|
|
content: "|";
|
|
}
|
|
|
|
#footer-bottom .widget_pages ul li:last-child:after { content: none; }
|
|
|
|
#footer-bottom .widget_pages a:hover,
|
|
#footer-bottom .widget_pages li.current_page_item a { color: #93c274; }
|
|
|
|
#footer-bottom .widget_pages a:before { content: none; }
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
#footer-bottom .widget_pages ul li:after { margin: 0 6px; }
|
|
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
#footer-bottom .widget_pages ul { text-align: left; }
|
|
|
|
}
|
|
|
|
/* =Archive Widget
|
|
========================================================================== */
|
|
|
|
.widget_archive {}
|
|
|
|
.widget_archive ul {
|
|
margin-left: 15px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_archive ul li { margin-bottom: 7px; }
|
|
.widget_archive ul li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_archive a { color: #3b3e43; }
|
|
|
|
.widget_archive a:before {
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 15px;
|
|
font-family: "FontAwesome";
|
|
font-size: 8px;
|
|
content: "\f111";
|
|
}
|
|
|
|
.widget_archive a:hover {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* =Categories Widget
|
|
========================================================================== */
|
|
|
|
.widget_categories {}
|
|
|
|
.widget_categories ul {
|
|
margin-left: 15px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_categories ul li { margin-bottom: 7px; }
|
|
.widget_categories ul li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_categories a { color: #3b3e43; }
|
|
|
|
.widget_categories a:before {
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 15px;
|
|
font-family: "FontAwesome";
|
|
font-size: 8px;
|
|
content: "\f111";
|
|
}
|
|
|
|
.widget_categories a:hover {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.widget_categories ul ul.children {}
|
|
|
|
.widget_categories select{}
|
|
|
|
.widget_categories select#cat {}
|
|
|
|
.widget_categories select.postform {}
|
|
|
|
.widget_categories option {}
|
|
|
|
.widget_categories .level-0 {}
|
|
|
|
.widget_categories .level-1 {}
|
|
|
|
.widget_categories .level-2 {}
|
|
|
|
.widget_categories .level-3 {}
|
|
|
|
/* =Meta Widget
|
|
========================================================================== */
|
|
|
|
.widget_meta {}
|
|
|
|
.widget_meta ul {
|
|
margin-left: 15px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_meta ul li { margin-bottom: 7px; }
|
|
.widget_meta ul li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_meta a { color: #3b3e43; }
|
|
|
|
.widget_meta a:before {
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 15px;
|
|
font-family: "FontAwesome";
|
|
font-size: 8px;
|
|
content: "\f111";
|
|
}
|
|
|
|
.widget_meta a:hover {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* =Recent Comments Widget
|
|
========================================================================== */
|
|
|
|
.widget_recent_comments {}
|
|
|
|
#recentcomments { list-style: none; }
|
|
|
|
#recentcomments li {}
|
|
|
|
#recentcomments li a {}
|
|
|
|
.recentcomments {}
|
|
|
|
/* =Tag Cloud Widget
|
|
========================================================================== */
|
|
|
|
.widget_tag_cloud {}
|
|
|
|
.widget_tag_cloud a {
|
|
float: left;
|
|
display: block;
|
|
padding: 8px 15px;
|
|
margin: 0 3px 3px 0;
|
|
background-color: #2a2a2a;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.widget_tag_cloud a:hover {
|
|
background-color: #93c274;
|
|
color: #fff;
|
|
}
|
|
|
|
.widget_tag_cloud a:after {}
|
|
|
|
.widget_tag_cloud a:before {}
|
|
|
|
#header-top .widget_tag_cloud a {
|
|
background-color: #75ae6a;
|
|
color: #fff;
|
|
}
|
|
|
|
#header-top .widget_tag_cloud a:hover { background-color: #93c274; }
|
|
|
|
#footer .widget_tag_cloud a:hover,
|
|
#footer-bottom .widget_tag_cloud a:hover { color: #161616; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
|
|
.widget_tag_cloud:after { /* 1 */
|
|
visibility: hidden;
|
|
display: block;
|
|
height: 0;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
}
|
|
|
|
/* =Calendar Widget
|
|
========================================================================== */
|
|
|
|
.widget_calendar {}
|
|
|
|
#calendar_wrap {}
|
|
|
|
#calendar_wrap th,
|
|
#calendar_wrap td {
|
|
padding: 0;
|
|
line-height: 2.5;
|
|
text-align: center;
|
|
}
|
|
|
|
#wp-calendar tr td {}
|
|
|
|
#wp-calendar caption {
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#wp-calendar tbody a {
|
|
display: block;
|
|
background-color: #75ae6a;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
#wp-calendar #today {}
|
|
|
|
#wp-calendar #prev {}
|
|
|
|
#wp-calendar #next {}
|
|
|
|
#wp-calendar #next a {}
|
|
|
|
#wp-calendar #prev a {}
|
|
|
|
/* =Nav Menu Widget
|
|
========================================================================== */
|
|
|
|
.widget_nav_menu {}
|
|
|
|
.widget_nav_menu ul {
|
|
margin-left: 15px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_nav_menu ul li { margin-bottom: 7px; }
|
|
.widget_nav_menu ul li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_nav_menu a { color: #3b3e43; }
|
|
|
|
.widget_nav_menu a:before {
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 15px;
|
|
font-family: "FontAwesome";
|
|
font-size: 8px;
|
|
content: "\f111";
|
|
}
|
|
|
|
.widget_nav_menu a:hover {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* =RSS Widget
|
|
========================================================================== */
|
|
|
|
.widget_rss {}
|
|
|
|
.widget_rss ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget_rss li { margin-bottom: 20px; }
|
|
|
|
.widget_rss ul:last-child,
|
|
.widget_rss li:last-child { margin-bottom: 0; }
|
|
|
|
.widget_rss .rsswidget {}
|
|
|
|
.widget_rss .rsswidget img { margin-top: -4px; }
|
|
|
|
.widget_rss .rss-date,
|
|
.widget_rss cite {
|
|
display: block;
|
|
line-height: 3;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
=WordPress Custom Widgets
|
|
========================================================================== */
|
|
|
|
/* =EWF Twitter widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_latest_tweets{}
|
|
|
|
.ewf-tweet-list .tweet { word-wrap: break-word; }
|
|
|
|
.ewf-tweet-list ul { list-style: none; }
|
|
|
|
.ewf-tweet-list .interact { text-align: center; }
|
|
|
|
.ewf-tweet-list .interact a { margin-right: 10px; }
|
|
|
|
.ewf-tweet-list .interact a:last-child { margin-right: 0; }
|
|
|
|
/* =EWF Flickr widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_flickr {}
|
|
|
|
.flickr-feed {}
|
|
|
|
.flickr-feed .flickr_badge_image { display: inline; }
|
|
|
|
.flickr-feed img {
|
|
width: 75px;
|
|
height: auto;
|
|
padding: 0 5px 5px 0;
|
|
border: none;
|
|
}
|
|
|
|
/* =EWF Contact Info widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_contact_info {}
|
|
|
|
.ewf_widget_contact_info ul {
|
|
margin-bottom: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.ewf_widget_contact_info ul li {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ewf_widget_contact_info ul li:last-child { margin-bottom: 0; }
|
|
|
|
.ewf_widget_contact_info ul li i {
|
|
margin-right: 5px;
|
|
color: #93c274;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ewf_widget_contact_info ul li a { color: #858585; }
|
|
|
|
#header-top .ewf_widget_contact_info ul li {
|
|
margin-top: 3px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* =EWF Newsletter subscribe widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_newsletter {}
|
|
|
|
#newsletter-subscribe-form { position: relative; }
|
|
|
|
#newsletter-subscribe-form input[type="text"] {
|
|
width: 100%;
|
|
height: 45px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#newsletter-subscribe-form input[type="submit"] {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -1px;
|
|
height: 45px;
|
|
padding: 11px 25px;
|
|
margin: 0;
|
|
}
|
|
|
|
/* =EWF Latest posts widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_latest_posts {}
|
|
|
|
.ewf_widget_latest_posts ul { list-style: none; }
|
|
|
|
.ewf_widget_latest_posts ul li { margin-bottom: 30px; }
|
|
.ewf_widget_latest_posts ul li:last-child { margin-bottom: 0; }
|
|
|
|
.ewf_widget_latest_posts ul li img {
|
|
float: left;
|
|
margin: 5px 15px 0 0;
|
|
}
|
|
|
|
.ewf_widget_latest_posts ul li .title {
|
|
color: #3b3e43;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ewf_widget_latest_posts ul li .title:hover {
|
|
color: #75ae6a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ewf_widget_latest_posts ul li .post-date {
|
|
margin-bottom: 0;
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#footer .ewf_widget_latest_posts ul li {
|
|
font-family: 'Quicksand', Arial, sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#footer .ewf_widget_latest_posts ul li .title {
|
|
color: #93c274;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#footer .ewf_widget_latest_posts ul li .title:hover { color: #a9a9a9; }
|
|
|
|
#footer .ewf_widget_latest_posts ul li .post-date { text-transform: none; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
|
|
.ewf_widget_latest_posts ul li:after { /* 1 */
|
|
visibility: hidden;
|
|
display: block;
|
|
height: 0;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.ewf_widget_latest_posts ul li img { display: none; }
|
|
|
|
}
|
|
|
|
/* =EWF Navigation widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_navigation {}
|
|
|
|
.ewf_widget_navigation ul {
|
|
list-style-type: none;
|
|
list-style-position: outside;
|
|
}
|
|
|
|
.ewf_widget_navigation li { border-bottom: 1px solid #e1e1e1; }
|
|
|
|
.ewf_widget_navigation li:last-child { border-bottom: none; }
|
|
|
|
.ewf_widget_navigation li a {
|
|
display: block;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.ewf_widget_navigation li a:hover { text-decoration: none; }
|
|
|
|
/* =EWF Social media widget
|
|
========================================================================== */
|
|
|
|
.ewf_widget_social_media {}
|
|
|
|
#header-top .ewf_widget_social_media { text-align: right; }
|
|
|
|
#header-top .ewf_widget_social_media a.social-icon i { font-size: 16px; }
|
|
|
|
/*
|
|
* 1. Clearfix hack
|
|
*/
|
|
|
|
.ewf_widget_social_media:after { /* 1 */
|
|
visibility: hidden;
|
|
display: block;
|
|
height: 0;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
} |