wp-content/themes/twentytwelve/rtl.css

   1 /*
   2 Theme Name: Twenty Twelve
   3 Description: Adds support for languages written in a Right To Left (RTL) direction.
   4 It's easy, just a matter of overwriting all the horizontal positioning attributes
   5 of your CSS stylesheet in a separate stylesheet file named rtl.css.
   6
   7 See http://codex.wordpress.org/Right_to_Left_Language_Support
   8 */
   9
  10
  11 body {
  12         direction: rtl;
  13         unicode-bidi: embed;
  14 }
  15 caption,
  16 th,
  17 td {
  18         text-align: right;
  19 }
  20
  21 /* =Repeatable patterns
  22 -------------------------------------------------------------- */
  23
  24 /* Images */
  25 .site-content .gallery-columns-4 .gallery-item {
  26         padding-left: 2%;
  27         padding-right: 0;
  28 }
  29 .site-content .gallery-columns-5 .gallery-item {
  30         padding-left: 2%;
  31         padding-right: 0;
  32 }
  33
  34 /* Navigation */
  35 .nav-previous,
  36 .previous-image {
  37         float: right;
  38 }
  39 .nav-next,
  40 .next-image {
  41         float: left;
  42         text-align: left;
  43 }
  44
  45 /* Author profiles */
  46 .author-avatar {
  47         float: right;
  48 }
  49 .author-description {
  50         float: right;
  51         margin-right: 15px;
  52         margin-right: 1.071428571rem;
  53         margin-left: auto;
  54 }
  55
  56
  57 /* =Main Content
  58 ----------------------------------------------- */
  59
  60 .comment-content ol,
  61 .comment-content ul {
  62         margin: 0 24px 0 0;
  63         margin: 0 1.714285714rem 0 0;
  64 }
  65
  66
  67 /* =Basic post styling
  68 -------------------------------------------------------------- */
  69
  70 .entry-content li,
  71 .comment-content li {
  72         margin: 0 24px 0 0;
  73         margin: 0 1.714285714rem 0 0;
  74 }
  75 .entry-content td,
  76 .comment-content td {
  77         padding: 6px 0 6px 10px;
  78 }
  79
  80
  81 /* Aside posts */
  82 article.format-aside .aside {
  83         border-right: 22px solid #a8bfe8;
  84         border-left: none;
  85 }
  86
  87 /* Link posts */
  88 article.format-link header {
  89         float: left;
  90 }
  91 article.format-link .entry-content {
  92         float: right;
  93 }
  94
  95 /* Status posts */
  96 .format-status .entry-header img {
  97         float: right;
  98         margin-left: 21px;
  99         margin-left: 1.5rem;
 100         margin-right: 0;
 101 }
 102
 103
 104 /* =Comment styling
 105 -------------------------------------------------------------- */
 106
 107 .comments-area article header img {
 108         float: right;
 109 }
 110 .comments-area article header cite,
 111 .comments-area article header time {
 112         margin-right: 85px;
 113         margin-right: 6.071428571rem;
 114         margin-left: auto;
 115 }
 116 .comments-area article header h4 {
 117         left: 0;
 118         right: auto;
 119 }
 120 .comments-area li.bypostauthor cite span {
 121         margin-right: 5px;
 122         margin-right: 0.357142857rem;
 123         margin-left: auto;
 124 }
 125
 126 /* Comment form */
 127 #respond h3#reply-title #cancel-comment-reply-link {
 128         margin-right: 10px;
 129         margin-right: 0.714285714rem;
 130         margin-left: auto;
 131 }
 132 label ~ span.required {
 133         float: right;
 134         margin: -18px -16px 0 0;
 135         margin: -1.285714286rem -1.142857143rem 0 0;
 136 }
 137
 138
 139 /* =Front page template styling
 140 -------------------------------------------------------------- */
 141
 142 .template-front-page .widget-area .widget_text img {
 143         float: right;
 144         margin: 8px 0 8px 24px;
 145         margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
 146 }
 147
 148
 149 /* =Widget styling
 150 -------------------------------------------------------------- */
 151
 152 .widget-area .widget ul ul {
 153         margin-right: 12px;
 154         margin-right: 0.857142857rem;
 155         margin-left: auto;
 156 }
 157 .widget-area .textwidget li {
 158         margin-left: auto;
 159         margin-right: 36px;
 160         margin-right: 2.571428571rem;
 161 }
 162 .widget_recent_entries .post-date,
 163 .widget_rss .rss-date {
 164         margin-right: 12px;
 165         margin-right: 0.857142857rem;
 166         margin-left: auto;
 167 }
 168 #wp-calendar th,
 169 #wp-calendar td,
 170 #wp-calendar caption {
 171         text-align: right;
 172 }
 173 #wp-calendar #next {
 174         padding-left: 24px;
 175         padding-left: 1.714285714rem;
 176         text-align: left;
 177         padding-right: 0;
 178 }
 179
 180 /* =Media queries
 181 -------------------------------------------------------------- */
 182
 183 /* Minimum width of 600 pixels. */
 184 @media screen and (min-width: 600px) {
 185         .site-content,
 186         .template-front-page.has-post-thumbnail article {
 187                 float: right;
 188         }
 189         .widget-area,
 190         .entry-page-image {
 191                 float: left;
 192         }
 193         .site-header h1,
 194         .site-header h2 {
 195                 text-align: right;
 196         }
 197         .template-front-page .widget-area .widget_text img {
 198                 float: right;
 199                 margin: 8px 0 8px 24px;
 200         }
 201         .template-front-page .widget-area .widget,
 202         .template-front-page.two-sidebars .widget-area .front-widgets {
 203                 float: right;
 204         }
 205         .template-front-page .widget-area .widget:nth-child(odd) {
 206                 clear: left;
 207         }
 208         .template-front-page .widget-area .widget:nth-child(even),
 209         .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 210                 float: left;
 211                 margin: 0 24px 0;
 212                 margin: 0 1.714285714rem 0;
 213         }
 214         .main-navigation ul.nav-menu,
 215         .main-navigation div.nav-menu > ul {
 216                 text-align: right;
 217         }
 218         .main-navigation li {
 219                 margin-left: 40px;
 220                 margin-left: 2.857142857rem;
 221                 margin-right: auto;
 222         }
 223         .main-navigation li ul ul {
 224                 margin-right: 0;
 225                 right: 100%;
 226                 left: auto;
 227         }
 228         .main-navigation ul li:hover > ul {
 229                 border-right: 0;
 230                 border-left: none;
 231         }
 232         .commentlist .children {
 233                 margin-right: 48px;
 234                 margin-right: 3.428571429rem;
 235                 margin-left: auto;
 236         }
 237 }