716 lines
No EOL
15 KiB
CSS
716 lines
No EOL
15 KiB
CSS
/*
|
|
* Theme Name: rebalance
|
|
*
|
|
* Adding support for language written in a Right To Left (RTL) direction is easy -
|
|
* it's just a matter of overwriting all the horizontal positioning attributes
|
|
* of your CSS stylesheet in a separate stylesheet file named rtl.css.
|
|
*
|
|
* http://codex.wordpress.org/Right_to_Left_Language_Support
|
|
*
|
|
*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# TABLE OF CONTENTS */
|
|
/*--------------------------------------------------------------*/
|
|
/*----------------------------------------------------------------
|
|
# Normalize
|
|
## Typography
|
|
## Elements
|
|
## Links
|
|
## Forms
|
|
# Theme Globals
|
|
# Layout
|
|
# Accessibility
|
|
# Alignments
|
|
# Clearings
|
|
# Header
|
|
# Navigation
|
|
## Toggle Navigation
|
|
## Main Navigation
|
|
## Social Navigation
|
|
# Widgets
|
|
# Content
|
|
## Featured Project
|
|
## Posts and Pages
|
|
## Author Meta
|
|
## Single Post
|
|
## Single Jetpack Portfolio
|
|
## Page
|
|
## Archive
|
|
## Masonry
|
|
## Infinite scroll
|
|
## 404 Error
|
|
## Asides
|
|
# Media
|
|
## Captions
|
|
## Galleries
|
|
# Pagination
|
|
# Comments
|
|
## Comments Respond
|
|
## Widgets
|
|
## Secondary
|
|
# Footer
|
|
# Extras
|
|
----------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Normalize */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Typography */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Elements */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
ul,
|
|
ol {
|
|
margin: 0 2em 1.5em 0;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Links */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Forms */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
textarea {
|
|
padding-left: inherit;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Theme Globals */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Layout */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Accessibility */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Alignments */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.alignleft {
|
|
float: right;
|
|
margin-left: 1.5em;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.alignright {
|
|
float: left;
|
|
margin-left: inherit;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Clearings */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Header */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.site-branding {
|
|
text-align: right;
|
|
}
|
|
|
|
.site-logo-link {
|
|
margin-left: 20px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.site-description {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
.main-navigation {
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Toggle Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.menu-toggle {
|
|
text-align: right;
|
|
}
|
|
|
|
.menu-toggle:after {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Main Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.main-navigation .sub-menu,
|
|
.main-navigation .children {
|
|
padding-left: inherit;
|
|
padding-right: 1.5em;
|
|
}
|
|
|
|
.main-navigation .sub-menu li:before,
|
|
.main-navigation .children li:before {
|
|
padding-left: inherit;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.main-navigation ul > li li a {
|
|
padding-left: inherit;
|
|
padding-right: 26px;
|
|
}
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.header-menu-wrap {
|
|
float: right;
|
|
}
|
|
|
|
.main-navigation {
|
|
float: left;
|
|
}
|
|
|
|
.main-navigation div > ul {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
.main-navigation .sub-menu,
|
|
.main-navigation .children {
|
|
padding-left: inherit;
|
|
padding-right: 0;
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.main-navigation ul > li a {
|
|
text-align: right;
|
|
}
|
|
|
|
.main-navigation .sub-menu a,
|
|
.main-navigation .children a {
|
|
padding-left: 8px;
|
|
padding-right: 26px;
|
|
}
|
|
|
|
.main-navigation .sub-menu .sub-menu,
|
|
.main-navigation .children .children {
|
|
margin: -2px 0 -2px -2px;
|
|
left: calc(100% + 2px);
|
|
right: inherit;
|
|
}
|
|
|
|
.main-navigation .page_item_has_children > a:after,
|
|
.main-navigation .menu-item-has-children > a:after {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.main-navigation .sub-menu li.page_item_has_children:before,
|
|
.main-navigation .sub-menu li.page_item_has_children:before,
|
|
.main-navigation .sub-menu li.menu-item-has-children:before,
|
|
.main-navigation .children li.menu-item-has-children:before {
|
|
content: '\f105';
|
|
margin-left: 5px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.main-navigation .page_item_has_children .page_item_has_children > a:after,
|
|
.main-navigation .menu-item-has-children .menu-item-has-children > a:after {
|
|
content: '\f107';
|
|
float: left;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Mobile Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
@media screen and (max-width: 880px) {
|
|
|
|
/*
|
|
* Sub-menu dropdown buttons
|
|
*/
|
|
.dropdown-toggle {
|
|
right: inherit;
|
|
left: 8px;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Social Navigation */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.social-navigation li {
|
|
padding-left: inherit;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
/* Icons aren't shown in small screen layouts */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.social-menu-wrap {
|
|
float: left;
|
|
}
|
|
|
|
.social-navigation {
|
|
left: 0;
|
|
right: inherit;
|
|
}
|
|
|
|
.social-navigation > * {
|
|
text-align: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Content */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Featured Project */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.site-feature .has-thumbnail .entry-header {
|
|
left: inherit;
|
|
right: 0;
|
|
padding: 0 2em 2em 0;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Posts and Pages */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.entry-image .entry-image-caption span {
|
|
margin-left: 10px;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.entry-content blockquote,
|
|
.comment-content blockquote {
|
|
border-left: none;
|
|
border-right: 6px solid #F35029;
|
|
margin: 0 -40px 0 0;
|
|
padding-left: inherit;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.entry-content blockquote blockquote,
|
|
.comment-content blockquote blockquote {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.entry-content q,
|
|
.comment-content q {
|
|
border-left: none;
|
|
border-right: 6px solid #F35029;
|
|
padding-left: inherit;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.entry-content table th,
|
|
.entry-content table tr,
|
|
.entry-content table td,
|
|
.comment-content th,
|
|
.comment-content tr,
|
|
.comment-content td {
|
|
text-align: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Author Meta */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.author-box {
|
|
float: left;
|
|
}
|
|
|
|
.author-avatar {
|
|
float: left;
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
|
|
.author-description {
|
|
padding-left: 25%;
|
|
padding-right: inherit;
|
|
}
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.author-box {
|
|
float: left;
|
|
}
|
|
|
|
.author-avatar .avatar {
|
|
left: calc(100% + 40px);
|
|
right: inherit;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Single Post */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/* Large Screens */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.single .hentry .entry-header {
|
|
float: left;
|
|
}
|
|
|
|
.single .hentry .entry-title {
|
|
margin-left: inherit;
|
|
margin-right: calc(33.333%);
|
|
}
|
|
|
|
.single .entry-header .entry-meta {
|
|
margin-left: inherit;
|
|
margin-right: calc(33.333%);
|
|
}
|
|
|
|
.single .hentry .entry-content {
|
|
float: left;
|
|
}
|
|
|
|
.single .hentry .entry-footer {
|
|
float: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Single Jetpack Portfolio */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Page */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Archive & Search */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/* Large Screens */
|
|
@media screen and (min-width: 881px) {
|
|
.archive .page-header,
|
|
.search .page-header {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Masonry */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.js .infinite-scroll .card,
|
|
.card {
|
|
float: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Infinite Scroll */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
#infinite-handle span:before {
|
|
display: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## 404 Error */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Asides */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Media */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Captions */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.wp-caption.alignleft {
|
|
margin-left: 1.5em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.wp-caption.alignright {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
/* Only posts with non-floating/fullwidth images can have hanging captions */
|
|
.post .wp-caption.aligncenter .wp-caption-text,
|
|
.post .wp-caption.alignnone .wp-caption-text {
|
|
text-align: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Galleries */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Pagination */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.posts-navigation .nav-previous {
|
|
float: right;
|
|
}
|
|
|
|
.posts-navigation .nav-next {
|
|
float: left;
|
|
}
|
|
|
|
/* Responsive Navigation */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.site-main .post-navigation {
|
|
text-align: left;
|
|
}
|
|
|
|
.site-main > .post-navigation .nav-next {
|
|
float: left;
|
|
padding-left: inherit;
|
|
padding-right: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.site-main > .post-navigation .nav-previous {
|
|
float: right;
|
|
padding-left: 20px;
|
|
padding-right: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
.site-main .comment-navigation {
|
|
float: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Comments */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.comment-list {
|
|
float: left;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.comment .avatar {
|
|
left: inherit;
|
|
right: 0;
|
|
}
|
|
|
|
.comment .comment-author .fn {
|
|
margin-left: inherit;
|
|
margin-right: 70px;
|
|
}
|
|
|
|
.bypostauthor .fn:before {
|
|
margin-left: 10px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.comment .comment-metadata {
|
|
float: right;
|
|
margin-left: inherit;
|
|
margin-right: 70px;
|
|
text-align: right;
|
|
}
|
|
|
|
.comment .reply {
|
|
text-align: left;
|
|
}
|
|
|
|
.comment .comment-reply-link:before {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.comment .children {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/* Responsive Comments */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.comments-area {
|
|
padding: 50px 33.333% 50px 11.111%;
|
|
}
|
|
|
|
.comment .comment-author {
|
|
float: right;
|
|
margin-right: inherit;
|
|
}
|
|
|
|
.comment .comment-author .fn {
|
|
margin-left: inherit;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.comment .comment-metadata {
|
|
float: left;
|
|
margin-left: inherit;
|
|
margin-right: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.comment .avatar {
|
|
margin-left: 0;
|
|
margin-right: inherit;
|
|
left: calc(100% + 40px);
|
|
right: inherit;
|
|
}
|
|
|
|
.comment .comment-content {
|
|
margin-left: inherit;
|
|
margin-right: 0;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Comment Respond */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.comment-respond p label {
|
|
text-align: right;
|
|
}
|
|
|
|
.comment-respond p.form-submit {
|
|
text-align: left;
|
|
}
|
|
|
|
.comment .comment-reply-title small {
|
|
left: 0;
|
|
right: inherit;
|
|
}
|
|
|
|
.comment .comment-reply-title a:before {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
/* Responsive Comments */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.comment-respond p label {
|
|
left: calc(100% + 40px);
|
|
right: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
.comment .comment-respond p.form-submit {
|
|
padding-left: inherit;
|
|
padding-right: 50%;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Widgets */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.widget_calendar {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget_calendar caption {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget_calendar table th,
|
|
.widget_calendar table tr,
|
|
.widget_calendar table td {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget_calendar #next {
|
|
text-align: left;
|
|
}
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
.widget,
|
|
.widget:nth-child(2n) {
|
|
margin: 0 30px 60px 0;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !## Secondary */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
/* Large Screen Styles */
|
|
@media screen and (min-width: 881px) {
|
|
|
|
#secondary {
|
|
float: left;
|
|
}
|
|
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Footer */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.site-footer {
|
|
clear: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/* !# Extras */
|
|
/*--------------------------------------------------------------*/
|
|
|
|
.sd-social-official .sd-content ul>li {
|
|
float: right !important;
|
|
} |