Файл: wordpress/wp-content/themes/twentyfourteen/rtl.css
Строк: 749
/*
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
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;
}
.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;
}
/**
* 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;
}
/**
* 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;
}
}