init
This commit is contained in:
commit
ff6f6c80cd
1709 changed files with 840760 additions and 0 deletions
556
wp-content/themes/twentyseventeen/rtl.css
Normal file
556
wp-content/themes/twentyseventeen/rtl.css
Normal file
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue