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

804 lines
13 KiB
CSS

/*
Theme Name: Twenty Fourteen
*/
body {
direction: rtl;
unicode-bidi: embed;
}
/* =Reset
----------------------------------------------- */
caption, th, td {
text-align: right;
}
/* =Global
----------------------------------------------- */
/* Text elements */
ul, ol {
margin: 0 22px 24px 0;
}
li > ul,
li > ol {
margin-right: 20px;
margin-left: auto;
}
.site-content blockquote.alignright {
margin: 7px 0 7px 24px;
}
.site-content blockquote.alignleft {
margin: 7px 24px 7px 0;
}
/* Alignment */
.alignright {
float: right;
margin-left: 24px;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 24px;
margin-left: auto;
}
.screen-reader-text:focus {
left: auto;
right: 5px;
}
/* =Header
----------------------------------------------- */
.search-toggle {
float: left;
margin-left: 38px;
margin-right: auto;
}
.site-title {
float: right;
}
.menu-toggle {
left: 0;
right: auto;
}
.search-toggle {
float: right;
padding: 25px 0 0 10px;
}
.search-box .search-field {
float: left;
}
/* =Menu
----------------------------------------------- */
/* Primary Navigation */
.primary-navigation ul {
padding-right: 0;
padding-left: 0;
}
.primary-navigation ul ul li {
margin-left: auto;
margin-right: 15px;
}
.primary-navigation ul ul {
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 {
left: auto;
right: 100%;
}
/* Secondary Navigation */
.secondary-navigation ul ul {
margin: 0 20px 0 0;
}
/* Mobile Navigations */
.mobile-navigation ul ul li {
margin-right: 15px;
margin-left: auto;
}
/* =Content
----------------------------------------------- */
.entry-content th,
.comment-content th {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: none;
}
.entry-content td,
.comment-content td {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: none;
}
.more-link .meta-nav,
..post-format-archive-link .meta-nav {
right: 0;
left: auto;
}
.more-link:hover .meta-nav,
..post-format-archive-link:hover .meta-nav {
right: 5px;
left: auto;
}
.page-links a,
.page-links > span {
margin-left: 1px;
margin-right: auto;
}
.page-links > span.page-links-title {
padding-right: 0;
padding-left: 0;
}
.tag-links a {
margin: 0 10px 4px 4px;
}
.tag-links a:before {
border-left: 10px solid #8c8c8c;
right: -10px;
left: auto;
border-right: none;
}
.tag-links a:hover:before,
.tag-links a:focus:before {
border-left-color: #2b2b2b;
}
.tag-links a:after {
right: -2px;
left: auto;
}
/* =Post Formatted posts column
----------------------------------------------- */
.widget_twentyfourteen_ephemera .widget-title:before {
margin-left: 10px;
margin-right: auto;
}
/* =Media
----------------------------------------------- */
img.alignright,
.wp-caption.alignright,
blockquote.alignright {
margin: 7px 0 7px 24px;
}
img.alignleft,
.wp-caption.alignleft,
blockquote.alignleft {
margin: 7px 24px 7px 0;
}
.wp-caption-text {
padding: 0 0 0 10px;
text-align: right;
}
/* =Navigation
----------------------------------------------- */
.paging-navigation .page-numbers {
margin-left: 5px;
margin-right: auto;
}
.post-navigation [rel="prev"],
.post-navigation [rel="next"],
.image-navigation .previous-image,
.image-navigation .next-image {
text-align: right;
}
.comment-navigation {
padding-right: 10px;
padding-left: 0;
}
.comment-navigation .nav-previous a {
margin-left: 10px;
margin-right: auto;
}
/* =Comments
----------------------------------------------- */
.comment-author {
padding-right: 36px;
padding-left: 0;
}
.comment-author .avatar {
right: 0;
left: auto;
}
.comment-metadata,
.comment-content {
padding-right: 36px;
padding-left: 0;
}
.comment-content ul,
.comment-content ol {
margin: 0 22px 24px 0;
}
.comment-list .children {
margin-right: 18px;
margin-left: auto;
}
.comment .comment-respond {
margin-right: 36px;
margin-left: auto;
}
.comment-edit-link {
margin-left: 0;
margin-right: 10px;
}
.comment-edit-link:before {
margin: 3px 0 0 2px;
}
.comment-reply-link:before,
.comment-reply-login:before {
margin: 3px 0 0 3px;
}
/* =Widgets
----------------------------------------------- */
.widget li > ul,
.widget li > ol {
margin: 0 10px 0 0;
}
.widget select,
.widget iframe {
margin-right: 1px;
margin-left: auto;
}
/* Caledar widget*/
.widget_calendar caption {
text-align: right;
}
.widget_calendar#prev {
padding-right: 5px;
padding-left: 0;
}
.widget_calendar #next {
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 5px;
text-align: left;
padding-right: 0;
border-right: none;
}
/* =Content Sidebar
----------------------------------------------- */
.content-sidebar .widget .children,
.content-sidebar .widget .sub-menu {
margin: 0 20px 0 0;
}
.content-sidebar .widget .widgets-multi-column-grid li {
padding: 0 0 6px 8px;
}
/* =Contributor Page
----------------------------------------------- */
.contributor-avatar {
float: right;
margin: 0 0 20px 30px;
}
.contributor-posts-link:before {
margin: -3px -3px -2px 5px;
}
/* =Media Queries
----------------------------------------------- */
/* Mobile list style */
@media screen and (max-width: 400px) {
.list-view .featured-thumbnail img {
float: right;
margin: 0 0 3px 10px;
}
}
@media screen and (min-width: 400px) {
.content-area .featured-post:before,
.content-area .post-format a:before,
.content-area .entry-date a:before,
.content-area .entry-date a:before,
.content-area .byline a:before,
.content-area .comments-link a:before,
.entry-comment .edit-link a:before,
.content-area .full-size-link a:before,
.content-area .parent-post-link a:before {
margin: 0 0 0 2px;
}
.content-area .entry-meta > span {
margin-left: 10px;
margin-right: auto;
}
.content-area .format-video .post-format a:before {
margin: -1px 0 0 2px;
}
.content-area .format-image .post-format a:before {
margin: -1px 0 0 2px;
}
.content-area .format-gallery .post-format a:before {
margin: -1px 0 0 4px;
}
.content-area .featured-post:before {
margin: -1px 0 0 3px;
}
.content-area .entry-date a:before,
.attachment span.entry-date:before {
margin: 0 0 0 1px;
}
.content-area .comments-link a:before {
margin: -1px 0 0 2px;
}
.entry-comment .edit-link a:before {
margin: -1px 0 0 2px;
}
.page .entry-comment .edit-link a:before {
margin: 5px 0 0 2px;
}
}
@media screen and (min-width: 672px) {
.content-area {
float: right;
}
.site-content {
margin: 0 0 0 33.33333333%;
}
.content-sidebar {
float: left;
margin: 0 -30.35714285% 0 0;
padding: 36px 0 24px 10px;
}
.ephemera {
float: left;
margin: 0 -30.35714285% 0 0;
padding: 36px 0 0 10px;
}
.featured-content .hentry {
float: right;
}
}
@media screen and (min-width: 740px) {
.comment-author {
padding-right: 60px;
padding-left: 0;
}
.comment-metadata,
.comment-content {
padding-right: 60px;
padding-left: 0;
}
.comments-title,
.no-comments,
.comment-respond,
.comments-area article,
.comment-list .trackback,
.comment-list .pingback,
.post-navigation [rel="prev"],
.post-navigation [rel="next"] {
padding-left: 9.12778904%;
padding-right: 9.12778904%;
}
.comment-navigation {
padding-right: 9.12778904%;
padding-left: 0;
}
.image-navigation .previous-image,
.image-navigation .next-image,
.full-width .comment-navigation,
.full-width .comments-title,
.full-width .comment-respond,
.full-width .comments-area article,
.full-width .comment-list .trackback,
.full-width .comment-list .pingback {
padding-left: 6.04307432%;
padding-right: 6.04307432%;
}
}
@media screen and (min-width: 782px) {
.header-main {
padding: 0 27px 0 0;
}
.search-toggle {
margin-left: 0;
}
}
@media screen and (min-width: 870px) {
.content-area .entry-header {
margin-left: 8.03571428%;
margin-right: 12.5%;
}
.content-area .entry-content,
.content-area .entry-summary {
margin-left: 8.03571428%;
margin-right: 12.5%;
}
.content-area footer.entry-meta {
margin: 12px 12.5% 24px 8.03571428%;
}
.page .content-area .entry-header,
.error404 .content-area .entry-header {
margin: 0 12.5% 0 8.03571428%;
}
.archive-header,
.page-header {
margin: 0 12.5% 24px 8.03571428%;
}
.comments-title,
.no-comments,
.comment-respond,
.comments-area article,
.comment-list .trackback,
.comment-list .pingback,
.post-navigation [rel="prev"],
.post-navigation [rel="next"] {
padding-left: 12.39493534%;
padding-right: 17.06896551%;
}
.comment-respond {
padding-left: 13.8900862%;
}
.comment-list,
.full-width .comment-list {
margin-right: -70px;
margin-left: auto;
}
.comment-navigation {
padding-right: 17.06896551%;
padding-left: 0;
}
.content-sidebar {
padding-top: 72px;
}
.image-navigation .previous-image,
.image-navigation .next-image,
.full-width .comment-navigation,
.full-width .comments-title,
.full-width .comment-respond,
.full-width .comments-area article,
.full-width .comment-list .trackback,
.full-width .comment-list .pingback {
padding-left: 11.30926724%;
padding-right: 11.30926724%;
}
.site-content blockquote.alignright {
margin-right: -20%;
margin-left: auto;
}
.site-content blockquote.alignleft {
margin-left: -20%;
margin-right: auto;
}
.content-area .no-results .entry-header {
margin-right: 12.5%;
margin-left: 8.03571428%;
}
.content-area .no-results .entry-content {
margin-right: 12.5%;
margin-left: 8.03571428%;
}
}
@media screen and (min-width: 1008px) {
.site:before {
right: 0;
left: auto;
}
.header-main {
padding-right: 27px;
padding-left: 0;
}
.search-box-wrapper {
padding-right: 222px;
padding-left: 0;
}
.site-content {
margin: 0 222px 0 27.31707317%;
}
#secondary {
float: right;
margin: 0 -100% 0 0;
}
.front-page-content-wrapper {
float: right;
}
.site-content {
margin: 0 222px 0 27.31707317%;
}
.content-sidebar,
.ephemera {
margin: 0 -27.31707317% 0 0;
}
.featured-content {
padding-right: 222px;
padding-left: 0;
}
.site-footer {
padding-right: 27px;
padding-left: 0;
}
.secondary-navigation ul ul {
right: 168px;
left: auto;
}
.full-width.site-content {
margin-right: 222px;
margin-left: auto;
}
.comments-title,
.no-comments,
.comment-respond,
.comments-area article,
.comment-list .trackback,
.comment-list .pingback,
.post-navigation [rel="prev"],
.post-navigation [rel="next"] {
padding-left: 9.87001616%;
padding-right: 9.19765166%;
}
.comment-list,
.full-width .comment-list {
margin-right: 0;
margin-left: auto;
}
.comment-navigation {
padding-right: 9.19765166%;
padding-left: 0;
}
.image-navigation .previous-image,
.image-navigation .next-image,
.full-width .comment-navigation,
.full-width .comments-title,
.full-width .comment-respond,
.full-width .comments-area article,
.full-width .comment-list .trackback,
.full-width .comment-list .pingback {
padding-left: 5.882236%;
padding-right: 5.882236%;
}
.site-content blockquote.alignright {
margin-right: 0;
margin-left: auto;
}
.site-content blockquote.alignleft {
margin-left: 0;
margin-right: auto;
}
.site-footer {
padding-left: 0;
padding-right: 0;
}
.site-footer .widget-area {
float: right;
}
}
@media screen and (min-width: 1150px) {
.content-area .entry-header {
margin: -48px 12.5% 0 8.03571428%;
}
.content-area .entry-content,
.content-area .entry-summary {
margin: 0 12.5% 0 8.03571428%;
}
.content-area footer.entry-meta {
margin: 12px 12.5% 24px 8.03571428%;
}
.comments-title,
.no-comments,
.comment-respond,
.comments-area article,
.comment-list .trackback,
.comment-list .pingback,
.post-navigation [rel="prev"],
.post-navigation [rel="next"] {
padding-left: 12.44146986%;
padding-right: 16.77524429%;
}
.comment-respond {
padding-left: 13.73697916%;
}
.comment-list,
.full-width .comment-list {
margin-right: -70px;
margin-left: auto;
}
.comment-navigation {
padding-right: 16.77524429%;
padding-left: 0;
}
.archive-header,
.page-header {
margin: 0 12.5% 24px 8.03571428%;
}
.page .content-area .entry-header,
.error404 .content-area .entry-header {
margin: 0 12.5% 0 8.03571428%;
}
.image-navigation .previous-image,
.image-navigation .next-image,
.full-width .comment-navigation,
.full-width .comments-title,
.full-width .comment-respond,
.full-width .comments-area article,
.full-width .comment-list .trackback,
.full-width .comment-list .pingback {
padding-left: 11.21868265%;
padding-right: 11.21868265%;
}
.content-area .entry-content .wp-caption.alignright .wp-caption-text {
padding-right: 10px;
padding-left: 0;
}
.site-content blockquote.alignright {
margin-right: -20%;
margin-left: auto;
}
.site-content blockquote.alignleft {
margin-left: -20%;
margin-right: auto;
}
}
@media screen and (min-width: 1230px) {
.content-sidebar,
.ephemera {
padding-left: 0;
}
.content-area .full-width .entry-header,
.content-area .full-width .entry-content,
.content-area .full-width footer.entry-meta {
margin: 0 11.21868265% 0 0;
}
.image-navigation .previous-image,
.image-navigation .next-image,
.full-width .comment-navigation,
.full-width .comments-title,
.full-width .comment-respond,
.full-width .comments-area article,
.full-width .comment-list .trackback,
.full-width .comment-list .pingback {
padding-left: 0;
}
}