]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-content/themes/twentyseventeen/rtl.css
WordPress 4.7
[autoinstalls/wordpress.git] / wp-content / themes / twentyseventeen / rtl.css
diff --git a/wp-content/themes/twentyseventeen/rtl.css b/wp-content/themes/twentyseventeen/rtl.css
new file mode 100644 (file)
index 0000000..059355a
--- /dev/null
@@ -0,0 +1,546 @@
+/*
+Theme Name: Twenty Seventeen
+
+Adding support for languages written in a Right To Left (RTL) direction is easy,
+it's just a matter of overwriting all the horizontal positioning attributes
+of your CSS stylesheet in a separate stylesheet file named rtl.css.
+
+https://codex.wordpress.org/Right-to-Left_Language_Support
+
+*/
+
+/* Reset */
+
+body {
+       direction: rtl;
+       unicode-bidi: embed;
+}
+
+th {
+       text-align: right;
+}
+
+/* Accessibility */
+
+.screen-reader-text:focus {
+       left: auto;
+       right: 5px;
+}
+
+/* Typography */
+
+textarea {
+       padding-right: 3px;
+}
+
+li > ul,
+li > ol {
+       margin-left: 0;
+       margin-right: 1.5em;
+}
+
+th:first-child,
+td:first-child {
+       padding-left: 0.4em;
+       padding-right: 0;
+}
+
+th:last-child,
+td:last-child {
+       padding-left: 0;
+       padding-right: 0.4em;
+}
+
+/* Forms */
+
+input[type="radio"],
+input[type="checkbox"] {
+       margin-left: 0.5em;
+       margin-right: 0;
+}
+
+/* Media */
+
+.mejs-offscreen {
+       right: -10000px;
+}
+
+/* Site Branding */
+
+.custom-logo-link {
+       padding-left: 1em;
+       padding-right: 0;
+}
+
+/* Main Navigation */
+
+.main-navigation ul {
+       text-align: right;
+}
+
+.main-navigation ul ul {
+       padding-left: 0;
+       padding-right: 1.5em;
+}
+
+.menu-toggle .icon {
+       margin-left: 0.5em;
+       margin-right: 0;
+}
+
+.dropdown-toggle {
+       left: -0.5em;
+       right: auto;
+}
+
+/* Front Page */
+
+.wp-custom-header-video-button {
+       left: 30px;
+       right: auto;
+}
+
+.twentyseventeen-panel .recent-posts .entry-header .edit-link {
+       margin-left: 0;
+       margin-right: 1em;
+}
+
+/* Blog, Archive, Search */
+
+.blog .entry-meta a.post-edit-link,
+.archive .entry-meta a.post-edit-link,
+.search .entry-meta a.post-edit-link {
+       margin-left: 0;
+       margin-right: 1em;
+}
+
+.search .page .entry-meta a.post-edit-link {
+       margin-right: 0;
+}
+
+.sticky .icon-thumb-tack {
+       left: auto;
+       right: -1.5em;
+}
+
+.prev.page-numbers .icon,
+.next.page-numbers .icon {
+       display: inline-block;
+       -ms-transform: rotate(180deg); /* IE 9 */
+       -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+       transform: rotate(180deg);
+}
+
+.prev.page-numbers {
+       float: right;
+}
+
+.next.page-numbers {
+       float: left;
+}
+
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+       margin-left: 0.5em;
+       margin-right: 0;
+}
+
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+       margin-left: 0;
+       margin-right: 0.5em;
+}
+
+/* Blog Entries */
+
+.entry-footer .cat-links,
+.entry-footer .tags-links {
+       padding-left: 0;
+       padding-right: 2.5em;
+}
+
+.entry-footer .cat-links .icon,
+.entry-footer .tags-links .icon {
+       left: auto;
+       margin-left: 0.5em;
+       margin-right: 0;
+       right: 0;
+}
+
+/* Comments */
+
+.comment-body {
+       margin-left: 0;
+       margin-right: 65px;
+}
+
+.comment-reply-link .icon {
+       left: auto;
+       right: -2em;
+       -webkit-transform: scale(-1, 1);
+       -ms-transform: scale(-1, 1);
+       transform: scale(-1, 1);
+}
+
+.comment-author .avatar {
+       left: auto;
+       right: -65px;
+}
+
+.comment-reply-link:before {
+       left: auto;
+       right: -2em;
+}
+
+.children .comment-author .avatar {
+       left: auto;
+       right: -45px;
+}
+
+.form-submit {
+       text-align: left;
+}
+
+/* Post Formats */
+
+.format-quote blockquote .icon {
+       left: auto;
+       right: -1.25em;
+       -webkit-transform: none;
+       -ms-transform: none;
+       transform: none;
+}
+
+/* Post Navigation */
+
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper,
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+       display: inline-block;
+       -ms-transform: rotate(180deg); /* IE 9 */
+       -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+       transform: rotate(180deg);
+}
+
+/* Widgets */
+
+.widget ul {
+       margin: 0;
+}
+
+.search-form .search-submit {
+       left: 3px;
+       right: auto;
+}
+
+.widget .tagcloud a,
+.widget.widget_tag_cloud a,
+.wp_widget_tag_cloud a {
+       float: right;
+       margin: 4px 0 0 4px !important; /* !important to override inline styles */
+}
+
+.widget ul li li {
+       padding-left: 0;
+       padding-right: 1.5rem;
+}
+
+/* Footer */
+
+.social-navigation a {
+       margin-left: 1em;
+       margin-right: 0;
+}
+
+/* Customizer styles */
+
+.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
+       left: 3.2em;
+       right: auto;
+}
+
+/* Gallery Styles */
+
+.gallery-item,
+.gallery-caption {
+       text-align: right;
+}
+
+/* SVG Fallback */
+
+.no-svg .dropdown-toggle {
+       left: 0;
+       right: auto;
+}
+
+/* Media queries */
+
+@media screen and (min-width: 48em) {
+
+       body.page-template-full-width-page #primary {
+               float: none;
+       }
+
+       .has-sidebar:not(.error404) #primary {
+               float: right;
+       }
+
+       .has-sidebar #secondary {
+               float: left;
+       }
+
+       .error404 #primary {
+               float: none;
+       }
+
+       /* Site Branding */
+
+       .custom-logo-link {
+               padding-left: 2em;
+               padding-right: 0;
+       }
+
+       /* Navigation */
+
+       .main-navigation ul ul {
+               padding-right: 0;
+       }
+
+       .main-navigation ul ul:before,
+       .main-navigation ul ul:after {
+               left: 0.5em;
+               right: auto;
+       }
+
+       .main-navigation ul ul,
+       .main-navigation ul ul ul {
+               left: auto;
+               right: -999em;
+       }
+
+       .main-navigation ul ul li:hover > ul,
+       .main-navigation ul ul li.focus > ul {
+               left: auto;
+               right: 100%;
+       }
+
+       .main-navigation ul li:hover > ul,
+       .main-navigation ul li.focus > ul {
+               left: auto;
+               right: 0.5em;
+       }
+
+       .main-navigation ul li.menu-item-has-children:before,
+       .main-navigation ul li.menu-item-has-children:after,
+       .main-navigation ul li.page_item_has_children:before,
+       .main-navigation ul li.page_item_has_children:after {
+               left: 1em;
+               right: auto;
+       }
+
+       .main-navigation .menu-item-has-children > a > .icon,
+       .main-navigation .page_item_has_children > a > .icon {
+               left: auto;
+               right: 5px;
+       }
+
+       .main-navigation ul ul .menu-item-has-children > a > .icon,
+       .main-navigation ul ul .page_item_has_children > a > .icon {
+               left: 1em;
+               right: auto;
+               -webkit-transform: rotate(90deg);
+               -ms-transform: rotate(90deg);
+               transform: rotate(90deg);
+       }
+
+       /* Scroll down arrow */
+
+       .navigation-top .menu-scroll-down {
+               left: 0;
+               right: auto;
+       }
+
+       .site-header .menu-scroll-down {
+               left: 0;
+               right: auto;
+       }
+
+       .entry-title a {
+               margin-left: auto;
+               margin-right: -2px;
+       }
+
+       /* Front Page */
+
+       .page-two-column .panel-content .entry-header {
+               float: right;
+       }
+
+       .page-two-column .panel-content .entry-content {
+               float: left;
+       }
+
+       /* Front Page - Recent Posts */
+
+       .page-two-column .panel-content .recent-posts {
+               clear: left;
+               float: left;
+       }
+
+       /* Blog, Archive, Search */
+
+       .sticky .icon-thumb-tack {
+               left: auto;
+               right: -2.5em;
+       }
+
+       body:not(.has-sidebar):not(.page-one-column) .page-header,
+       body.has-sidebar.error404 #primary .page-header,
+       body.page-two-column:not(.archive) #primary .entry-header,
+       body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
+               float: right;
+       }
+
+       .blog:not(.has-sidebar) #primary article,
+       .archive:not(.has-sidebar):not(.page-one-column) #primary article,
+       .search:not(.has-sidebar) #primary article,
+       .has-sidebar.error404 #primary .page-content,
+       .error404.has-sidebar #primary .page-content,
+       body.page-two-column:not(.archive) #primary .entry-content,
+       body.page-two-column #comments {
+               float: left;
+       }
+
+       .entry-footer .edit-link a.post-edit-link {
+               margin-left: 0;
+               margin-right: 1em;
+       }
+
+       /* Entry content */
+
+       /* with sidebar */
+
+       .has-sidebar .entry-content blockquote.alignleft {
+               margin-left: 0;
+               width: 34%;
+       }
+
+       .has-sidebar #primary .entry-content blockquote.alignright,
+       .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
+               margin-right: 0;
+               width: 34%;
+       }
+
+       .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta {
+               margin-left: -72.5%;
+               width: 62%;
+       }
+
+       /* blog index and archive */
+
+       .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
+       .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
+       .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
+       .page-two-column .entry-content blockquote.alignleft {
+               margin-left: 0;
+               width: 34%;
+       }
+
+       .blog:not(.has-sidebar) .entry-content blockquote.alignright,
+       .twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright,
+       .archive:not(.has-sidebar) .entry-content blockquote.alignright,
+       .page-two-column #primary .entry-content blockquote.alignright {
+               margin-right: -72.5%;
+               width: 62%;
+       }
+
+       /* Post formats */
+
+       .format-quote blockquote .icon {
+               left: auto;
+               right: -1.5em;
+       }
+
+       .navigation.pagination {
+               float: left;
+       }
+
+       .has-sidebar .navigation.pagination,
+       .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
+               float: none;
+       }
+
+       .post-navigation .nav-previous {
+               float: right;
+       }
+
+       .post-navigation .nav-next {
+               float: left;
+               text-align: left;
+       }
+
+       /* Comments */
+
+       ol.children .children {
+               padding-left: 0;
+               padding-right: 2em;
+       }
+
+       /* Post Navigation */
+
+       .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+               left: auto;
+               right: -2em;
+       }
+
+       .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+               left: -2em;
+               right: auto;
+       }
+
+       /* Footer */
+
+       .site-footer .widget-column.footer-widget-1 {
+               float: right;
+       }
+
+       .site-footer .widget-column.footer-widget-2 {
+               float: left;
+       }
+
+       .social-navigation {
+               clear: right;
+               float: right;
+       }
+
+       .site-info {
+               float: right;
+       }
+
+       .social-navigation + .site-info {
+               margin-left: 0;
+               margin-right: 6%;
+       }
+}
+
+@media screen and (min-width: 67em) {
+
+       /* Sticky posts */
+
+       .sticky .icon-thumb-tack {
+               left: auto;
+               right: -1.25em;
+       }
+}
+
+@media screen and (min-width: 79em) {
+
+       .has-sidebar #primary .entry-content blockquote.alignright,
+       .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
+               margin-right: -20%;
+       }
+
+       .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
+       .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
+       .page-two-column .entry-content blockquote.alignleft,
+       .twentyseventeen-front-page .entry-content blockquote.alignleft {
+               margin-left: -20%;
+       }
+}