themes-wordpress/independent-publisher-2/rtl.css

678 lines
13 KiB
CSS
Raw Normal View History

/*
Theme Name: Independent Publisher 2
*/
body {
direction: rtl;
unicode-bidi: embed;
}
ul,
ol {
margin: 0 2em 1.75em 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-right: 2em;
margin-left: auto;
}
blockquote {
border-width: 0 3px 0 0;
margin: 1.75em -1.9em 1.75em .875em;
padding: 0 1.75em 0 0;
}
blockquote blockquote {
margin-right: 1.75em;
margin-left: auto;
}
blockquote.alignleft,
blockquote.alignright {
margin-right: auto;
margin-left: auto;
text-align: right;
}
blockquote cite:before {
margin-left: .21875em;
margin-right: 0;
}
textarea {
padding-right: 3px;
padding-left: 0;
}
caption,
th,
td {
text-align: right;
}
/*--------------------------------------------------------------
3.0 - Forms
--------------------------------------------------------------*/
input + button:not(.menu-toggle),
input + input[type="button"],
input + input[type="reset"],
input + input[type="submit"],
input + .posts-navigation .nav-links a,
input + #content #infinite-handle span button,
label + button:not(.menu-toggle),
label + input[type="button"],
label + input[type="reset"],
label + input[type="submit"],
label + .posts-navigation .nav-links a,
label + #content #infinite-handle span button {
margin-right: .21875em;
margin-left: auto;
}
input[type="checkbox"],
input[type="radio"] {
margin-left: .1em;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/
.site-content .nav-previous {
float: right;
}
.site-content .nav-next {
float: left;
text-align: left;
}
/*--------------------------------------------------------------
4.1 - Mobile Menu Button
--------------------------------------------------------------*/
.toggled .menu-toggle:before {
margin-left: 3px;
margin-right: auto;
}
/*--------------------------------------------------------------
4.3 - Posts Navigation
--------------------------------------------------------------*/
.posts-navigation .nav-links .nav-previous a:before {
margin-left: .4375em;
margin-right: auto;
}
.posts-navigation .nav-links .nav-next a:after {
margin-right: .4375em;
margin-left: auto;
}
/*--------------------------------------------------------------
4.4 - Post Navigation
--------------------------------------------------------------*/
.post-navigation .nav-links .nav-previous {
margin: 0 -.21875em 0 0;
}
.post-navigation .nav-links .nav-previous a:before {
margin-left: .21875em;
margin-right: auto;
content: "\f432";
}
.post-navigation .nav-links .nav-next a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.post-navigation .nav-links .nav-next {
margin: 0 0 0 -.21875em;
}
.post-navigation .nav-links .nav-next a:after {
margin-right: .21875em;
margin-left: auto;
}
/*--------------------------------------------------------------
4.5 - Comment Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.6 - Menu
--------------------------------------------------------------*/
.main-navigation {
text-align: right;
}
.main-navigation ul {
padding-right: 0;
padding-left: 0;
}
/* Small menu. */
.menu-toggle:before {
margin-left: 5px;
margin-right: auto;
}
.main-navigation ul a {
padding-right: 1.75em;
padding-left: 1.75em;
}
.main-navigation ul ul a {
padding-right: 3.5em;
padding-left: 0;
}
.main-navigation ul ul ul a {
padding-right: 5.25em;
padding-left: 0;
}
.main-navigation ul ul ul ul a {
padding-right: 7em;
padding-left: 0;
}
.main-navigation ul ul ul ul ul a {
padding-right: 8.75em;
padding-left: 0;
}
.main-navigation ul ul ul ul ul ul a {
padding-right: 10.5em;
padding-left: 0;
}
/*--------------------------------------------------------------
5.0 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text:focus {
left: auto;
right: 5px;
}
/*--------------------------------------------------------------
6.0 - Clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.0 - Content
--------------------------------------------------------------*/
.alignright {
float: right;
margin-left: 1.75em;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 1.75em;
margin-left: auto;
}
img.alignright {
margin: 5px 0 10px 20px;
}
img.alignleft {
margin: 5px 20px 10px 0;
}
/*--------------------------------------------------------------
9.0 - Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers */
/*--------------------------------------------------------------
10.0 - Galleries
--------------------------------------------------------------*/
.gallery-item {
float: right;
margin: 1.75em 4px 0 0;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n+1),
.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
clear: right;
margin-right: 0;
margin-left: auto;
}
/*--------------------------------------------------------------
11.0 - Comments
--------------------------------------------------------------*/
ol.comment-list li.comment,
ol.comment-list ol.children li.comment {
margin-right: -1px;
margin-left: auto;
}
.pingback,
.trackback {
border-right: solid 1px #e8e8e8;
border-left: none;
}
ol.comment-list .pingback,
ol.comment-list .trackback {
padding-right: .875em;
padding-left: 0;
}
.pingback:before,
.trackback:before {
float: right;
}
.pingback a:first-child,
.trackback a:first-child {
margin: 0 .21875em 0 0;
}
.pingback span.edit-link,
.trackback span.edit-link {
margin-right: .21875em;
margin-left: auto;
}
.pingback span.edit-link:before,
.trackback span.edit-link:before {
margin: 0 0 0 .109375em;
}
.comment .comment-body {
padding: 1.75em 1.75em 0 0;
}
.comment .comment-reply-link:before {
margin-left: .25em;
margin-right: auto;
}
.comment .comment-meta {
padding-right: 63px;
padding-left: 0;
}
.comment .comment-meta .comment-author .avatar {
right: 0;
left: auto;
}
.comment-awaiting-moderation {
margin: 1.2em -63px -5px 0;
}
.comment-awaiting-moderation:before {
margin-left: .4375em;
margin-right: auto;
}
.comment-awaiting-moderation:after {
margin-right: .4375em;
margin-left: auto;
}
.comment > .comment-respond {
margin-right: 1.75em;
margin-left: auto;
}
/*--------------------------------------------------------------
12.0 - Widgets
--------------------------------------------------------------*/
/* =Footer Widgets */
.widget ul,
.widget ol {
margin-left: auto;
}
.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
margin-right: .875em;
margin-left: auto;
}
.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
margin-right: 1.75em;
margin-left: auto;
}
.widget_calendar #next {
text-align: left;
}
/* Using root level selector to increase specificity */
.widget_authors img {
margin-left: .4375em;
margin-right: auto;
}
/*--------------------------------------------------------------
13.0 - Layout
--------------------------------------------------------------*/
.light-text > span,
.light-text > a {
margin-left: .875em;
margin-right: auto;
}
.light-text > span:last-child,
.light-text > a:last-child {
margin-left: 0;
margin-right: auto;
}
.light-text > span:before,
.light-text > a:before {
margin-left: .21875em;
margin-right: auto;
}
.light-text span.author.vcard + a[rel="author"] {
margin-right: .4375em;
margin-left: auto;
}
.light-text span.cat-links {
margin-right: 0;
margin-left: auto;
}
.light-text a[rel="author"]:first-child {
margin-left: 0;
margin-right: auto;
}
.sticky-label {
left: auto;
right: 0;
}
.hentry > .sticky-label {
float: right;
}
.hentry > .sticky-label + .entry-content {
clear: right;
}
.entry-meta > span {
margin-left: 1.3125em;
margin-right: 0;
}
.entry-meta > span:last-child {
margin-left: 0;
}
.post-details span.author.vcard + span.cat-links {
margin-right: .4375em;
margin-left: auto;
}
.post-tags li {
float: right;
}
.post-tags li:first-child:after {
margin-left: .875em;
margin-right: 0;
}
.post-tags li:nth-child(n+2):not(:last-child):after {
margin-left: .4375em;
margin-right: 0;
}
.page-links {
text-align: right;
}
.page-links > span:first-child,
.page-links > a:first-child {
margin-left: 0;
margin-right: .4375em;
}
.post-edit-link a:before {
margin: -.109375em -.21875em 0 .21875em;
}
/*--------------------------------------------------------------
13.2 - Hero Header
--------------------------------------------------------------*/
.has-header-image #hero-header:before {
right: 0;
left: auto;
}
/*--------------------------------------------------------------
13.3 - Post Author Card
--------------------------------------------------------------*/
.entry-author .author-avatar {
float: left;
margin-right: .875em;
margin-left: auto;
}
.entry-author .author-avatar img {
float: left;
}
.site-posted-on {
margin-right: 100px;
margin-left: auto;
}
.site-posted-on strong {
clear: left;
}
@media screen and (min-width: 32.375em) {
.main-navigation {
text-align: center;
}
.main-navigation ul a,
.main-navigation ul ul a,
.main-navigation ul ul ul a,
.main-navigation ul ul ul ul a,
.main-navigation ul ul ul ul ul a,
.main-navigation ul ul ul ul ul ul a {
padding: .4835em .209375em;
}
.main-navigation ul ul {
right: -999em;
margin-right: -.4em;
float: right;
text-align: right;
left: auto;
margin-left: auto;
}
.main-navigation ul ul ul {
right: -999em;
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
right: 100%;
left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
right: auto;
left: auto;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
margin-right: 6px;
margin-left: auto;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.post-navigation .nav-links .nav-previous {
margin: 0 -.21875em 0 0;
}
blockquote.alignright {
margin-left: 1.75em;
margin-right: auto;
}
blockquote.alignleft {
margin-right: 1.75em;
margin-left: auto;
}
}
@media screen and (min-width: 48.9375em) {
.comments-area li.comment {
padding: 1.75em 1.75em 0 0;
}
.comments-area li.comment .comment-respond {
margin-right: 0;
margin-left: auto;
}
.comments-area li.comment .comment {
margin-right: 0;
margin-left: auto;
}
.entry-author .author-avatar {
margin-right: 0;
}
.entry-author .author-avatar,
.entry-author .author-avatar img {
float: right;
}
.entry-author .author-bio,
.entry-author .author-heading {
margin-right: 100px;
margin-left: auto;
}
.site-posted-on {
left: 0;
right: auto;
margin-right: 0;
text-align: left;
margin-left: auto;
}
}
@media screen and (min-width: 62em) {
.has-sidebar .content-area {
float: right;
margin: 0 0 0 -26%;
}
.has-sidebar .site-main {
margin: 0 0 0 26%;
}
.has-sidebar .site-content .widget-area {
float: left;
}
.footer-widgets .widget-area {
float: right;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
margin-left: 4%;
margin-right: auto;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-left: 0;
margin-right: auto;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
margin-left: 5%;
margin-right: auto;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
margin-left: 0;
margin-right: auto;
}
}
@media screen and (min-width: 68.75em) {
/* Large tiled galleries */
body:not(.has-sidebar) .tiled-gallery-wrapper,
body:not(.has-sidebar) .jetpack-video-wrapper,
body:not(.has-sidebar) img.size-big,
body:not(.has-sidebar) .wp-caption.size-big img {
margin-left: auto;
margin-right: -180px;
}
body:not(.has-sidebar) .jetpack-slideshow img.size-big {
margin-right: auto;
}
}