WordPress/wp-content/themes/twentyfourteen/rtl.css
ianbelanger 27a52dec3e Bundled Themes: Update calendar widget styles for 5.4 markup.
Fixes the alignment of month links in the calendar widget with the changes in version 5.4 for all Bundled Themes, except Twenty Thirteen, which was already fixed in #49546.

Props sabernhardt.
Fixes #49549.
Built from https://develop.svn.wordpress.org/trunk@47405


git-svn-id: http://core.svn.wordpress.org/trunk@47192 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-03-02 16:55:08 +00:00

877 lines
16 KiB
CSS

/*
Theme Name: Twenty Fourteen
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
*/
/**
* 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;
}
.entry-content p span[id^="more-"] {
float: right;
}
/**
* 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;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 0 0 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 .wp-calendar-nav-prev,
.widget_calendar #prev {
padding-right: 5px;
padding-left: 0;
text-align: right;
}
.widget_calendar .wp-calendar-nav-next,
.widget_calendar #next {
padding-right: 0;
padding-left: 5px;
text-align: left;
}
.widget_twentyfourteen_ephemera .entry-content ul,
.widget_twentyfourteen_ephemera .entry-content ol {
margin: 0 20px 18px 0;
}
.widget_twentyfourteen_ephemera .entry-content li > ul,
.widget_twentyfourteen_ephemera .entry-content li > ol {
margin: 0 20px 0 0;
}
.widget_text ul,
.widget_text ol {
margin: 0 10px 12px 0;
}
/**
* 7.2 Content Sidebar Widgets
* -----------------------------------------------------------------------------
*/
.content-sidebar .widget li > ol,
.content-sidebar .widget li > ul {
margin-right: 18px;
margin-left: auto;
}
.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
margin: -1px 0 0 18px;
}
/**
* 8.0 Footer
* -----------------------------------------------------------------------------
*/
.site-info span[role=separator] {
padding: 0 0.5em;
}
/**
* 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;
}
}