[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 https://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  #respond #wp-comment-cookies-consent {
 138      margin: 0 0 0 10px;
 139  }
 140  
 141  
 142  /* =Front page template styling
 143  -------------------------------------------------------------- */
 144  
 145  .template-front-page .widget-area .widget_text img {
 146      float: right;
 147      margin: 8px 0 8px 24px;
 148      margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
 149  }
 150  
 151  
 152  /* =Widget styling
 153  -------------------------------------------------------------- */
 154  
 155  .widget-area .widget ul ul {
 156      margin-right: 12px;
 157      margin-right: 0.857142857rem;
 158      margin-left: auto;
 159  }
 160  .widget-area .textwidget li {
 161      margin-left: auto;
 162      margin-right: 36px;
 163      margin-right: 2.571428571rem;
 164  }
 165  .widget_recent_entries .post-date,
 166  .widget_rss .rss-date {
 167      margin-right: 12px;
 168      margin-right: 0.857142857rem;
 169      margin-left: auto;
 170  }
 171  #wp-calendar th,
 172  #wp-calendar td,
 173  #wp-calendar caption {
 174      text-align: right;
 175  }
 176  .wp-calendar-nav-next,
 177  #wp-calendar #next {
 178      padding-left: 24px;
 179      padding-left: 1.714285714rem;
 180      text-align: left;
 181      padding-right: 0;
 182  }
 183  
 184  /* =Media queries
 185  -------------------------------------------------------------- */
 186  
 187  /* Minimum width of 600 pixels. */
 188  @media screen and (min-width: 600px) {
 189      .site-content,
 190      .template-front-page.has-post-thumbnail article {
 191          float: right;
 192      }
 193      .widget-area,
 194      .entry-page-image {
 195          float: left;
 196      }
 197      .site-header h1,
 198      .site-header h2 {
 199          text-align: right;
 200      }
 201      .template-front-page .widget-area .widget_text img {
 202          float: right;
 203          margin: 8px 0 8px 24px;
 204      }
 205      .template-front-page .widget-area .widget,
 206      .template-front-page.two-sidebars .widget-area .front-widgets {
 207          float: right;
 208      }
 209      .template-front-page .widget-area .widget:nth-child(odd) {
 210          clear: left;
 211      }
 212      .template-front-page .widget-area .widget:nth-child(even),
 213      .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
 214          float: left;
 215          margin: 0 24px 0;
 216          margin: 0 1.714285714rem 0;
 217      }
 218      .main-navigation ul.nav-menu,
 219       .main-navigation div.nav-menu > ul {
 220          text-align: right;
 221      }
 222      .main-navigation li {
 223          margin-left: 40px;
 224          margin-left: 2.857142857rem;
 225          margin-right: auto;
 226      }
 227      .main-navigation li ul ul {
 228          margin-right: 0;
 229          right: 100%;
 230          left: auto;
 231      }
 232      .main-navigation ul li:hover > ul {
 233          border-right: 0;
 234          border-left: none;
 235      }
 236      .commentlist .children {
 237          margin-right: 48px;
 238          margin-right: 3.428571429rem;
 239          margin-left: auto;
 240      }
 241  }