mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-09 22:29:05 +02:00
d097213a7b
If a privacy policy has been set, then a link to it will automatically be shown in the footer. The element containing the "Proudly powered by WordPress" link was chosen for the new policy link, in order to minimize visual conflicts with custom CSS that was written before the new link existed. Unfortunately, some minor conflicts are expected and unavoidable. Adding this link is required as part of GDPR compliance, and the benefits outweigh the downsides. To further mitigate the conflicts, a new imprint class was added to the "Proudly powered..." link, in order to facilitate targeting each link invididually with custom styles. This was accidentally not backported to the `4.9` branch before the beta/RC phase, but there was a consensus that it is safe to do that this late in the release cycle. See https://wordpress.slack.com/archives/C02RQBWTW/p1526577643000132. See https://wordpress.slack.com/archives/C02RQBWTW/p1526580781000240. Props xkon, laurelfulford, birgire, azaozz, iandunn. Merges [43051] to the 4.9 branch. See #43715. Built from https://develop.svn.wordpress.org/branches/4.9@43294 git-svn-id: http://core.svn.wordpress.org/branches/4.9@43123 1a063a9b-81f0-0310-95a4-ce76da25c4cd
757 lines
13 KiB
CSS
757 lines
13 KiB
CSS
/*
|
|
Theme Name: Twenty Sixteen
|
|
Description: Adds support for languages written in a Right To Left (RTL) direction.
|
|
It's easy, just a matter of overwriting all the horizontal positioning attributes
|
|
of your CSS stylesheet in a separate stylesheet file named rtl.css.
|
|
|
|
See: https://codex.wordpress.org/Right_to_Left_Language_Support
|
|
*/
|
|
|
|
/**
|
|
* Table of Contents:
|
|
*
|
|
* 1.0 - Normalize
|
|
* 2.0 - Typography
|
|
* 3.0 - Elements
|
|
* 4.0 - Forms
|
|
* 5.0 - Navigations
|
|
* 6.0 - Accessibility
|
|
* 7.0 - Widgets
|
|
* 8.0 - Content
|
|
* 8.1 - Header
|
|
* 8.2 - Posts and pages
|
|
* 8.3 - Comments
|
|
* 8.4 - Footer
|
|
* 9.0 - Multisites
|
|
* 10.0 - Media Queries
|
|
* 10.1 - >= 710px
|
|
* 10.2 - >= 910px
|
|
* 10.3 - >= 985px
|
|
* 10.4 - >= 1200px
|
|
*/
|
|
|
|
|
|
/**
|
|
* 1.0 - Normalize
|
|
*/
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
margin-right: auto;
|
|
margin-left: 0.4375em;
|
|
}
|
|
|
|
|
|
/**
|
|
* 2.0 - Typography
|
|
*/
|
|
|
|
body,
|
|
button,
|
|
button[disabled]:hover,
|
|
button[disabled]:focus,
|
|
input[type="button"],
|
|
input[type="button"][disabled]:hover,
|
|
input[type="button"][disabled]:focus,
|
|
input[type="reset"],
|
|
input[type="reset"][disabled]:hover,
|
|
input[type="reset"][disabled]:focus,
|
|
input[type="submit"],
|
|
input[type="submit"][disabled]:hover,
|
|
input[type="submit"][disabled]:focus,
|
|
input,
|
|
select,
|
|
textarea,
|
|
.post-password-form label,
|
|
.main-navigation,
|
|
.post-navigation,
|
|
.post-navigation .post-title,
|
|
.pagination,
|
|
.image-navigation,
|
|
.comment-navigation,
|
|
.site .skip-link,
|
|
.logged-in .site .skip-link,
|
|
.widget .widget-title,
|
|
.widget_recent_entries .post-date,
|
|
.widget_rss .rss-date,
|
|
.widget_rss cite,
|
|
.tagcloud a,
|
|
.site-title,
|
|
.entry-title,
|
|
.entry-footer,
|
|
.sticky-post,
|
|
.page-title,
|
|
.page-links,
|
|
.comments-title,
|
|
.comment-reply-title,
|
|
.comment-metadata,
|
|
.pingback .edit-link,
|
|
.comment-reply-link,
|
|
.comment-form label,
|
|
.no-comments,
|
|
.required,
|
|
.site-footer .site-title,
|
|
.site-footer .site-title:after,
|
|
.widecolumn label,
|
|
.widecolumn .mu_register label,
|
|
.site-footer span[role=separator] {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
:-moz-placeholder {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
blockquote {
|
|
border-right-width: 4px;
|
|
border-left-width: 0;
|
|
padding-right: 1.263157895em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.entry-content h1,
|
|
.entry-content h2,
|
|
.entry-content h3,
|
|
.entry-content h4,
|
|
.entry-content h5,
|
|
.entry-content h6,
|
|
.entry-summary h1,
|
|
.entry-summary h2,
|
|
.entry-summary h3,
|
|
.entry-summary h4,
|
|
.entry-summary h5,
|
|
.entry-summary h6,
|
|
.comment-content h1,
|
|
.comment-content h2,
|
|
.comment-content h3,
|
|
.comment-content h4,
|
|
.comment-content h5,
|
|
.comment-content h6,
|
|
.textwidget h1,
|
|
.textwidget h2,
|
|
.textwidget h3,
|
|
.textwidget h4,
|
|
.textwidget h5,
|
|
.textwidget h6,
|
|
.entry-content .author-title,
|
|
.widget_calendar caption,
|
|
.widecolumn h2 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
|
|
/**
|
|
* 3.0 - Elements
|
|
*/
|
|
|
|
ul,
|
|
ol {
|
|
margin: 0 1.25em 1.75em 0;
|
|
}
|
|
|
|
ol {
|
|
margin-right: 1.5em;
|
|
margin-left: 0;
|
|
}
|
|
|
|
caption,
|
|
th,
|
|
td {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
/**
|
|
* 4.0 - Forms
|
|
*/
|
|
|
|
input[type="search"].search-field {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
|
|
.search-submit:before {
|
|
left: 1px;
|
|
}
|
|
|
|
.search-submit {
|
|
border-radius: 2px 0 0 2px;
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
|
|
/**
|
|
* 5.0 - Navigation
|
|
*/
|
|
|
|
.main-navigation ul ul {
|
|
margin-right: 0.875em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.main-navigation .menu-item-has-children > a {
|
|
margin-right: auto;
|
|
margin-left: 56px;
|
|
}
|
|
|
|
.dropdown-toggle {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.dropdown-toggle:after {
|
|
border-right-width: 1px;
|
|
border-left-width: 0;
|
|
left: auto;
|
|
right: 1px;
|
|
}
|
|
|
|
.social-navigation li {
|
|
float: right;
|
|
margin: 0 0 0.4375em 0.4375em;
|
|
}
|
|
|
|
.pagination:before {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination:after {
|
|
left: 54px;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination .nav-links {
|
|
padding-right: 0;
|
|
padding-left: 106px;
|
|
}
|
|
|
|
.pagination .nav-links:before {
|
|
content: "\f430";
|
|
left: -1px;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination .nav-links:after {
|
|
content: "\f429";
|
|
left: 55px;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination .page-numbers {
|
|
margin: 0 -0.7368421053em 0 0.7368421053em;
|
|
}
|
|
|
|
.pagination .prev,
|
|
.pagination .next {
|
|
margin: 0;
|
|
}
|
|
|
|
.pagination .prev {
|
|
left: 54px;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination .prev:before {
|
|
content: "\f429";
|
|
left: auto;
|
|
right: -1px;
|
|
}
|
|
|
|
.pagination .next {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.pagination .next:before {
|
|
content: "\f430";
|
|
left: -1px;
|
|
right: auto;
|
|
}
|
|
|
|
.comment-navigation {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
/**
|
|
* 6.0 - Accessibility
|
|
*/
|
|
|
|
.site .skip-link {
|
|
left: auto;
|
|
right: -9999em;
|
|
}
|
|
|
|
.site .skip-link:focus {
|
|
left: auto;
|
|
right: 6px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 7.0 - Widgets
|
|
*/
|
|
|
|
.tagcloud a {
|
|
margin-right: 0;
|
|
margin-left: 0.1875em;
|
|
}
|
|
|
|
.tagcloud ul {
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
/**
|
|
* 8.0 - Content
|
|
*/
|
|
|
|
|
|
/**
|
|
* 8.1 - Header
|
|
*/
|
|
|
|
.site-branding {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
/**
|
|
* 8.2 - Posts and pages
|
|
*/
|
|
|
|
.author-avatar .avatar {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: 1.75em;
|
|
}
|
|
|
|
.entry-footer .avatar {
|
|
margin-right: 0;
|
|
margin-left: 0.5384615385em;
|
|
}
|
|
|
|
.page-links a,
|
|
.page-links > span {
|
|
margin-right: auto;
|
|
margin-left: 0.3076923077em;
|
|
}
|
|
|
|
.page-links > .page-links-title {
|
|
padding-right: 0;
|
|
padding-left: 0.6153846154em;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary .alignright {
|
|
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary .alignleft {
|
|
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
|
|
}
|
|
|
|
|
|
/**
|
|
* 8.3 - Comments
|
|
*/
|
|
|
|
.comment-list .children > li {
|
|
padding-right: 0.875em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-author .avatar {
|
|
float: right;
|
|
margin-right: auto;
|
|
margin-left: 0.875em;
|
|
}
|
|
|
|
.bypostauthor > article .fn:after {
|
|
left: auto;
|
|
right: 3px;
|
|
}
|
|
|
|
.comment-content ul,
|
|
.comment-content ol {
|
|
margin: 0 1.25em 1.5em 0;
|
|
}
|
|
|
|
.comment-reply-title small a {
|
|
float: left;
|
|
}
|
|
|
|
.comment-form #wp-comment-cookies-consent {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.comment-form .comment-form-cookies-consent label {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
/**
|
|
* 9.0 - Multisites
|
|
*/
|
|
|
|
.widecolumn .mu_register label {
|
|
margin-right: 0;
|
|
margin-left: 0.7692307692em;
|
|
}
|
|
|
|
|
|
/**
|
|
* 10.0 - Media Queries
|
|
*/
|
|
|
|
|
|
/**
|
|
* 10.1 - >= 710px
|
|
*/
|
|
|
|
@media screen and (min-width: 44.375em) {
|
|
.pagination {
|
|
margin: 0 7.6923% 4.421052632em 23.0769%;
|
|
}
|
|
|
|
.entry-header,
|
|
.post-thumbnail,
|
|
.entry-content,
|
|
.entry-summary,
|
|
.entry-footer,
|
|
.comments-area,
|
|
.image-navigation,
|
|
.post-navigation,
|
|
.page-header,
|
|
.page-content,
|
|
.content-bottom-widgets {
|
|
margin-right: 7.6923%;
|
|
margin-left: 23.0769%;
|
|
}
|
|
|
|
.entry-content blockquote:not(.alignright):not(.alignleft),
|
|
.entry-summary blockquote,
|
|
.comment-content blockquote {
|
|
margin-right: -1.473684211em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.entry-content blockquote blockquote:not(.alignright):not(.alignleft),
|
|
.entry-summary blockquote blockquote,
|
|
.comment-content blockquote blockquote {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.entry-content ul,
|
|
.entry-summary ul,
|
|
.comment-content ul,
|
|
.entry-content ol,
|
|
.entry-summary ol,
|
|
.comment-content ol {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.entry-content li > ul,
|
|
.entry-summary li > ul,
|
|
.comment-content li > ul,
|
|
.entry-content blockquote > ul,
|
|
.entry-summary blockquote > ul,
|
|
.comment-content blockquote > ul {
|
|
margin-right: 1.25em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.entry-content li > ol,
|
|
.entry-summary li > ol,
|
|
.comment-content li > ol,
|
|
.entry-content blockquote > ol,
|
|
.entry-summary blockquote > ol,
|
|
.comment-content blockquote > ol {
|
|
margin-right: 1.5em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-list .children > li {
|
|
padding-right: 1.75em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.sidebar,
|
|
.widecolumn {
|
|
padding-right: 7.6923%;
|
|
padding-left: 23.0769%;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary li > ul,
|
|
body:not(.search-results) .entry-summary blockquote > ul {
|
|
margin-right: 1.157894737em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary li > ol,
|
|
body:not(.search-results) .entry-summary blockquote > ol {
|
|
margin-right: 1.473684211em;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 10.2 - >= 910px
|
|
*/
|
|
|
|
@media screen and (min-width: 56.875em) {
|
|
.main-navigation .primary-menu > li {
|
|
float: right;
|
|
}
|
|
|
|
.main-navigation ul ul {
|
|
left: auto;
|
|
margin: 0;
|
|
right: -999em;
|
|
}
|
|
|
|
.main-navigation ul ul:before {
|
|
left: 9px;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation ul ul:after {
|
|
left: 11px;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation li:hover > ul,
|
|
.main-navigation li.focus > ul {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation ul ul li:hover > ul,
|
|
.main-navigation ul ul li.focus > ul {
|
|
left: 100%;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation .menu-item-has-children > a {
|
|
margin: 0;
|
|
padding-right: 0.875em;
|
|
padding-left: 2.25em;
|
|
}
|
|
|
|
.main-navigation .menu-item-has-children > a:after {
|
|
left: 0.625em;
|
|
right: auto;
|
|
}
|
|
|
|
.main-navigation ul ul .menu-item-has-children > a {
|
|
padding-right: 0.875em;
|
|
padding-left: 2.0625em;
|
|
}
|
|
|
|
.main-navigation ul ul .menu-item-has-children > a:after {
|
|
left: 0.5625em;
|
|
right: auto;
|
|
top: 0.8125em;
|
|
-webkit-transform: rotate(-90deg);
|
|
-moz-transform: rotate(-90deg);
|
|
-ms-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.content-area {
|
|
float: right;
|
|
margin-right: auto;
|
|
margin-left: -100%;
|
|
}
|
|
|
|
.entry-header,
|
|
.post-thumbnail,
|
|
.entry-content,
|
|
.entry-summary,
|
|
.entry-footer,
|
|
.comments-area,
|
|
.image-navigation,
|
|
.post-navigation,
|
|
.pagination,
|
|
.page-header,
|
|
.page-content,
|
|
.content-bottom-widgets {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.sidebar {
|
|
float: right;
|
|
margin-right: 75%;
|
|
margin-left: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.widget blockquote {
|
|
padding-right: 1.0625em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.widget .alignright {
|
|
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
|
|
}
|
|
|
|
.widget .alignleft {
|
|
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
|
|
}
|
|
|
|
.tagcloud a {
|
|
margin: 0 0 0.5384615385em 0.2307692308em;
|
|
}
|
|
|
|
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
|
|
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
|
|
float: right;
|
|
margin-right: auto;
|
|
margin-left: 7.1428571%;
|
|
}
|
|
|
|
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
|
|
margin-right: auto;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.site-info {
|
|
margin: 0.538461538em 0 0.538461538em auto;
|
|
}
|
|
|
|
.no-sidebar .entry-header,
|
|
.no-sidebar .entry-content,
|
|
.no-sidebar .entry-summary,
|
|
.no-sidebar .entry-footer,
|
|
.no-sidebar .comments-area,
|
|
.no-sidebar .image-navigation,
|
|
.no-sidebar .post-navigation,
|
|
.no-sidebar .pagination,
|
|
.no-sidebar .page-header,
|
|
.no-sidebar .page-content,
|
|
.no-sidebar .content-bottom-widgets {
|
|
margin-right: 15%;
|
|
margin-left: 15%;
|
|
}
|
|
|
|
.no-sidebar .post-thumbnail {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.widecolumn {
|
|
padding-right: 15%;
|
|
padding-left: 15%;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 10.3 - >= 985px
|
|
*/
|
|
|
|
@media screen and (min-width: 61.5625em) {
|
|
body:not(.search-results) article:not(.type-page) .entry-content {
|
|
float: left;
|
|
}
|
|
|
|
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
|
|
margin-right: 1.473684211em;
|
|
margin-left: 0;
|
|
width: -webkit-calc(50% - 0.736842105em);
|
|
width: calc(50% - 0.736842105em);;
|
|
}
|
|
|
|
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignright.below-entry-meta {
|
|
margin-right: -40%;
|
|
margin-left: 1.473684211em;
|
|
width: -webkit-calc(60% - 1.4736842105em);
|
|
width: calc(60% - 1.4736842105em);
|
|
}
|
|
|
|
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
|
|
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
|
|
margin-right: -40%;
|
|
margin-left: 0;
|
|
}
|
|
|
|
body:not(.search-results) article:not(.type-page) .entry-footer {
|
|
float: right;
|
|
}
|
|
|
|
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
|
|
float: right;
|
|
margin-right: 34.99999999%;
|
|
margin-left: -100%;
|
|
}
|
|
|
|
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
|
|
margin-right: 15%;
|
|
margin-left: -100%;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 10.4 - >= 1200px
|
|
*/
|
|
|
|
@media screen and (min-width: 75em) {
|
|
body:not(.search-results) .entry-summary li > ul,
|
|
body:not(.search-results) .entry-summary blockquote > ul {
|
|
margin-right: 0.956521739em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary li > ol,
|
|
body:not(.search-results) .entry-summary blockquote > ol {
|
|
margin-right: 1.52173913em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary blockquote {
|
|
padding-right: 1.347826087em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary blockquote:not(.alignright):not(.alignleft) {
|
|
margin-right: -1.52173913em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignright):not(.alignleft) {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary .alignright {
|
|
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
|
|
}
|
|
|
|
body:not(.search-results) .entry-summary .alignleft {
|
|
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
|
|
}
|
|
}
|