781 lines
15 KiB
CSS
781 lines
15 KiB
CSS
/*
|
|
Theme Name: Dyad
|
|
|
|
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:
|
|
----------------------------------------------------------------
|
|
|
|
# Elements
|
|
# Heading
|
|
# Navigation
|
|
# Site Banner
|
|
# Content
|
|
## Index, Archive, Search
|
|
## 404 Error Pages
|
|
## Single Posts, Single Pages
|
|
## Comments
|
|
# Infinite scroll, posts navigation
|
|
# Site Footer
|
|
## Widgets
|
|
## Social Media Nav
|
|
# Media Queries
|
|
# WP.com specific styles
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Elements
|
|
--------------------------------------------------------------*/
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 0;
|
|
border-right: 3px solid #ddd;
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
padding-left: 0;
|
|
padding-right: 1.5em;
|
|
}
|
|
|
|
blockquote blockquote {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/**
|
|
* Lists
|
|
*/
|
|
|
|
ul,
|
|
ol {
|
|
margin-left: 0;
|
|
margin-right: 3em;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/**
|
|
* Tables
|
|
*/
|
|
|
|
th,
|
|
tfoot td {
|
|
text-align: right;
|
|
}
|
|
|
|
pre:before {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Heading
|
|
--------------------------------------------------------------*/
|
|
|
|
.site-header {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/**
|
|
# Site Branding - Logo
|
|
*/
|
|
.site-branding .site-logo-link {
|
|
padding-left: 0.5em;
|
|
padding-right: auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Navigation
|
|
--------------------------------------------------------------*/
|
|
|
|
#site-navigation {
|
|
text-align: left;
|
|
}
|
|
|
|
#site-navigation ul li {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
#site-navigation ul ul {
|
|
left: auto;
|
|
right: -9999em;
|
|
}
|
|
|
|
#site-navigation ul ul:before {
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: -10px;
|
|
right: 50%;
|
|
}
|
|
|
|
#site-navigation ul ul ul:before {
|
|
border-width: 8px 8px 8px 0;
|
|
border-color: transparent #292c2f transparent transparent;
|
|
left: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
right: auto;
|
|
}
|
|
|
|
#site-navigation ul ul li {
|
|
margin-right: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
#site-navigation ul li:hover > ul,
|
|
#site-navigation ul li.focus > ul {
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: -110px;
|
|
right: 50%;
|
|
}
|
|
|
|
#site-navigation ul ul li:hover > ul,
|
|
#site-navigation ul ul li.focus > ul {
|
|
left: 100%;
|
|
right: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
#site-navigation ul ul ul {
|
|
padding-left: 8px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Site Banner
|
|
--------------------------------------------------------------*/
|
|
|
|
#site-banner {
|
|
direction: ltr;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Index, Archive, Search
|
|
--------------------------------------------------------------*/
|
|
|
|
/* Grid of posts */
|
|
|
|
.posts .hentry {
|
|
float: right;
|
|
}
|
|
|
|
/* Content */
|
|
|
|
.posts .entry-inner:before,
|
|
.posts .entry-inner:after {
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: -25px;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .entry-inner-content {
|
|
left: 0;
|
|
right: auto;
|
|
text-align: right;
|
|
}
|
|
|
|
.too-short .link-more:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .has-post-thumbnail .edit-link {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/* Posts without featured image */
|
|
|
|
.posts .hentry:not(.has-post-thumbnail) .entry-inner:after,
|
|
.posts .hentry:not(.has-post-thumbnail) .entry-inner:before {
|
|
left: 50%;
|
|
margin-left: -20px;
|
|
margin-right: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## 404 Error Pages
|
|
--------------------------------------------------------------*/
|
|
|
|
.error404 .search-form .search-field,
|
|
.posts .no-results .search-form .search-field {
|
|
text-align: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Single Posts, Single Pages
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
/* site inner */
|
|
|
|
.is-singular:not(.home) .site-inner {
|
|
float: left;
|
|
}
|
|
|
|
.is-singular:not(.home):not(.has-post-thumbnail) .site-inner,
|
|
.single-format-image .site-inner,
|
|
.single-format-image.has-post-thumbnail .site-inner {
|
|
float: none;
|
|
}
|
|
|
|
/* entry inner - separator */
|
|
|
|
.is-singular .entry-inner:after,
|
|
.is-singular .entry-inner:before,
|
|
.error404 .entry-inner:after,
|
|
.error404 .entry-inner:before {
|
|
left: auto;
|
|
right: 50%;
|
|
}
|
|
|
|
.is-singular .entry-inner:after,
|
|
.error404 .entry-inner:after {
|
|
margin: -18px -18px 0 0;
|
|
}
|
|
|
|
.is-singular .entry-inner:before,
|
|
.error404 .entry-inner:before {
|
|
margin: -18px -18px 0 0;
|
|
}
|
|
|
|
/* entry header */
|
|
|
|
.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
|
|
left: auto;
|
|
right: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.is-singular.single-format-image .entry-header,
|
|
.is-singular.single-format-image.has-post-thumbnail .entry-header {
|
|
text-align: center;
|
|
}
|
|
|
|
.is-singular.has-post-thumbnail:not(.single-format-image) .entry-posted .posted-info {
|
|
float: right;
|
|
}
|
|
|
|
.is-singular.has-post-thumbnail:not(.single-format-image) .entry-posted .edit-link {
|
|
float: left;
|
|
}
|
|
|
|
.is-singular.single-format-image.has-post-thumbnail .entry-posted .posted-info,
|
|
.is-singular.single-format-image.has-post-thumbnail .entry-posted .edit-link {
|
|
float: none;
|
|
}
|
|
|
|
/* entry content */
|
|
|
|
.tags-links a {
|
|
margin: 0 0 0.5em 0.5em;
|
|
}
|
|
|
|
.tags-links a:last-of-type {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* entry media */
|
|
|
|
.is-singular .entry-media {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Comments
|
|
--------------------------------------------------------------*/
|
|
|
|
/* comments area */
|
|
|
|
.comments-title .add-comment-link {
|
|
float: left;
|
|
}
|
|
|
|
.comment-author {
|
|
position: relative;
|
|
}
|
|
|
|
.comment-author .avatar-container {
|
|
left: auto;
|
|
right: -100px;
|
|
}
|
|
|
|
.bypostauthor .comment-author:before {
|
|
left: auto;
|
|
right: -100px;
|
|
}
|
|
|
|
ol.children .bypostauthor .comment-author:before {
|
|
left: auto;
|
|
right: -80px;
|
|
}
|
|
|
|
.comment-body {
|
|
margin-left: 0;
|
|
margin-right: 100px;
|
|
}
|
|
|
|
.comment .reply {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.comment .reply:before {
|
|
margin-left: 3px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* */
|
|
|
|
ol.comment-list ol.children {
|
|
padding-left: 0;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
ol.comment-list ol.children .comment-author .avatar-container {
|
|
left: 0;
|
|
right: -80px;
|
|
}
|
|
|
|
ol.comment-list ol.children .comment-body {
|
|
margin-left: 0;
|
|
margin-right: 80px;
|
|
}
|
|
|
|
/**
|
|
* Comments pagination
|
|
*/
|
|
|
|
.comment-navigation .nav-previous {
|
|
float: right;
|
|
}
|
|
.comment-navigation .nav-next {
|
|
float: left;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Site Footer
|
|
--------------------------------------------------------------*/
|
|
|
|
.widget-area .widget {
|
|
float: right;
|
|
}
|
|
|
|
/*
|
|
* Infinite Footer
|
|
*/
|
|
|
|
#infinite-footer .container {
|
|
float: left;
|
|
}
|
|
|
|
.posts-navigation .nav-previous {
|
|
float: right;
|
|
}
|
|
|
|
.posts-navigation .nav-next {
|
|
float: left;
|
|
}
|
|
|
|
.footer-bottom-info.has-social-menu .site-info {
|
|
float: right;
|
|
}
|
|
|
|
.footer-bottom-info.has-social-menu .social-links {
|
|
float: left;
|
|
}
|
|
|
|
.is-singular.has-post-thumbnail .footer-bottom-info.has-social-menu .site-info,
|
|
.is-singular.has-post-thumbnail .footer-bottom-info.has-social-menu .social-links {
|
|
float: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Widgets
|
|
--------------------------------------------------------------*/
|
|
|
|
.widget {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget-title {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget ul li li {
|
|
padding-left: 0;
|
|
padding-right: 1.5em;
|
|
}
|
|
|
|
/**
|
|
* Tag cloud widget
|
|
*/
|
|
|
|
.widget .tagcloud a,
|
|
.widget.widget_tag_cloud a {
|
|
float: right;
|
|
margin: 2px 0 0 2px;
|
|
}
|
|
|
|
/* Calendar */
|
|
|
|
.widget_calendar caption {
|
|
text-align: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Media Queries
|
|
--------------------------------------------------------------*/
|
|
|
|
@media screen and (min-width: 1601px) {
|
|
|
|
/*
|
|
Index, Archive, Search - post grid
|
|
*/
|
|
.posts .entry-media {
|
|
float: right;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(6n+4).has-post-thumbnail .entry-media,
|
|
.posts .hentry:nth-of-type(6n+5).has-post-thumbnail .entry-media,
|
|
.posts .hentry:nth-of-type(6n+6).has-post-thumbnail .entry-media {
|
|
float: left;
|
|
}
|
|
|
|
.posts .entry-inner {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(6n+4).has-post-thumbnail .entry-inner,
|
|
.posts .hentry:nth-of-type(6n+5).has-post-thumbnail .entry-inner,
|
|
.posts .hentry:nth-of-type(6n+6).has-post-thumbnail .entry-inner,
|
|
.posts .hentry.has-post-thumbnail:nth-of-type(6n+4) .edit-link,
|
|
.posts .hentry.has-post-thumbnail:nth-of-type(6n+5) .edit-link,
|
|
.posts .hentry.has-post-thumbnail:nth-of-type(6n+6) .edit-link {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(6n+4).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-of-type(6n+5).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-of-type(6n+6).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-of-type(6n+4).has-post-thumbnail .entry-inner:before,
|
|
.posts .hentry:nth-of-type(6n+5).has-post-thumbnail .entry-inner:before,
|
|
.posts .hentry:nth-of-type(6n+6).has-post-thumbnail .entry-inner:before {
|
|
left: 0;
|
|
margin-left: -25px;
|
|
margin-right: 0;
|
|
right: auto;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1600px) {
|
|
/*
|
|
Index, Archive, Search - post grid
|
|
*/
|
|
|
|
.posts .entry-media {
|
|
float: right;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(4n+3) .entry-media,
|
|
.posts .hentry:nth-of-type(4n+4) .entry-media {
|
|
float: left;
|
|
}
|
|
|
|
.posts .entry-inner {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(4n+3) .entry-inner,
|
|
.posts .hentry:nth-of-type(4n+4) .entry-inner,
|
|
.posts .hentry:nth-of-type(4n+3) .edit-link,
|
|
.posts .hentry:nth-of-type(4n+4) .edit-link {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .hentry:nth-of-type(4n+3).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-of-type(4n+4).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-of-type(4n+3).has-post-thumbnail .entry-inner:before,
|
|
.posts .hentry:nth-of-type(4n+4).has-post-thumbnail .entry-inner:before {
|
|
left: 0;
|
|
margin-left: -25px;
|
|
margin-right: 0;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
/*
|
|
* Index, Archive, Search
|
|
*/
|
|
|
|
.posts .hentry {
|
|
float: none;
|
|
}
|
|
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .hentry:nth-child(odd) .entry-media {
|
|
float: right;
|
|
}
|
|
|
|
.posts .hentry:nth-child(even) .entry-media {
|
|
float: left;
|
|
}
|
|
|
|
.posts .hentry:nth-child(odd) .entry-inner,
|
|
.posts .hentry:nth-child(odd) .edit-link,
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:before {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:before {
|
|
margin-left: -25px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
.posts .hentry:nth-child(even) .entry-inner,
|
|
.posts .hentry:nth-child(even) .edit-link,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:before {
|
|
margin-left: 0;
|
|
margin-right: -25px;
|
|
}
|
|
|
|
|
|
/* entry header */
|
|
|
|
.is-singular .entry-header,
|
|
.has-post-thumbnail.is-singular:not(.home) .entry-header,
|
|
.page.has-post-thumbnail.is-singular:not(.home) .entry-header,
|
|
.has-post-thumbnail.is-singular:not(.home):not(.single-format-image) .entry-header {
|
|
text-align: center;
|
|
}
|
|
|
|
.is-singular.has-post-thumbnail:not(.single-format-image) .entry-posted .posted-info,
|
|
.is-singular.has-post-thumbnail:not(.single-format-image) .entry-posted .edit-link {
|
|
float: none;
|
|
}
|
|
|
|
.footer-bottom-info.has-social-menu .site-info,
|
|
.footer-bottom-info.has-social-menu .social-links {
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
.site-branding {
|
|
float: none;
|
|
}
|
|
|
|
/* Menu */
|
|
.menu-toggle {
|
|
left: 2rem;
|
|
right: auto;
|
|
}
|
|
|
|
#site-navigation {
|
|
text-align: right;
|
|
}
|
|
|
|
#site-navigation ul li {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#site-navigation ul ul {
|
|
margin: 0 2rem 0 0 !important;
|
|
}
|
|
|
|
#site-navigation ul ul ul {
|
|
padding-right: 0;
|
|
}
|
|
|
|
|
|
/* entry media */
|
|
|
|
|
|
.is-singular .entry-media,
|
|
.is-singular:not(.home) .entry-media {
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 680px) {
|
|
/* elements */
|
|
|
|
.menu-toggle {
|
|
right: auto;
|
|
}
|
|
|
|
.posts .hentry:nth-child(even) .entry-media,
|
|
.posts .hentry:nth-child(odd) .entry-media {
|
|
float: none;
|
|
}
|
|
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(even).has-post-thumbnail .entry-inner:before,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:after,
|
|
.posts .hentry:nth-child(odd).has-post-thumbnail .entry-inner:before {
|
|
left: auto;
|
|
right: 50%;
|
|
}
|
|
|
|
.posts .hentry .entry-media,
|
|
.posts .hentry .entry-inner,
|
|
.entry-inner-content {
|
|
float: none;
|
|
}
|
|
|
|
.posts .entry-media .post-thumbnail {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
/* Single Posts */
|
|
.is-singular .entry-inner:after,
|
|
.error404 .entry-inner:after {
|
|
margin: -15px -15px 0 0;
|
|
}
|
|
|
|
.is-singular .entry-inner:before,
|
|
.error404 .entry-inner:before {
|
|
margin: -15px -15px 0 0;
|
|
}
|
|
|
|
/* Comments */
|
|
ol.comment-list ol.children {
|
|
padding-left: 0;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
ol.comment-list ol.children ol {
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* Widgets */
|
|
.widget-area .widget,
|
|
.widget-area.widgets-two .widget,
|
|
.widget-area.widgets-three .widget,
|
|
.is-singular:not(.home) .widget-area .widget,
|
|
.has-post-thumbnail.is-singular:not(.home) .widget-area .widget,
|
|
.has-post-thumbnail.is-singular:not(.home) .widget-area.widgets-three .widget,
|
|
.has-post-thumbnail.is-singular.single-format-image .widget-area .widget,
|
|
.has-post-thumbnail.is-singular.single-format-image .widget-area .widget,
|
|
.is-singular.single-format-image .widget-area .widget,
|
|
.is-singular.single-format-image .widget-area .widget {
|
|
float: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 400px) {
|
|
/* Menu Toggle */
|
|
.menu-toggle {
|
|
left: auto;
|
|
}
|
|
|
|
/* Posts */
|
|
.posts-navigation div:nth-of-type(2) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.posts-navigation .nav-next,
|
|
.posts-navigation .nav-previous {
|
|
float: none;
|
|
}
|
|
|
|
.comment-body,
|
|
ol.comment-list ol.children .comment-body {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# WP.com specific styles
|
|
--------------------------------------------------------------*/
|
|
|
|
/**
|
|
* Widgets
|
|
*/
|
|
|
|
/* Author Widget */
|
|
|
|
.widget-area .widget_author_grid ul li {
|
|
float: right !important;
|
|
}
|
|
|
|
.widget_authors img.avatar {
|
|
margin-left: 10px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.widget_authors ul ul {
|
|
clear: right;
|
|
}
|
|
|
|
.widget_authors ul li li {
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* Calendar */
|
|
|
|
.widget_calendar tr td#next {
|
|
text-align: left;
|
|
}
|
|
|
|
.widget_calendar tr td#prev {
|
|
text-align: right;
|
|
}
|
|
|
|
/* Flickr Widget */
|
|
|
|
.widget_flickr table,
|
|
.widget_flickr td {
|
|
text-align: right;
|
|
}
|
|
|