500 lines
8.6 KiB
CSS
500 lines
8.6 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.
|
|
|
|
http://codex.wordpress.org/Right_to_Left_Language_Support
|
|
|
|
*/
|
|
|
|
/* =Global
|
|
----------------------------------------------- */
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
caption, th, td {
|
|
text-align: right;
|
|
}
|
|
ul, ol {
|
|
margin: 0 2.5em 1.625em 0;
|
|
}
|
|
textarea {
|
|
padding-right: 3px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
/* =Menu
|
|
-------------------------------------------------------------- */
|
|
|
|
#access {
|
|
float: right;
|
|
}
|
|
#access ul {
|
|
margin: 0 -0.8125em 0 0;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
#access li {
|
|
float: right;
|
|
}
|
|
#access ul ul {
|
|
float: right;
|
|
right: 0;
|
|
}
|
|
#access ul ul ul {
|
|
right: 100%;
|
|
}
|
|
|
|
/* Search Form */
|
|
#branding #searchform {
|
|
left: 7.6%;
|
|
text-align: left;
|
|
}
|
|
|
|
#branding #s {
|
|
float: left;
|
|
padding: 4px 28px 4px 10px;
|
|
width: 8%;
|
|
}
|
|
#branding #s:focus {
|
|
width: 26%;
|
|
}
|
|
|
|
|
|
/* =Content
|
|
----------------------------------------------- */
|
|
|
|
.entry-title,
|
|
.entry-header .entry-meta {
|
|
padding-left: 76px;
|
|
padding-right: 0;
|
|
}
|
|
.entry-content td,
|
|
.comment-content td {
|
|
padding: 6px 0 6px 10px;
|
|
}
|
|
.page-link span {
|
|
margin-left: 6px;
|
|
margin-right: auto;
|
|
}
|
|
.entry-meta .edit-link a {
|
|
float: left;
|
|
}
|
|
|
|
/* Author Info */
|
|
.singular #author-info {
|
|
margin: 2.2em -35.4% 0 -35.6%;
|
|
}
|
|
#author-avatar {
|
|
float: right;
|
|
margin-left: -78px;
|
|
margin-right: auto;
|
|
}
|
|
#author-description {
|
|
float: right;
|
|
margin-right: 108px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
/* Comments link */
|
|
.entry-header .comments-link a {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/* Singular content styles for Posts and Pages */
|
|
.singular .entry-title,
|
|
.singular .entry-header .entry-meta {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.singular .entry-header .entry-meta {
|
|
right: 0;
|
|
}
|
|
.singular .pull.alignright {
|
|
margin: 0 -22.25% 0 1.625em;
|
|
}
|
|
.singular .pull.alignleft {
|
|
margin: 0 1.625em 0 -22.25%;
|
|
}
|
|
.singular .entry-meta .edit-link a {
|
|
right: 50px;
|
|
left: auto;
|
|
}
|
|
|
|
|
|
/* =Gallery
|
|
----------------------------------------------- */
|
|
|
|
.format-gallery .gallery-thumb {
|
|
float: right;
|
|
margin-left: 1.625em;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Status
|
|
----------------------------------------------- */
|
|
|
|
.format-status img.avatar {
|
|
float: right;
|
|
margin: 4px 0 2px 10px;
|
|
}
|
|
|
|
|
|
/* =Quote
|
|
----------------------------------------------- */
|
|
|
|
/* =Image
|
|
----------------------------------------------- */
|
|
|
|
.format-image footer.entry-meta {
|
|
margin-left: 2px;
|
|
margin-right: auto;
|
|
}
|
|
.format-image div.entry-meta {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* =error404
|
|
----------------------------------------------- */
|
|
|
|
.error404 #main .widget {
|
|
float: right;
|
|
margin-left: 3.7%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.error404 #main .widget_archive {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.error404 #main .widget_tag_cloud {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Showcase
|
|
----------------------------------------------- */
|
|
|
|
/* Intro */
|
|
article.intro .edit-link a {
|
|
left: 20px;
|
|
}
|
|
|
|
/* Featured post */
|
|
section.featured-post {
|
|
float: right;
|
|
}
|
|
|
|
/* Small featured post */
|
|
section.featured-post .attachment-small-feature {
|
|
border-left: 20px solid #bbb;
|
|
float: left;
|
|
margin: -10px 0 1.625em -8.9%;
|
|
left: -35px;
|
|
border-right: none;
|
|
}
|
|
article.feature-image.small {
|
|
float: right;
|
|
}
|
|
article.feature-image.small .entry-summary p a {
|
|
right: -23.8%;
|
|
padding: 4px 85px 4px 26px;
|
|
}
|
|
|
|
/* Large featured post */
|
|
section.feature-image.large .hentry {
|
|
right: 9%;
|
|
margin: 1.625em 0 0 9%;
|
|
}
|
|
|
|
/* Featured Slider */
|
|
.featured-posts .showcase-heading {
|
|
padding-right: 8.9%;
|
|
padding-left: 0;
|
|
}
|
|
.featured-posts section.featured-post {
|
|
right: 0;
|
|
}
|
|
#content .feature-slider {
|
|
right: 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;
|
|
left: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
/* =Images
|
|
----------------------------------------------- */
|
|
|
|
.wp-caption .wp-caption-text {
|
|
padding: 10px 40px 5px 0px;
|
|
}
|
|
.wp-caption .wp-caption-text:before {
|
|
margin-left: 5px;
|
|
right: 10px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Navigation
|
|
-------------------------------------------------------------- */
|
|
|
|
.nav-previous {
|
|
float: right;
|
|
}
|
|
.nav-next {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Singular navigation */
|
|
#nav-single {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
#nav-single .nav-next {
|
|
padding-right: .5em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
/* =Widgets
|
|
----------------------------------------------- */
|
|
|
|
.widget ul ul {
|
|
margin-right: 1.5em;
|
|
margin-left: auto;
|
|
}
|
|
|
|
/* Twitter */
|
|
.widget_twitter .timesince {
|
|
margin-left: -10px;
|
|
text-align: left;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Comments
|
|
----------------------------------------------- */
|
|
|
|
.commentlist .children li.comment {
|
|
border-right: 1px solid #ddd;
|
|
-moz-border-radius: 3px 0 0 3px;
|
|
border-radius: 3px 0 0 3px;
|
|
border-left: none;
|
|
}
|
|
.commentlist .children li.comment .comment-meta {
|
|
margin-right: 50px;
|
|
margin-left: auto;
|
|
}
|
|
.commentlist .avatar {
|
|
right: -102px;
|
|
}
|
|
.commentlist > li:before {
|
|
content: url(images/comment-arrow-rtl.png);
|
|
right: -21px;
|
|
}
|
|
.commentlist > li.bypostauthor:before {
|
|
content: url(images/comment-arrow-bypostauthor-rtl.png);
|
|
}
|
|
.commentlist .children .avatar {
|
|
right: 2.2em;
|
|
}
|
|
|
|
/* Comment Form */
|
|
#respond .comment-form-author label,
|
|
#respond .comment-form-email label,
|
|
#respond .comment-form-url label,
|
|
#respond .comment-form-comment label {
|
|
right: 4px;
|
|
}
|
|
#respond .comment-form-author .required,
|
|
#respond .comment-form-email .required {
|
|
right: 68%;
|
|
}
|
|
#respond .form-submit {
|
|
float: left;
|
|
}
|
|
#respond input#submit {
|
|
right: 30px;
|
|
padding: 5px 22px 5px 42px;
|
|
}
|
|
#respond #cancel-comment-reply-link {
|
|
margin-right: 10px;
|
|
margin-left: auto;
|
|
}
|
|
#cancel-comment-reply-link {
|
|
left: 1.625em;
|
|
}
|
|
|
|
|
|
/* =Footer
|
|
----------------------------------------------- */
|
|
|
|
/* Two Footer Widget Areas */
|
|
#supplementary.two .widget-area {
|
|
float: right;
|
|
margin-left: 3.7%;
|
|
margin-right: auto;
|
|
}
|
|
#supplementary.two .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* Three Footer Widget Areas */
|
|
#supplementary.three .widget-area {
|
|
float: right;
|
|
margin-left: 3.7%;
|
|
margin-right: auto;
|
|
}
|
|
#supplementary.three .widget-area + .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* 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 a {
|
|
right: -9%;
|
|
}
|
|
|
|
|
|
/* =Responsive Structure
|
|
----------------------------------------------- */
|
|
|
|
@media (max-width: 800px) {
|
|
|
|
/* Three Footer Widget Areas */
|
|
#supplementary.three .widget-area {
|
|
float: right;
|
|
margin-left: 3.7%;
|
|
margin-right: auto;
|
|
}
|
|
#supplementary.three .widget-area + .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* 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 a {
|
|
right: -9%;
|
|
}
|
|
|
|
/* Make sure the logo and search form don't collide */
|
|
#branding #searchform {
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
|
|
/* Three Footer Widget Areas */
|
|
#supplementary.three .widget-area {
|
|
float: right;
|
|
margin-left: 3.7%;
|
|
margin-right: auto;
|
|
}
|
|
#supplementary.three .widget-area + .widget-area + .widget-area {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* 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 a {
|
|
right: -9%;
|
|
right: auto;
|
|
}
|
|
|
|
/* Make sure the logo and search form don't collide */
|
|
#branding #searchform {
|
|
left: 1px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
|
|
#primary {
|
|
float: right;
|
|
}
|
|
.commentlist .avatar {
|
|
right: 2.2em;
|
|
}
|
|
}
|
|
|
|
|
|
/* =Print
|
|
----------------------------------------------- */
|
|
|
|
@media print {
|
|
#primary {
|
|
float: right;
|
|
}
|
|
|
|
/* Comments */
|
|
.commentlist .avatar {
|
|
right: 2.2em;
|
|
}
|
|
}
|
|
|
|
|
|
/* =IE7
|
|
----------------------------------------------- */
|
|
|
|
#ie7 article.intro {
|
|
margin-right: -7.6%;
|
|
margin-left: -7.6%;
|
|
padding-right: -7.6%;
|
|
padding-left: -7.6%;
|
|
}
|
|
|
|
#ie7 section.featured-post {
|
|
margin-right: -7.6%;
|
|
margin-left: -7.6%;
|
|
}
|
|
|
|
#ie7 section.recent-posts {
|
|
margin-left: 7.6%;
|
|
margin-right: auto;
|
|
}
|