wp/wp-content/themes/twentyseventeen/rtl.css
changeset 7 cf61fcea0001
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-content/themes/twentyseventeen/rtl.css	Mon Oct 14 17:39:30 2019 +0200
@@ -0,0 +1,556 @@
+/*
+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;
+}
+
+.comment-form #wp-comment-cookies-consent {
+	margin: 0 0 0 10px;
+}
+
+/* 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;
+}
+
+.tagcloud ul li {
+	float: right;
+	margin: 4px 0 0 4px;
+}
+
+.widget ul li li {
+	padding-left: 0;
+	padding-right: 1.5rem;
+}
+
+.widget_text ul {
+	margin: 0 1.5em 1.5em 0;
+}
+
+.widget_text ul li ul {
+	margin: 0 1.5em 0 0;
+}
+
+/* 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%;
+	}
+}