mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-10 21:00:59 +01:00
cd0b1dde3c
The measurement in px for zero values is not needed. It does this for Twenty Twenty-One, Twenty Ten, Twenty Eleven and Twenty Nineteen. This also adds short-hand-property-no-redudant-values to Twenty Twenty-One's stylelint rules. Included is removing box-shadow prefixed rules before the standard property in Twenty Ten. Finally, it also removes empty spaces at the ends of lines in Twenty Thirteen, Twenty Nineteen and Twenty Twenty. Props ankitmaru, SergeyBiryukov, netweb, mukesh27, ryelle, audrasjb, sabernhardt. Fixes #53874. Built from https://develop.svn.wordpress.org/trunk@58178 git-svn-id: http://core.svn.wordpress.org/trunk@57641 1a063a9b-81f0-0310-95a4-ce76da25c4cd
587 lines
11 KiB
CSS
587 lines
11 KiB
CSS
/*
|
|
Theme Name: Twenty Eleven
|
|
|
|
Adding support for language 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 reset
|
|
----------------------------------------------- */
|
|
|
|
caption, th, td {
|
|
text-align: right;
|
|
}
|
|
|
|
/* =Structure
|
|
----------------------------------------------- */
|
|
|
|
body {
|
|
direction:rtl;
|
|
unicode-bidi:embed;
|
|
}
|
|
|
|
/* Showcase */
|
|
.page-template-showcase-php section.recent-posts {
|
|
float: left;
|
|
margin: 0 31% 0 0;
|
|
}
|
|
.page-template-showcase-php #main .widget-area {
|
|
float: right;
|
|
margin: 0 0 0 -22.15%;
|
|
}
|
|
|
|
/* One column */
|
|
|
|
.one-column article.feature-image.small .entry-summary a {
|
|
left: auto;
|
|
right: -9%;
|
|
}
|
|
|
|
/* Simplify the pullquotes and pull styles */
|
|
.one-column.singular .entry-meta .edit-link a {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
/* Make sure we have room for our comment avatars */
|
|
.one-column .commentlist > li.comment {
|
|
margin-left: 0;
|
|
margin-right: 102px;
|
|
}
|
|
/* Make sure the logo and search form don't collide */
|
|
.one-column #branding #searchform {
|
|
right: auto;
|
|
left: 40px;
|
|
}
|
|
/* Talking avatars take up too much room at this size */
|
|
.one-column .commentlist > li.comment {
|
|
margin-right: 0;
|
|
}
|
|
.one-column .commentlist > li.comment .comment-meta,
|
|
.one-column .commentlist > li.comment .comment-content {
|
|
margin-right: 0;
|
|
margin-left: 85px;
|
|
}
|
|
.one-column .commentlist .avatar {
|
|
right: auto;
|
|
left: 1.625em;
|
|
}
|
|
.one-column .commentlist .children .avatar {
|
|
left: auto;
|
|
right: 2.2em;
|
|
}
|
|
|
|
/* =Global
|
|
----------------------------------------------- */
|
|
|
|
/* Text elements */
|
|
p {
|
|
margin-bottom: 1.625em;
|
|
}
|
|
ul, ol {
|
|
margin: 0 2.5em 1.625em 0;
|
|
}
|
|
.ltr ul, .ltr ol {
|
|
margin: 0 0 1.625em 2.5em;
|
|
}
|
|
blockquote {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
blockquote em, blockquote i, blockquote cite {
|
|
font-style: normal;
|
|
}
|
|
|
|
/* Forms */
|
|
textarea {
|
|
padding-left: 0;
|
|
padding-right: 3px;
|
|
}
|
|
input#s {
|
|
background-position: 97% 6px;
|
|
padding: 4px 28px 4px 10px;
|
|
}
|
|
#respond #wp-comment-cookies-consent {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
/* Assistive text */
|
|
a.assistive-text:focus {
|
|
left: auto;
|
|
right: 6px;
|
|
}
|
|
|
|
/* =Header
|
|
----------------------------------------------- */
|
|
|
|
#site-title {
|
|
margin-right: 0;
|
|
margin-left: 270px;
|
|
}
|
|
|
|
#site-description {
|
|
margin: 0 0 3.65625em 270px;
|
|
}
|
|
|
|
/* =Menu
|
|
-------------------------------------------------------------- */
|
|
|
|
#access {
|
|
float: right;
|
|
}
|
|
#access ul {
|
|
margin: 0 -0.8125em 0 0;
|
|
padding-right: 0;
|
|
}
|
|
#access li {
|
|
float: right;
|
|
}
|
|
#access ul ul {
|
|
float: right;
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
#access ul ul ul {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
|
|
/* Search Form */
|
|
#branding #searchform {
|
|
right: auto;
|
|
left: 7.6%;
|
|
text-align: left;
|
|
}
|
|
#branding #s {
|
|
float: left;
|
|
}
|
|
#branding .only-search + #access div {
|
|
padding-right: 0;
|
|
padding-left: 205px;
|
|
}
|
|
|
|
|
|
/* =Content
|
|
----------------------------------------------- */
|
|
.entry-title,
|
|
.entry-header .entry-meta {
|
|
padding-right: 0;
|
|
padding-left: 76px;
|
|
}
|
|
.entry-content td,
|
|
.comment-content td {
|
|
padding: 6px 0 6px 10px;
|
|
}
|
|
.page-link span {
|
|
margin-right: 0;
|
|
margin-left: 6px;
|
|
}
|
|
.entry-meta .edit-link a {
|
|
float: left;
|
|
}
|
|
/* Images */
|
|
|
|
.wp-caption .wp-caption-text,
|
|
.gallery-caption {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
.wp-caption .wp-caption-text {
|
|
padding: 10px 40px 5px 0;
|
|
}
|
|
.wp-caption .wp-caption-text:before {
|
|
margin-right: 0;
|
|
margin-left: 5px;
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
#content .gallery-columns-4 .gallery-item {
|
|
padding-right:0;
|
|
padding-left:2%;
|
|
}
|
|
|
|
/* Author Info */
|
|
.singular #author-info {
|
|
margin: 2.2em -35.4% 0 -35.6%;
|
|
}
|
|
#author-avatar {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: -78px;
|
|
}
|
|
#author-description {
|
|
float: right;
|
|
margin-left: 0;
|
|
margin-right: 108px;
|
|
}
|
|
/* Comments link */
|
|
.entry-header .comments-link a {
|
|
background-image: url(images/comment-bubble-rtl.png);
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
/*
|
|
Post Formats Headings
|
|
*/
|
|
.singular .entry-title,
|
|
.singular .entry-header .entry-meta {
|
|
padding-left: 0;
|
|
}
|
|
.singular .entry-header .entry-meta {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.singular .entry-meta .edit-link a {
|
|
left: auto;
|
|
right: 50px;
|
|
}
|
|
|
|
|
|
/* =Gallery
|
|
----------------------------------------------- */
|
|
|
|
.format-gallery .gallery-thumb {
|
|
float: right;
|
|
margin: .375em 0 0 1.625em;
|
|
}
|
|
|
|
|
|
/* =Status
|
|
----------------------------------------------- */
|
|
|
|
.format-status img.avatar {
|
|
float: right;
|
|
margin: 4px 0 2px 10px;
|
|
}
|
|
|
|
|
|
/* =Image
|
|
----------------------------------------------- */
|
|
|
|
.indexed.format-image div.entry-meta {
|
|
float: right;
|
|
}
|
|
/* =error404
|
|
----------------------
|
|
------------------------- */
|
|
.error404 #main .widget {
|
|
float: right;
|
|
margin-right: auto;
|
|
margin-left: 3.7%;
|
|
}
|
|
.error404 #main .widget_archive {
|
|
margin-left: 0;
|
|
}
|
|
.error404 #main .widget_tag_cloud {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* =Showcase
|
|
----------------------------------------------- */
|
|
|
|
article.intro .edit-link a {
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
|
|
/* Featured post */
|
|
section.featured-post {
|
|
float: right;
|
|
}
|
|
|
|
/* Small featured post */
|
|
section.featured-post .attachment-small-feature {
|
|
float: left;
|
|
margin: 0 0 1.625em -8.9%;
|
|
right: auto;
|
|
left: -15px;
|
|
}
|
|
article.feature-image.small {
|
|
float: right;
|
|
}
|
|
article.feature-image.small .entry-summary p a {
|
|
left:auto;
|
|
right: -23.8%;
|
|
padding: 9px 85px 9px 26px;
|
|
}
|
|
|
|
/* Large featured post */
|
|
section.feature-image.large .hentry {
|
|
left:auto;
|
|
right: 9%;
|
|
margin: 1.625em 0 0 9%;
|
|
}
|
|
/* Featured Slider */
|
|
.featured-posts .showcase-heading {
|
|
padding-left: 0;
|
|
padding-right: 8.9%;
|
|
}
|
|
.featured-posts section.featured-post {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
#content .feature-slider {
|
|
right: auto;
|
|
left: 8.9%;
|
|
}
|
|
.feature-slider li {
|
|
float: right;
|
|
}
|
|
/* Recent Posts */
|
|
section.recent-posts .other-recent-posts a[rel="bookmark"] {
|
|
float: right;
|
|
}
|
|
section.recent-posts .other-recent-posts .comments-link a,
|
|
section.recent-posts .other-recent-posts .comments-link > span {
|
|
padding: 0.3125em 1em 0.3125em 0;
|
|
right: auto;
|
|
left: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
/* =Attachments
|
|
----------------------------------------------- */
|
|
|
|
/* =Navigation
|
|
-------------------------------------------------------------- */
|
|
|
|
.nav-previous {
|
|
float: right;
|
|
}
|
|
.nav-next {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Singular navigation */
|
|
#nav-single {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
#nav-single .nav-next {
|
|
padding-left: 0;
|
|
padding-right: .5em;
|
|
}
|
|
|
|
|
|
/* =Widgets
|
|
----------------------------------------------- */
|
|
|
|
.widget ul ul {
|
|
margin-left: 0;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
/* Twitter */
|
|
.widget_twitter .timesince {
|
|
margin-right: 0;
|
|
margin-left: -10px;
|
|
text-align: left;
|
|
}
|
|
.widget_text ul,
|
|
.widget_text ol {
|
|
margin: 0 2.5em 1.625em 0;
|
|
}
|
|
|
|
/* =Comments
|
|
----------------------------------------------- */
|
|
|
|
.commentlist .children li.comment {
|
|
border-left: none;
|
|
border-right: 1px solid #ddd;
|
|
-moz-border-radius: 3px 0 0 3px;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.commentlist .children li.comment .comment-meta {
|
|
margin-left: 0;
|
|
margin-right: 50px;
|
|
}
|
|
.commentlist .avatar {
|
|
left: auto;
|
|
right: -102px;
|
|
}
|
|
.commentlist > li:before {
|
|
content: url(images/comment-arrow-rtl.png);
|
|
left:auto;
|
|
right: -21px;
|
|
}
|
|
.commentlist > li.pingback:before {
|
|
content: '';
|
|
}
|
|
.commentlist .children .avatar {
|
|
left: auto;
|
|
right: 2.2em;
|
|
}
|
|
|
|
/* Post author highlighting */
|
|
.commentlist > li.bypostauthor:before {
|
|
content: url(images/comment-arrow-bypostauthor-rtl.png);
|
|
}
|
|
|
|
/* sidebar-page.php comments */
|
|
/* Make sure we have room for our comment avatars */
|
|
.page-template-sidebar-page-php .commentlist > li.comment,
|
|
.page-template-sidebar-page-php.commentlist .pingback {
|
|
margin-left: 0;
|
|
margin-right: 102px;
|
|
}
|
|
|
|
/* Comment Form */
|
|
#respond .comment-form-author label,
|
|
#respond .comment-form-email label,
|
|
#respond .comment-form-url label,
|
|
#respond .comment-form-comment label {
|
|
left: auto;
|
|
right: 4px;
|
|
}
|
|
#respond .comment-form-author label,
|
|
#respond .comment-form-email label,
|
|
#respond .comment-form-url label,
|
|
#respond .comment-form-comment label {
|
|
-webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
|
|
-moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
|
|
box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
|
|
}
|
|
#respond .comment-form-author .required,
|
|
#respond .comment-form-email .required,
|
|
#respond .comment-form-url .required,
|
|
#respond .comment-form-comment .required {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 4px;
|
|
}
|
|
#respond .form-submit {
|
|
float: left;
|
|
}
|
|
#respond input#submit {
|
|
left: auto;
|
|
right: 30px;
|
|
padding: 5px 22px 5px 42px;
|
|
}
|
|
#respond #cancel-comment-reply-link {
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
}
|
|
#cancel-comment-reply-link {
|
|
right: auto;
|
|
left: 1.625em;
|
|
}
|
|
|
|
/* =Footer
|
|
----------------------------------------------- */
|
|
|
|
/* Two Footer Widget Areas */
|
|
#supplementary.two .widget-area {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: 3.7%;
|
|
}
|
|
#supplementary.two .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Three Footer Widget Areas */
|
|
#supplementary.three .widget-area {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: 3.7%;
|
|
}
|
|
#supplementary.three .widget-area + .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Site Generator Line */
|
|
#site-generator .sep {
|
|
background-position: right center;
|
|
}
|
|
|
|
|
|
/* =Responsive Structure
|
|
----------------------------------------------- */
|
|
|
|
@media (max-width: 800px) {
|
|
/* Simplify the showcase template when small feature */
|
|
section.featured-post .attachment-small-feature,
|
|
.one-column section.featured-post .attachment-small-feature {
|
|
float: right;
|
|
}
|
|
article.feature-image.small {
|
|
float: left;
|
|
}
|
|
article.feature-image.small .entry-summary p a {
|
|
right: 0;
|
|
}
|
|
.singular .entry-meta .edit-link a {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
/* Make sure we have room for our comment avatars */
|
|
.commentlist > li.comment,
|
|
.commentlist .pingback {
|
|
margin-left: 0;
|
|
margin-right: 102px;
|
|
}
|
|
/* No need to float footer widgets at this size */
|
|
#colophon #supplementary .widget-area {
|
|
margin-left: 0;
|
|
}
|
|
/* No need to float 404 widgets at this size */
|
|
.error404 #main .widget {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
@media (max-width: 650px) {
|
|
/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
|
|
#site-title,
|
|
#site-description {
|
|
margin-left: 0;
|
|
}
|
|
/* Talking avatars take up too much room at this size */
|
|
.commentlist > li.comment,
|
|
.commentlist > li.pingback {
|
|
margin-right: 0 !important;
|
|
}
|
|
.commentlist .children .avatar {
|
|
left: auto;
|
|
right: 2.2em;
|
|
}
|
|
#content .gallery-columns-3 .gallery-item {
|
|
padding-right: 0;
|
|
padding-left:2%;
|
|
}
|
|
}
|
|
@media (max-width: 450px) {
|
|
#content .gallery-columns-2 .gallery-item {
|
|
padding-right:0;
|
|
padding-left:4%;
|
|
}
|
|
}
|
|
|
|
/* =Print
|
|
----------------------------------------------- */
|
|
|
|
@media print {
|
|
#primary {
|
|
float: right;
|
|
}
|
|
/* Comments */
|
|
.commentlist .avatar {
|
|
left: auto;
|
|
right: 2.2em;
|
|
}
|
|
.commentlist li.comment .comment-meta {
|
|
margin-left: 0;
|
|
margin-right: 50px;
|
|
}
|
|
}
|
|
|
|
/* =IE7
|
|
----------------------------------------------- */
|
|
|
|
#ie7 section.recent-posts {
|
|
margin-right: 0;
|
|
margin-left: 7.6%;
|
|
}
|