2 Theme Name: Twenty Seventeen
4 Adding support for languages written in a Right To Left (RTL) direction is easy,
5 it's just a matter of overwriting all the horizontal positioning attributes
6 of your CSS stylesheet in a separate stylesheet file named rtl.css.
8 https://codex.wordpress.org/Right-to-Left_Language_Support
25 .screen-reader-text:focus {
57 input[type="checkbox"] {
81 .main-navigation ul ul {
98 .wp-custom-header-video-button {
103 .twentyseventeen-panel .recent-posts .entry-header .edit-link {
108 /* Blog, Archive, Search */
110 .blog .entry-meta a.post-edit-link,
111 .archive .entry-meta a.post-edit-link,
112 .search .entry-meta a.post-edit-link {
117 .search .page .entry-meta a.post-edit-link {
121 .sticky .icon-thumb-tack {
126 .prev.page-numbers .icon,
127 .next.page-numbers .icon {
128 display: inline-block;
129 -ms-transform: rotate(180deg); /* IE 9 */
130 -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
131 transform: rotate(180deg);
142 .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
147 .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
154 .entry-footer .cat-links,
155 .entry-footer .tags-links {
157 padding-right: 2.5em;
160 .entry-footer .cat-links .icon,
161 .entry-footer .tags-links .icon {
175 .comment-reply-link .icon {
178 -webkit-transform: scale(-1, 1);
179 -ms-transform: scale(-1, 1);
180 transform: scale(-1, 1);
183 .comment-author .avatar {
188 .comment-reply-link:before {
193 .children .comment-author .avatar {
204 .format-quote blockquote .icon {
207 -webkit-transform: none;
212 /* Post Navigation */
214 .nav-links .nav-previous .nav-title .nav-title-icon-wrapper,
215 .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
216 display: inline-block;
217 -ms-transform: rotate(180deg); /* IE 9 */
218 -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
219 transform: rotate(180deg);
228 .search-form .search-submit {
234 .widget.widget_tag_cloud a,
235 .wp_widget_tag_cloud a {
237 margin: 4px 0 0 4px !important; /* !important to override inline styles */
242 padding-right: 1.5rem;
247 .social-navigation a {
252 /* Customizer styles */
254 .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
268 .no-svg .dropdown-toggle {
275 @media screen and (min-width: 48em) {
277 body.page-template-full-width-page #primary {
281 .has-sidebar:not(.error404) #primary {
285 .has-sidebar #secondary {
302 .main-navigation ul ul {
306 .main-navigation ul ul:before,
307 .main-navigation ul ul:after {
312 .main-navigation ul ul,
313 .main-navigation ul ul ul {
318 .main-navigation ul ul li:hover > ul,
319 .main-navigation ul ul li.focus > ul {
324 .main-navigation ul li:hover > ul,
325 .main-navigation ul li.focus > ul {
330 .main-navigation ul li.menu-item-has-children:before,
331 .main-navigation ul li.menu-item-has-children:after,
332 .main-navigation ul li.page_item_has_children:before,
333 .main-navigation ul li.page_item_has_children:after {
338 .main-navigation .menu-item-has-children > a > .icon,
339 .main-navigation .page_item_has_children > a > .icon {
344 .main-navigation ul ul .menu-item-has-children > a > .icon,
345 .main-navigation ul ul .page_item_has_children > a > .icon {
348 -webkit-transform: rotate(90deg);
349 -ms-transform: rotate(90deg);
350 transform: rotate(90deg);
353 /* Scroll down arrow */
355 .navigation-top .menu-scroll-down {
360 .site-header .menu-scroll-down {
372 .page-two-column .panel-content .entry-header {
376 .page-two-column .panel-content .entry-content {
380 /* Front Page - Recent Posts */
382 .page-two-column .panel-content .recent-posts {
387 /* Blog, Archive, Search */
389 .sticky .icon-thumb-tack {
394 body:not(.has-sidebar):not(.page-one-column) .page-header,
395 body.has-sidebar.error404 #primary .page-header,
396 body.page-two-column:not(.archive) #primary .entry-header,
397 body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
401 .blog:not(.has-sidebar) #primary article,
402 .archive:not(.has-sidebar):not(.page-one-column) #primary article,
403 .search:not(.has-sidebar) #primary article,
404 .has-sidebar.error404 #primary .page-content,
405 .error404.has-sidebar #primary .page-content,
406 body.page-two-column:not(.archive) #primary .entry-content,
407 body.page-two-column #comments {
411 .entry-footer .edit-link a.post-edit-link {
420 .has-sidebar .entry-content blockquote.alignleft {
425 .has-sidebar #primary .entry-content blockquote.alignright,
426 .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
431 .has-sidebar #primary .entry-content blockquote.alignleft.below-entry-meta {
436 /* blog index and archive */
438 .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
439 .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
440 .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
441 .page-two-column .entry-content blockquote.alignleft {
446 .blog:not(.has-sidebar) .entry-content blockquote.alignright,
447 .twentyseventeen-front-page.page-two-column #primary .entry-content blockquote.alignright,
448 .archive:not(.has-sidebar) .entry-content blockquote.alignright,
449 .page-two-column #primary .entry-content blockquote.alignright {
450 margin-right: -72.5%;
456 .format-quote blockquote .icon {
461 .navigation.pagination {
465 .has-sidebar .navigation.pagination,
466 .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
470 .post-navigation .nav-previous {
474 .post-navigation .nav-next {
481 ol.children .children {
486 /* Post Navigation */
488 .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
493 .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
500 .site-footer .widget-column.footer-widget-1 {
504 .site-footer .widget-column.footer-widget-2 {
517 .social-navigation + .site-info {
523 @media screen and (min-width: 67em) {
527 .sticky .icon-thumb-tack {
533 @media screen and (min-width: 79em) {
535 .has-sidebar #primary .entry-content blockquote.alignright,
536 .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
540 .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
541 .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
542 .page-two-column .entry-content blockquote.alignleft,
543 .twentyseventeen-front-page .entry-content blockquote.alignleft {