WordPress/wp-content/themes/twentytwelve/rtl.css

194 lines
3.6 KiB
CSS

/*
Theme Name: Twenty Twelve
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
*/
caption,
th,
td {
text-align: right;
}
/* =Repeatable patterns
-------------------------------------------------------------- */
/* Images */
.alignright {
float: right;
}
.alignleft {
float: left;
}
.site-content .gallery-columns-4 .gallery-item {
padding-left: 2%;
padding-right: 0;
}
.site-content .gallery-columns-5 .gallery-item {
padding-left: 2%;
padding-right: 0;
}
/* Navigation */
.nav-previous,
.previous-image {
float: right;
}
.nav-next,
.next-image {
float: left;
text-align: left;
}
/* Author profiles */
#author-avatar {
float: right;
}
#author-description {
float: right;
margin-right: 15px;
margin-right: 1.071428571rem;
margin-left: auto;
}
/* =Basic structure
-------------------------------------------------------------- */
/* Navigation Menu */
.main-navigation li {
margin-left: 40px;
margin-left: 2.857142857rem;
margin-right: auto;
}
.main-navigation li ul ul {
right: 100%;
left: auto;
}
.main-navigation ul li:hover > ul {
border-right: 0;
border-left: none;
}
/* =Basic post styling
-------------------------------------------------------------- */
img.alignright {
float: right;
margin: 0 0 0 24px;
}
.entry-content li {
margin: 0 24px 0 0;
}
img.alignright {
margin: 12px 0 12px 24px;
}
img.alignleft {
margin: 12px 24px 12px 0;
}
.entry-content td {
padding: 6px 0 6px 10px;
}
/* =Aside post styling
-------------------------------------------------------------- */
article.format-aside .aside {
border-right: 22px solid #a8bfe8;
border-left: none;
}
/* =Link post styling
-------------------------------------------------------------- */
article.format-link header {
float: left;
}
article.format-link .entry-content {
float: right;
}
/* =Comment styling
-------------------------------------------------------------- */
.comments-area article header img {
float: right;
}
.comments-area article header cite,
.comments-area article header time {
margin-right: 85px;
margin-right: 6.071428571rem;
margin-left: auto;
}
.comments-area article header h4 {
left: 0;
right: auto;
}
.comments-area li.bypostauthor cite span {
margin-right: 5px;
margin-right: 0.357142857rem;
margin-left: auto;
}
/* Comment form */
#respond h3#reply-title #cancel-comment-reply-link {
margin-right: 10px;
margin-right: 0.714285714rem;
margin-left: auto;
}
label ~ span.required {
float: right;
margin: -18px -16px 0 0;
}
/* =Home page template styling
-------------------------------------------------------------- */
.page-template-homepage-php .widget-area .widget_text img {
float: right;
margin: 8px 0 8px 24px;
}
/* =Widget styling
-------------------------------------------------------------- */
.widget-area .widget ul ul {
margin-right: 12px;
margin-right: 0.857142857rem;
margin-left: auto;
}
.widget_recent_entries .post-date {
margin-right: 12px;
margin-right: 0.857142857rem;
margin-left: auto;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: right;
}
#wp-calendar #next {
padding-left: 24px;
padding-left: 1.714285714rem;
text-align: left;
padding-right: 0;
}
/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.page-template-homepage-php .widget-area .widget_text img {
float: right;
margin: 8px 0 8px 24px;
}
}