themes-wordpress/toujours/rtl.css

/*
Theme Name: Toujours

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

*/


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

blockquote {
	border-left: 0;
	border-right: 4px solid #f0f0f0;;
	padding-left: 0;
	padding-right: 30px;
}


li > ul,
li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

th,
td {
	text-align: right;
}

textarea {
	padding-left: 0;
	padding-right: 3px;
}

.search-form label:before {
	left: 0;
	right: auto;
}

.search-form .search-submit {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	padding-right: 0;
}

.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after {
	margin-left: 0;
	margin-right: 5px;
}

.main-navigation ul ul {
	float: right;
	left: auto;
	right: -999em;
	text-align: right;
}

.main-navigation ul ul:before {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -8px;
}

.main-navigation ul ul .menu-item-has-children > a,
.main-navigation ul ul .page_item_has_children > a {
	padding-left: 30px;
	padding-right: 15px;
}

.main-navigation ul ul .menu-item-has-children > a:after,
.main-navigation ul ul .page_item_has_children > a:after {
	left: 10px;
	right: auto;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

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

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	margin-left: 0;
	margin-right: -120px;
	right: 50%;
}

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

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	text-align: right;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget_archive ul ul,
.widget_categories ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
	margin-left: 0;
	margin-right: 15px;
}


/* Widget Calendar */

.widget_calendar #next {
	text-align: left;
}

.widget_calendar #prev {
	text-align: right;
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

#primary {
	float: right;
}

.no-sidebar #primary {
	float: none;
}

#secondary {
	border-left: 0;
	border-right: 1px solid #e1e1e1;
	float: left;
	padding-left: 0;
	padding-right: 30px;
}

/*--------------------------------------------------------------
# Slideshow
--------------------------------------------------------------*/

.slideshow {
	direction: ltr;
}

.slideshow .slide-info {
	left: auto;
	right: 0;
	text-align: right;
}

.slideshow .slide-info:after {
	border: 1px solid;
	border-right: 0;
	left: 3px;
	right: 0;
}

/*--------------------------------------------------------------
## Featured Post Trio
--------------------------------------------------------------*/
#featured-post-trio article {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

#featured-post-trio article:last-child {
	margin-left: 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.featured-post {
	left: auto;
	right: -3px;
}

.featured-image span {
	float: right;
}

.featured-image a {
	float: right;
}

.entry-meta .comments-link {
	float: left;
}

.cat-links a:first-of-type,
.tags-links a:first-of-type {
	margin-left: 0;
	margin-right: 0.25em;
}


.post-format-label:before {
	margin-left: 2px;
	margin-right: 0;
}

.nav-links .nav-previous .nav-subtitle:before {
	left: auto;
	right: -3px;
}

.nav-links .nav-next .nav-subtitle:after {
	left: -3px;
	right: auto;
}

/*--------------------------------------------------------------
## Audio
--------------------------------------------------------------*/

.entry-audio .mejs-container .mejs-controls,
.entry-content .mejs-container.mejs-audio .mejs-controls {
	left: auto;
	right: 4%;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-list .children {
	padding-left: 0;
	padding-right: 45px;
}

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

.bypostauthor .avatar-container:before {
	left: 0;
	right: auto;
}

.bypostauthor .avatar-container:after {
	left: 1px;
	right: auto;
}

.children .bypostauthor .avatar-container:after {
	left: 0;
	right: auto;
}

.comment-author,
.comment-metadata,
.comment-content,
.reply,
.comment-awaiting-moderation {
	margin-left: 0;
	margin-right: 110px;
}

.children .comment-author,
.children .comment-metadata,
.children .comment-content,
.children .reply,
.children .comment-awaiting-moderation {
	margin-left: 0;
	margin-right: 90px;
}

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

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/

.error404 #primary {
	float: none;
}

/*--------------------------------------------------------------
## Guestbook Page
--------------------------------------------------------------*/

.page-template-guestbook #comments .comment {
	float: right;
}

.page-template-guestbook #primary {
	float: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer-widgets .widget {
	float: right;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

.infinite-loader .spinner {
	left: auto !important;
	right: 50% !important; /* !important to override inline styles */
	margin-left: 0;
	margin-right: -10px;
}

#infinite-handle span {
	border: 0;
}

#infinite-handle span:before {
	display: none;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	padding-left: 2px;
	padding-right: 0;
}

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

	#primary,
	#secondary {
		float: none;
	}

	#secondary {
		padding-right: 0;
	}

	/* Featured trio */
	#featured-post-trio article {
		float: none;
	}

	#featured-post-trio article.has-post-thumbnail .featured-image {
		float: right;
		margin-left: 30px;
		margin-right: 0;
	}

	#featured-post-trio article.has-post-thumbnail .entry-text {
		float: right;
	}

	/* Guestbook Template */
	.page-template-guestbook #comments .comment {
		float: none;
	}
}


@media only screen and (max-width: 680px) {
	/* Navigation */
	.main-navigation {
		text-align: right;
	}

	.main-navigation ul ul {
		float: none;
		padding-left: 0;
		padding-right: 15px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		right: auto;
		margin-right: 0;
	}

	.menu-toggle:before {
		margin-left: 5px;
		margin-right: 0;
	}

	.slideshow .slide-info {
		text-align: center;
	}

	#featured-post-trio article.has-post-thumbnail .featured-image,
	#featured-post-trio article.has-post-thumbnail .entry-text {
		float: none;
	}

	.entry-footer .edit-link {
		float: none;
	}

	.nav-links .nav-previous,
	.nav-links .nav-next {
		float: none;
		text-align: center;
	}

	.comment .avatar-container:after,
	.comment .avatar-crop:after {
		left: 1px;
		right: auto;
	}

	.comment .comment-author,
	.comment .comment-metadata,
	.comment .comment-content,
	.comment .reply,
	.comment .comment-awaiting-moderation {
		margin-left: 0;
		margin-right: 90px;
	}

	.comment-list .children {
		padding-left: 0;
		padding-right: 20px;
	}

	.children .comment .avatar-container:after,
	.children .comment .avatar-crop:after {
		left: 0;
		right: auto;
	}

	.children .comment .comment-author,
	.children .comment .comment-metadata,
	.children .comment .comment-content,
	.children .comment .reply,
	.children .comment .reply {
		margin-left: 0;
		margin-right: 70px;
	}

}

@media only screen and (max-width: 540px) {

	/* Posts and pages */
	.entry-meta .comments-link {
		float: none;
	}

	.comment-list .children {
		padding-right: 0;
	}
}