mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-16 23:55:12 +01:00
2878ae6271
Non-wrapping `label`s are more widely supported by assitive technologies. The CSS changes account for the element re-ordering, and tweak the formatting for improved readability. Props afercia, xkon, laurelfulford, azaozz. Merges [43125] to the 4.9 branch. Fixes #43436. Built from https://develop.svn.wordpress.org/branches/4.9@43130 git-svn-id: http://core.svn.wordpress.org/branches/4.9@42959 1a063a9b-81f0-0310-95a4-ce76da25c4cd
240 lines
4.7 KiB
CSS
240 lines
4.7 KiB
CSS
/*
|
|
Theme Name: Twenty Twelve
|
|
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 https://codex.wordpress.org/Right_to_Left_Language_Support
|
|
*/
|
|
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
caption,
|
|
th,
|
|
td {
|
|
text-align: right;
|
|
}
|
|
|
|
/* =Repeatable patterns
|
|
-------------------------------------------------------------- */
|
|
|
|
/* Images */
|
|
.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;
|
|
}
|
|
|
|
|
|
/* =Main Content
|
|
----------------------------------------------- */
|
|
|
|
.comment-content ol,
|
|
.comment-content ul {
|
|
margin: 0 24px 0 0;
|
|
margin: 0 1.714285714rem 0 0;
|
|
}
|
|
|
|
|
|
/* =Basic post styling
|
|
-------------------------------------------------------------- */
|
|
|
|
.entry-content li,
|
|
.comment-content li {
|
|
margin: 0 24px 0 0;
|
|
margin: 0 1.714285714rem 0 0;
|
|
}
|
|
.entry-content td,
|
|
.comment-content td {
|
|
padding: 6px 0 6px 10px;
|
|
}
|
|
|
|
|
|
/* Aside posts */
|
|
article.format-aside .aside {
|
|
border-right: 22px solid #a8bfe8;
|
|
border-left: none;
|
|
}
|
|
|
|
/* Link posts */
|
|
article.format-link header {
|
|
float: left;
|
|
}
|
|
article.format-link .entry-content {
|
|
float: right;
|
|
}
|
|
|
|
/* Status posts */
|
|
.format-status .entry-header img {
|
|
float: right;
|
|
margin-left: 21px;
|
|
margin-left: 1.5rem;
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
/* =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 .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;
|
|
margin: -1.285714286rem -1.142857143rem 0 0;
|
|
}
|
|
#respond #wp-comment-cookies-consent {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
|
|
/* =Front page template styling
|
|
-------------------------------------------------------------- */
|
|
|
|
.template-front-page .widget-area .widget_text img {
|
|
float: right;
|
|
margin: 8px 0 8px 24px;
|
|
margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
|
|
}
|
|
|
|
|
|
/* =Widget styling
|
|
-------------------------------------------------------------- */
|
|
|
|
.widget-area .widget ul ul {
|
|
margin-right: 12px;
|
|
margin-right: 0.857142857rem;
|
|
margin-left: auto;
|
|
}
|
|
.widget-area .textwidget li {
|
|
margin-left: auto;
|
|
margin-right: 36px;
|
|
margin-right: 2.571428571rem;
|
|
}
|
|
.widget_recent_entries .post-date,
|
|
.widget_rss .rss-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) {
|
|
.site-content,
|
|
.template-front-page.has-post-thumbnail article {
|
|
float: right;
|
|
}
|
|
.widget-area,
|
|
.entry-page-image {
|
|
float: left;
|
|
}
|
|
.site-header h1,
|
|
.site-header h2 {
|
|
text-align: right;
|
|
}
|
|
.template-front-page .widget-area .widget_text img {
|
|
float: right;
|
|
margin: 8px 0 8px 24px;
|
|
}
|
|
.template-front-page .widget-area .widget,
|
|
.template-front-page.two-sidebars .widget-area .front-widgets {
|
|
float: right;
|
|
}
|
|
.template-front-page .widget-area .widget:nth-child(odd) {
|
|
clear: left;
|
|
}
|
|
.template-front-page .widget-area .widget:nth-child(even),
|
|
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
|
|
float: left;
|
|
margin: 0 24px 0;
|
|
margin: 0 1.714285714rem 0;
|
|
}
|
|
.main-navigation ul.nav-menu,
|
|
.main-navigation div.nav-menu > ul {
|
|
text-align: right;
|
|
}
|
|
.main-navigation li {
|
|
margin-left: 40px;
|
|
margin-left: 2.857142857rem;
|
|
margin-right: auto;
|
|
}
|
|
.main-navigation li ul ul {
|
|
margin-right: 0;
|
|
right: 100%;
|
|
left: auto;
|
|
}
|
|
.main-navigation ul li:hover > ul {
|
|
border-right: 0;
|
|
border-left: none;
|
|
}
|
|
.commentlist .children {
|
|
margin-right: 48px;
|
|
margin-right: 3.428571429rem;
|
|
margin-left: auto;
|
|
}
|
|
} |