You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
556 lines
9.4 KiB
556 lines
9.4 KiB
/* |
|
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%; |
|
} |
|
}
|
|
|