themes-wordpress/dyad-2/rtl.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;
}