rtl.css

/*
Theme Name: Scratch
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See http://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.7 - Post/Image/Paging Navigation
 *   6.10 - Contributor Page
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 9.0 - Featured Content
 * 10.0 - Media Queries
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */

body {
	direction: rtl;
	unicode-bidi: embed;
}

a {
	display: inline-block;
}

ul,
ol {
	margin: 0 20px 24px 0;
}

li > ul,
li > ol {
	margin: 0 20px 0 0;
}

caption,
th,
td {
	text-align: right;
}


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

.wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.screen-reader-text:focus {
	right: 5px;
	left: auto;
}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

.site-title {
	float: right;
}

.search-toggle {
	float: left;
	margin-left: 38px;
	margin-right: auto;
}

.search-box .search-field {
	float: left;
	padding: 1px 6px 2px 2px;
}

.search-toggle .screen-reader-text {
	right: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
	left: auto;
}


/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-navigation ul ul {
	margin-right: 20px;
	margin-left: auto;
}

.menu-toggle {
	right: auto;
	left: 0;
}


/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.entry-meta .tag-links a {
	margin: 0 10px 4px 4px;
}

.entry-meta .tag-links a:before {
	border-right: 0;
	border-left: 8px solid #767676;
	right: -7px;
	left: auto;
}

.entry-meta .tag-links a:hover:before,
.entry-meta .tag-links a:focus:before {
	border-left-color: #41a62a;
}

.entry-meta .tag-links a:after {
	right: -2px;
	left: auto;
}


/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

.page-links a,
.page-links > span {
	margin: 0 0 2px 1px;
}

.page-links > .page-links-title {
	padding-right: 0;
	padding-left: 7px;
}


/**
 * 6.5 Galleries
 * -----------------------------------------------------------------------------
 */

.gallery-item {
	float: right;
	margin: 0 0 4px 4px;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: auto;
	margin-left: 0;
}

.gallery-caption {
	padding: 6px 8px;
	right: 0;
	left: auto;
	text-align: right;
}

.gallery-caption:before {
	right: 0;
	left: auto;
}


/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

.paging-navigation .page-numbers {
	margin-right: auto;
	margin-left: 1px;
}


/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

.contributor-avatar {
	float: right;
	margin: 0 0 20px 30px;
}


/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comment-author .avatar {
	right: 0;
	left: auto;
}

.bypostauthor > article .fn:before {
	margin: 0 -2px 0 2px;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-right: 30px;
	padding-left: 0;
}

.comment-edit-link {
	margin-right: 10px;
	margin-left: auto;
}

.comment-reply-link:before,
.comment-reply-login:before {
	margin-left: auto;
	margin-right: 2px;
}

.comment-reply-link:before,
.comment-reply-login:before,
.comment-edit-link:before {
	-webkit-transform: scaleX(-1);
	-moz-transform:    scaleX(-1);
	-ms-transform:     scaleX(-1);
	-o-transform:      scaleX(-1);
	transform:         scaleX(-1);
}

.comment-content ul,
.comment-content ol {
	margin: 0 22px 24px 0;
}

.comment-list .children {
	margin-right: 15px;
	margin-left: auto;
}

.comment-reply-title small a {
	float: left;
}

.comment-navigation .nav-previous a {
	margin-right: auto;
	margin-left: 10px;
}


/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

.widget li > ol,
.widget li > ul {
	margin-right: 10px;
	margin-left: auto;
}

.widget input,
.widget textarea {
	padding: 1px 4px 2px 2px;
}

.widget_calendar caption {
	text-align: right;
}

.widget_calendar #prev {
	padding-right: 5px;
	padding-left: 0;
}

.widget_calendar #next {
	padding-right: 0;
	padding-left: 5px;
	text-align: left;
}


/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget li > ol,
.content-sidebar .widget li > ul {
	margin-right: 18px;
	margin-left: auto;
}


/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content .post-thumbnail img {
	right: 0;
	left: auto;
}

.slider-viewport {
	direction: ltr;
}

.slider .featured-content .entry-header {
	right: 0;
	left: auto;
	text-align: right;
}

.slider-control-paging {
	float: right;
}

.slider-control-paging li {
	float: right;
	margin: 2px 0 2px 4px;
}

.slider-control-paging li:last-child {
	margin-right: auto;
	margin-left: 0;
}

.slider-control-paging a:before {
	right: 10px;
	left: auto;
}

.slider-direction-nav li {
	border-width: 2px 0 0 1px;
	float: right;
}

.slider-direction-nav li:last-child {
	border-width: 2px 1px 0 0;
}

.slider-direction-nav a:before {
	content: "\f429";
}

.slider-direction-nav .slider-next:before {
	content: "\f430";
}


/**
 * 10.0 Media Queries
 * -----------------------------------------------------------------------------
 */

@media screen and (max-width: 400px) {
	.list-view .site-content .post-thumbnail img {
		float: right;
		margin: 0 0 3px 10px;
	}
}

@media screen and (min-width: 401px) {
	.site-content .entry-meta > span {
		margin-right: auto;
		margin-left: 10px;
	}

	.site-content .format-quote .post-format a:before {
		margin-right: auto;
		margin-left: 2px;
	}

	.site-content .format-gallery .post-format a:before {
		margin-right: auto;
		margin-left: 4px;
	}

	.site-content .format-aside .post-format a:before {
		margin-right: auto;
		margin-left: 2px;
	}

	.site-content .featured-post:before {
		margin-right: auto;
		margin-left: 3px;
	}

	.site-content .entry-date a:before,
	.attachment .site-content span.entry-date:before {
		margin-right: auto;
		margin-left: 1px;
	}

	.site-content .comments-link a:before {
		margin-right: auto;
		margin-left: 2px;
	}

	.site-content .full-size-link a:before {
		margin-right: auto;
		margin-left: 1px;
	}

	.entry-content .edit-link a:before,
	.entry-meta .edit-link a:before {
		-webkit-transform: scaleX(-1);
		-moz-transform:    scaleX(-1);
		-ms-transform:     scaleX(-1);
		-o-transform:      scaleX(-1);
		transform:         scaleX(-1);
	}
}

@media screen and (min-width: 594px) {
	.site-content .entry-header {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (min-width: 673px) {
	.search-toggle {
		margin-right: auto;
		margin-left: 18px;
	}

	.content-area {
		float: right;
	}

	.site-content {
		margin-right: auto;
		margin-left: 33.33333333%;
	}

	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
	}

	.full-width .site-content {
		margin-left: 0;
	}

	.content-sidebar {
		float: left;
		margin-right: -33.33333333%;
		margin-left: auto;
	}

	.grid .featured-content .hentry {
		float: right;
	}

	.slider-control-paging {
		padding-right: 20px;
		padding-left: 0;
	}

	.slider-direction-nav {
		float: left;
	}

	.slider-direction-nav li {
		padding: 0 0 0 1px;
	}

	.slider-direction-nav li:last-child {
		padding: 0 1px 0 0;
	}
}

@media screen and (min-width: 783px) {
	.header-main {
		padding-right: 30px;
		padding-left: 0;
	}

	.search-toggle {
		margin-right: auto;
		margin-left: 0;
	}

	.primary-navigation {
		float: left;
		margin: 0 -12px 0 1px;
	}

	.primary-navigation ul ul {
		float: right;
		margin: 0;
		right: -999em;
		left: auto;
	}

	.primary-navigation ul ul ul {
		right: -999em;
		left: auto;
	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		right: auto;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		right: 100%;
		left: auto;
	}

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 12px;
		padding-left: 26px;
	}

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		right: auto;
		left: 12px;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 12px;
		padding-left: 20px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f503";
		right: auto;
		left: 8px;
	}
}

@media screen and (min-width: 810px) {
	.attachment .entry-attachment .attachment {
		margin-right: -168px;
		margin-left: -168px;
	}

	.attachment .entry-attachment .attachment a {
		display: block;
	}

	.contributor-avatar {
		margin-right: -168px;
		margin-left: auto;
	}

	.contributor-summary {
		float: right;
	}

	.full-width .site-content blockquote.alignright,
	.full-width .site-content img.size-full.alignright,
	.full-width .site-content img.size-large.alignright,
	.full-width .site-content img.size-medium.alignright,
	.full-width .site-content .wp-caption.alignright {
		margin-right: -168px;
		margin-left: auto;
	}

	.full-width .site-content blockquote.alignleft,
	.full-width .site-content img.size-full.alignleft,
	.full-width .site-content img.size-large.alignleft,
	.full-width .site-content img.size-medium.alignleft,
	.full-width .site-content .wp-caption.alignleft {
		margin-right: auto;
		margin-left: -168px;
	}
}

@media screen and (min-width: 846px) {
	.comment-author,
	.comment-awaiting-moderation,
	.comment-content,
	.comment-list .reply,
	.comment-metadata {
		padding-right: 50px;
		padding-left: 0;
	}

	.comment-list .children {
		margin-right: 20px;
		margin-left: auto;
	}
}

@media screen and (min-width: 1008px) {
	.search-box-wrapper {
		padding-right: 182px;
		padding-left: 0;
	}

	.main-content {
		float: right;
	}

	.site-content {
		margin-right: 182px;
		margin-left: 29.04761904%;
	}

	.full-width .site-content {
		margin-right: 182px;
	}

	.content-sidebar {
		margin-right: -29.04761904%;
		margin-left: auto;
	}

	.site:before {
		right: 0;
		left: auto;
	}

	#secondary {
		float: right;
		margin: 0 -100% 0 0;
	}

	.secondary-navigation ul ul {
		right: -999em;
		left: auto;
	}

	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		right: 162px;
		left: auto;
	}

	.secondary-navigation .menu-item-has-children > a {
		padding-right: 30px;
		padding-left: 38px;
	}

	.secondary-navigation .menu-item-has-children > a:after {
		border-right-color: #fff;
		border-left-color: transparent;
		right: auto;
		left: 26px;
		content: "\f503";
	}

	.footer-sidebar .widget {
		float: right;
	}

	.featured-content {
		padding-right: 182px;
		padding-left: 0;
	}
}

@media screen and (min-width: 1040px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 15px;
		padding-left: 15px;
	}

	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (min-width: 1080px) {
	.site-content {
		margin-right: 222px;
		margin-left: 29.04761904%;
	}

	.full-width .site-content {
		margin-right: 222px;
	}

	.search-box-wrapper,
	.featured-content {
		padding-right: 222px;
		padding-left: 0;
	}

	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		right: 202px;
		left: auto;
	}

	.slider-control-paging {
		padding-right: 24px;
		padding-left: 0;
	}

	.slider-control-paging li {
		margin: 12px 0 12px 12px;
	}

	.slider-control-paging a:before {
		right: 6px;
		left: auto;
	}
}

@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (min-width: 1218px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		margin-left: 54px;
	}

	.full-width .archive-header,
	.full-width .comments-area,
	.full-width .image-navigation,
	.full-width .page-header,
	.full-width .page-content,
	.full-width .post-navigation,
	.full-width .site-content .entry-header,
	.full-width .site-content .entry-content,
	.full-width .site-content .entry-summary,
	.full-width .site-content footer.entry-meta {
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width: 1260px) {
	.site-content blockquote.alignright {
		margin-right: -18%;
		margin-left: auto;
	}

	.site-content blockquote.alignleft {
		margin-left: -18%;
		margin-right: auto;
	}
}