[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Eleven
   3  
   4  Adding support for language written in a Right To Left (RTL) direction is easy -
   5  it's just a matter of overwriting all the horizontal positioning attributes
   6  of your CSS stylesheet in a separate stylesheet file named rtl.css.
   7  
   8  http://codex.wordpress.org/Right_to_Left_Language_Support
   9  
  10  */
  11  
  12  /* =Global
  13  ----------------------------------------------- */
  14  
  15  body {
  16      direction: rtl;
  17      unicode-bidi: embed;
  18  }
  19  caption, th, td {
  20      text-align: right;
  21  }
  22  ul, ol {
  23      margin: 0 2.5em 1.625em 0;
  24  }
  25  textarea {
  26      padding-right: 3px;
  27      padding-left: 0;
  28  }
  29  
  30  
  31  /* =Menu
  32  -------------------------------------------------------------- */
  33  
  34  #access {
  35      float: right;
  36  }
  37  #access ul {
  38      margin: 0 -0.8125em 0 0;
  39      padding-right: 0;
  40      padding-left: 0;
  41  }
  42  #access li {
  43      float: right;
  44  }
  45  #access ul ul {
  46      float: right;
  47      right: 0;
  48  }
  49  #access ul ul ul {
  50      right: 100%;
  51  }
  52  
  53  /* Search Form */
  54  #branding #searchform {
  55      left: 7.6%;
  56      text-align: left;
  57  }
  58  
  59  #branding #s {
  60      float: left;
  61      padding: 4px 28px 4px 10px;
  62      width: 8%;
  63  }
  64  #branding #s:focus {
  65      width: 26%;
  66  }
  67  
  68  
  69  /* =Content
  70  ----------------------------------------------- */
  71  
  72  .entry-title,
  73  .entry-header .entry-meta {
  74      padding-left: 76px;
  75      padding-right: 0;
  76  }
  77  .entry-content td,
  78  .comment-content td {
  79      padding: 6px 0 6px 10px;
  80  }
  81  .page-link span {
  82      margin-left: 6px;
  83      margin-right: auto;
  84  }
  85  .entry-meta .edit-link a {
  86      float: left;
  87  }
  88  
  89  /* Author Info */
  90  .singular #author-info {
  91      margin: 2.2em -35.4% 0 -35.6%;
  92  }
  93  #author-avatar {
  94      float: right;
  95      margin-left: -78px;
  96      margin-right: auto;
  97  }
  98  #author-description {
  99      float: right;
 100      margin-right: 108px;
 101      margin-left: auto;
 102  }
 103  
 104  /* Comments link */
 105  .entry-header .comments-link a {
 106      left: 0;
 107      right: auto;
 108  }
 109  
 110  /* Singular content styles for Posts and Pages */
 111  .singular .entry-title,
 112  .singular .entry-header .entry-meta {
 113      padding-left: 0;
 114      padding-right: 0;
 115  }
 116  .singular .entry-header .entry-meta {
 117      right: 0;
 118  }
 119  .singular .pull.alignright {
 120      margin: 0 -22.25% 0 1.625em;
 121  }
 122  .singular .pull.alignleft {
 123      margin: 0 1.625em 0 -22.25%;
 124  }
 125  .singular .entry-meta .edit-link a {
 126      right: 50px;
 127      left: auto;
 128  }
 129  
 130  
 131  /* =Gallery
 132  ----------------------------------------------- */
 133  
 134  .format-gallery .gallery-thumb {
 135      float: right;
 136      margin-left: 1.625em;
 137      margin-right: auto;
 138  }
 139  
 140  
 141  /* =Status
 142  ----------------------------------------------- */
 143  
 144  .format-status img.avatar {
 145      float: right;
 146      margin: 4px 0 2px 10px;
 147  }
 148  
 149  
 150  /* =Quote
 151  ----------------------------------------------- */
 152  
 153  /* =Image
 154  ----------------------------------------------- */
 155  
 156  .format-image footer.entry-meta {
 157      margin-left: 2px;
 158      margin-right: auto;
 159  }
 160  .format-image div.entry-meta {
 161      float: right;
 162  }
 163  
 164  
 165  /* =error404
 166  ----------------------------------------------- */
 167  
 168  .error404 #main .widget {
 169      float: right;
 170      margin-left: 3.7%;
 171      margin-right: auto;
 172  }
 173  
 174  .error404 #main .widget_archive {
 175      margin-left: 0;
 176      margin-right: auto;
 177  }
 178  
 179  .error404 #main .widget_tag_cloud {
 180      margin-left: 0;
 181      margin-right: auto;
 182  }
 183  
 184  
 185  /* =Showcase
 186  ----------------------------------------------- */
 187  
 188  /* Intro */
 189  article.intro .edit-link a {
 190      left: 20px;
 191  }
 192  
 193  /* Featured post */
 194  section.featured-post {
 195      float: right;
 196  }
 197  
 198  /* Small featured post */
 199  section.featured-post .attachment-small-feature {
 200      border-left: 20px solid #bbb;
 201      float: left;
 202      margin: -10px 0 1.625em -8.9%;
 203      left: -35px;
 204      border-right: none;
 205  }
 206  article.feature-image.small {
 207      float: right;
 208  }
 209  article.feature-image.small .entry-summary p a {
 210      right: -23.8%;
 211      padding: 4px 85px 4px 26px;
 212  }
 213  
 214  /* Large featured post */
 215  section.feature-image.large .hentry {
 216      right: 9%;
 217      margin: 1.625em 0 0 9%;
 218  }
 219  
 220  /* Featured Slider */
 221  .featured-posts .showcase-heading {
 222      padding-right: 8.9%;
 223      padding-left: 0;
 224  }
 225  .featured-posts section.featured-post {
 226      right: 0;
 227  }
 228  #content .feature-slider {
 229      right: 8.9%;
 230  }
 231  .feature-slider li {
 232      float: right;
 233  }
 234  
 235  /* Recent Posts */
 236  section.recent-posts .other-recent-posts a[rel="bookmark"] {
 237      float: right;
 238  }
 239  section.recent-posts .other-recent-posts .comments-link a,
 240  section.recent-posts .other-recent-posts .comments-link > span {
 241      padding: 0.3125em 1em 0.3125em 0;
 242      left: 0;
 243      text-align: left;
 244  }
 245  
 246  
 247  /* =Images
 248  ----------------------------------------------- */
 249  
 250  .wp-caption .wp-caption-text {
 251      padding: 10px 40px 5px 0px;
 252  }
 253  .wp-caption .wp-caption-text:before {
 254      margin-left: 5px;
 255      right: 10px;
 256      margin-right: auto;
 257  }
 258  
 259  
 260  /* =Navigation
 261  -------------------------------------------------------------- */
 262  
 263  .nav-previous {
 264      float: right;
 265  }
 266  .nav-next {
 267      float: left;
 268      text-align: left;
 269  }
 270  
 271  /* Singular navigation */
 272  #nav-single {
 273      left: 0;
 274      right: auto;
 275  }
 276  #nav-single .nav-next {
 277      padding-right: .5em;
 278      padding-left: 0;
 279  }
 280  
 281  
 282  /* =Widgets
 283  ----------------------------------------------- */
 284  
 285  .widget ul ul {
 286      margin-right: 1.5em;
 287      margin-left: auto;
 288  }
 289  
 290  /* Twitter */
 291  .widget_twitter .timesince {
 292      margin-left: -10px;
 293      text-align: left;
 294      margin-right: auto;
 295  }
 296  
 297  
 298  /* =Comments
 299  ----------------------------------------------- */
 300  
 301  .commentlist .children li.comment {
 302      border-right: 1px solid #ddd;
 303      -moz-border-radius: 3px 0 0 3px;
 304      border-radius: 3px 0 0 3px;
 305      border-left: none;
 306  }
 307  .commentlist .children li.comment .comment-meta {
 308      margin-right: 50px;
 309      margin-left: auto;
 310  }
 311  .commentlist .avatar {
 312      right: -102px;
 313  }
 314  .commentlist > li:before {
 315      content: url(images/comment-arrow-rtl.png);
 316      right: -21px;
 317  }
 318  .commentlist > li.bypostauthor:before {
 319      content: url(images/comment-arrow-bypostauthor-rtl.png);
 320  }
 321  .commentlist .children .avatar {
 322      right: 2.2em;
 323  }
 324  
 325  /* Comment Form */
 326  #respond .comment-form-author label,
 327  #respond .comment-form-email label,
 328  #respond .comment-form-url label,
 329  #respond .comment-form-comment label {
 330      right: 4px;
 331  }
 332  #respond .comment-form-author .required,
 333  #respond .comment-form-email .required {
 334      right: 68%;
 335  }
 336  #respond .form-submit {
 337      float: left;
 338  }
 339  #respond input#submit {
 340      right: 30px;
 341      padding: 5px 22px 5px 42px;
 342  }
 343  #respond #cancel-comment-reply-link {
 344      margin-right: 10px;
 345      margin-left: auto;
 346  }
 347  #cancel-comment-reply-link {
 348      left: 1.625em;
 349  }
 350  
 351  
 352  /* =Footer
 353  ----------------------------------------------- */
 354  
 355  /* Two Footer Widget Areas */
 356  #supplementary.two .widget-area {
 357      float: right;
 358      margin-left: 3.7%;
 359      margin-right: auto;
 360  }
 361  #supplementary.two .widget-area + .widget-area {
 362      margin-left: 0;
 363      margin-right: auto;
 364  }
 365  
 366  /* Three Footer Widget Areas */
 367  #supplementary.three .widget-area {
 368      float: right;
 369      margin-left: 3.7%;
 370      margin-right: auto;
 371  }
 372  #supplementary.three .widget-area + .widget-area + .widget-area {
 373      margin-left: 0;
 374      margin-right: auto;
 375  }
 376  
 377  /* Simplify the showcase template when small feature */
 378      section.featured-post .attachment-small-feature,
 379      .one-column section.featured-post .attachment-small-feature {
 380      float: right;
 381  }
 382  article.feature-image.small {
 383      float: left;
 384  }
 385  article.feature-image.small .entry-summary a {
 386      right: -9%;
 387  }
 388  
 389  
 390  /* =Responsive Structure
 391  ----------------------------------------------- */
 392  
 393  @media (max-width: 800px) {
 394  
 395      /* Three Footer Widget Areas */
 396      #supplementary.three .widget-area {
 397          float: right;
 398          margin-left: 3.7%;
 399          margin-right: auto;
 400      }
 401      #supplementary.three .widget-area + .widget-area + .widget-area {
 402          margin-left: 0;
 403          margin-right: auto;
 404      }
 405  
 406      /* Simplify the showcase template when small feature */
 407          section.featured-post .attachment-small-feature,
 408          .one-column section.featured-post .attachment-small-feature {
 409          float: right;
 410      }
 411      article.feature-image.small {
 412          float: left;
 413      }
 414      article.feature-image.small .entry-summary a {
 415          right: -9%;
 416      }
 417  
 418      /* Make sure the logo and search form don't collide */
 419          #branding #searchform {
 420          left: 1px;
 421      }
 422  }
 423  
 424  @media (max-width: 800px) {
 425  
 426      /* Three Footer Widget Areas */
 427      #supplementary.three .widget-area {
 428          float: right;
 429          margin-left: 3.7%;
 430          margin-right: auto;
 431      }
 432      #supplementary.three .widget-area + .widget-area + .widget-area {
 433          margin-left: 0;
 434          margin-right: auto;
 435      }
 436  
 437      /* Simplify the showcase template when small feature */
 438          section.featured-post .attachment-small-feature,
 439          .one-column section.featured-post .attachment-small-feature {
 440          float: right;
 441      }
 442      article.feature-image.small {
 443          float: left;
 444      }
 445      article.feature-image.small .entry-summary a {
 446          right: -9%;
 447          right: auto;
 448      }
 449  
 450      /* Make sure the logo and search form don't collide */
 451      #branding #searchform {
 452      left: 1px;
 453      }
 454  }
 455  
 456  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
 457      #primary {
 458          float: right;
 459      }
 460      .commentlist .avatar {
 461          right: 2.2em;
 462      }
 463  }
 464  
 465  
 466  /* =Print
 467  ----------------------------------------------- */
 468  
 469  @media print {
 470      #primary {
 471          float: right;
 472      }
 473  
 474      /* Comments */
 475      .commentlist .avatar {
 476          right: 2.2em;
 477      }
 478  }
 479  
 480  
 481  /* =IE7
 482  ----------------------------------------------- */
 483  
 484  #ie7 article.intro {
 485      margin-right: -7.6%;
 486      margin-left: -7.6%;
 487      padding-right: -7.6%;
 488      padding-left: -7.6%;
 489  }
 490  
 491  #ie7 section.featured-post {
 492      margin-right: -7.6%;
 493      margin-left: -7.6%;
 494  }
 495  
 496  #ie7 section.recent-posts {
 497      margin-left: 7.6%;
 498      margin-right: auto;
 499  }