[Summary view] [Print] [Text view]

   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 .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  }