[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  https://codex.wordpress.org/Right_to_Left_Language_Support
   9  
  10  */
  11  
  12  /* =Reset reset
  13  ----------------------------------------------- */
  14  
  15  caption, th, td {
  16      text-align: right;
  17  }
  18  
  19  /* =Structure
  20  ----------------------------------------------- */
  21  
  22  body {
  23      direction:rtl;
  24      unicode-bidi:embed;
  25  }
  26  
  27  /* Showcase */
  28  .page-template-showcase-php section.recent-posts {
  29      float: left;
  30      margin: 0 31% 0 0;
  31  }
  32  .page-template-showcase-php #main .widget-area {
  33      float: right;
  34      margin: 0 0 0 -22.15%;
  35  }
  36  
  37  /* One column */
  38  
  39  .one-column article.feature-image.small .entry-summary a {
  40      left: auto;
  41      right: -9%;
  42  }
  43  
  44  /* Simplify the pullquotes and pull styles */
  45  .one-column.singular .entry-meta .edit-link a {
  46      right: 0px;
  47      left: auto;
  48  }
  49  /* Make sure we have room for our comment avatars */
  50  .one-column .commentlist > li.comment {
  51      margin-left: 0;
  52      margin-right: 102px;
  53  }
  54  /* Make sure the logo and search form don't collide */
  55  .one-column #branding #searchform {
  56      right: auto;
  57      left: 40px;
  58  }
  59  /* Talking avatars take up too much room at this size */
  60  .one-column .commentlist > li.comment {
  61      margin-right: 0;
  62  }
  63  .one-column .commentlist > li.comment .comment-meta,
  64  .one-column .commentlist > li.comment .comment-content {
  65      margin-right: 0;
  66      margin-left: 85px;
  67  }
  68  .one-column .commentlist .avatar {
  69      right: auto;
  70      left: 1.625em;
  71  }
  72  .one-column .commentlist .children .avatar {
  73      left: auto;
  74      right: 2.2em;
  75  }
  76  
  77  /* =Global
  78  ----------------------------------------------- */
  79  
  80  /* Text elements */
  81  p {
  82      margin-bottom: 1.625em;
  83  }
  84  ul, ol {
  85      margin: 0 2.5em 1.625em 0;
  86  }
  87  .ltr ul, .ltr ol {
  88      margin: 0 0 1.625em 2.5em;
  89  }
  90  blockquote {
  91      font-family: Arial, sans-serif;
  92  }
  93  blockquote em, blockquote i, blockquote cite {
  94      font-style: normal;
  95  }
  96  
  97  /* Forms */
  98  textarea {
  99      padding-left: 0;
 100      padding-right: 3px;
 101  }
 102  input#s {
 103      background-position: 97% 6px;
 104      padding: 4px 28px 4px 10px;
 105  }
 106  #respond #wp-comment-cookies-consent {
 107      margin: 0 0 0 10px;
 108  }
 109  
 110  /* Assistive text */
 111  a.assistive-text:focus {
 112      left: auto;
 113      right: 6px;
 114  }
 115  
 116  /* =Header
 117  ----------------------------------------------- */
 118  
 119  #site-title {
 120      margin-right: 0;
 121      margin-left: 270px;
 122  }
 123  
 124  #site-description {
 125      margin: 0 0 3.65625em 270px;
 126  }
 127  
 128  /* =Menu
 129  -------------------------------------------------------------- */
 130  
 131  #access {
 132      float: right;
 133  }
 134  #access ul {
 135      margin: 0 -0.8125em 0 0;
 136      padding-right: 0;
 137  }
 138  #access li {
 139      float: right;
 140  }
 141  #access ul ul {
 142      float: right;
 143      left: auto;
 144      right: 0;
 145  }
 146  #access ul ul ul {
 147      left: auto;
 148      right: 100%;
 149  }
 150  
 151  /* Search Form */
 152  #branding #searchform {
 153      right: auto;
 154      left: 7.6%;
 155      text-align: left;
 156  }
 157  #branding #s {
 158      float: left;
 159  }
 160  #branding .only-search + #access div {
 161      padding-right: 0;
 162      padding-left: 205px;
 163  }
 164  
 165  
 166  /* =Content
 167  ----------------------------------------------- */
 168  .entry-title,
 169  .entry-header .entry-meta {
 170      padding-right: 0;
 171      padding-left: 76px;
 172  }
 173  .entry-content td,
 174  .comment-content td {
 175      padding: 6px 0 6px 10px;
 176  }
 177  .page-link span {
 178      margin-right: 0;
 179      margin-left: 6px;
 180  }
 181  .entry-meta .edit-link a {
 182      float: left;
 183  }
 184  /* Images */
 185  
 186  .wp-caption .wp-caption-text,
 187  .gallery-caption {
 188      font-family: Arial, sans-serif;
 189  }
 190  .wp-caption .wp-caption-text {
 191      padding: 10px 40px 5px 0px;
 192  }
 193  .wp-caption .wp-caption-text:before {
 194      margin-right: 0;
 195      margin-left: 5px;
 196      left: auto;
 197      right: 10px;
 198  }
 199  #content .gallery-columns-4 .gallery-item {
 200      padding-right:0;
 201      padding-left:2%;
 202  }
 203  
 204  /* Author Info */
 205  .singular #author-info {
 206      margin: 2.2em -35.4% 0 -35.6%;
 207  }
 208  #author-avatar {
 209      float: right;
 210      margin-right: 0;
 211      margin-left: -78px;
 212  }
 213  #author-description {
 214      float: right;
 215      margin-left: 0;
 216      margin-right: 108px;
 217  }
 218  /* Comments link */
 219  .entry-header .comments-link a {
 220      background-image: url(images/comment-bubble-rtl.png);
 221      right: auto;
 222      left: 0;
 223  }
 224  
 225  /*
 226      Post Formats Headings
 227  */
 228  .singular .entry-title,
 229  .singular .entry-header .entry-meta {
 230      padding-left: 0;
 231  }
 232  .singular .entry-header .entry-meta {
 233      left: auto;
 234      right: 0;
 235  }
 236  .singular .entry-meta .edit-link a {
 237      left: auto;
 238      right: 50px;
 239  }
 240  
 241  
 242  /* =Gallery
 243  ----------------------------------------------- */
 244  
 245  .format-gallery .gallery-thumb {
 246      float: right;
 247      margin: .375em 0 0 1.625em;
 248  }
 249  
 250  
 251  /* =Status
 252  ----------------------------------------------- */
 253  
 254  .format-status img.avatar {
 255      float: right;
 256      margin: 4px 0 2px 10px;
 257  }
 258  
 259  
 260  /* =Image
 261  ----------------------------------------------- */
 262  
 263  .indexed.format-image div.entry-meta {
 264      float: right;
 265  }
 266  /* =error404
 267  ----------------------
 268  ------------------------- */
 269  .error404 #main .widget {
 270      float: right;
 271      margin-right: auto;
 272      margin-left: 3.7%;
 273  }
 274  .error404 #main .widget_archive {
 275      margin-left: 0;
 276  }
 277  .error404 #main .widget_tag_cloud {
 278      margin-left: 0;
 279  }
 280  
 281  /* =Showcase
 282  ----------------------------------------------- */
 283  
 284  article.intro .edit-link a {
 285      right: auto;
 286      left: 20px;
 287  }
 288  
 289  /* Featured post */
 290  section.featured-post {
 291      float: right;
 292  }
 293  
 294  /* Small featured post */
 295  section.featured-post .attachment-small-feature {
 296      float: left;
 297      margin: 0 0 1.625em -8.9%;
 298      right: auto;
 299      left: -15px;
 300  }
 301  article.feature-image.small {
 302      float: right;
 303  }
 304  article.feature-image.small .entry-summary p a {
 305      left:auto;
 306      right: -23.8%;
 307      padding: 9px 85px 9px 26px;
 308  }
 309  
 310  /* Large featured post */
 311  section.feature-image.large .hentry {
 312      left:auto;
 313      right: 9%;
 314      margin: 1.625em 0 0 9%;
 315  }
 316  /* Featured Slider */
 317  .featured-posts .showcase-heading {
 318      padding-left: 0;
 319      padding-right: 8.9%;
 320  }
 321  .featured-posts section.featured-post {
 322      left: auto;
 323      right: 0;
 324  }
 325  #content .feature-slider {
 326      right: auto;
 327      left: 8.9%;
 328  }
 329  .feature-slider li {
 330      float: right;
 331  }
 332  /* Recent Posts */
 333  section.recent-posts .other-recent-posts a[rel="bookmark"] {
 334      float: right;
 335  }
 336  section.recent-posts .other-recent-posts .comments-link a,
 337  section.recent-posts .other-recent-posts .comments-link > span {
 338      padding: 0.3125em 1em 0.3125em 0;
 339      right: auto;
 340      left: 0;
 341      text-align: left;
 342  }
 343  
 344  /* =Attachments
 345  ----------------------------------------------- */
 346  
 347  /* =Navigation
 348  -------------------------------------------------------------- */
 349  
 350  .nav-previous {
 351      float: right;
 352  }
 353  .nav-next {
 354      float: left;
 355      text-align: left;
 356  }
 357  
 358  /* Singular navigation */
 359  #nav-single {
 360      float: left;
 361      text-align: left;
 362  }
 363  #nav-single .nav-next {
 364      padding-left: 0;
 365      padding-right: .5em;
 366  }
 367  
 368  
 369  /* =Widgets
 370  ----------------------------------------------- */
 371  
 372  .widget ul ul {
 373      margin-left: 0;
 374      margin-right: 1.5em;
 375  }
 376  
 377  /* Twitter */
 378  .widget_twitter .timesince {
 379      margin-right: 0;
 380      margin-left: -10px;
 381      text-align: left;
 382  }
 383  .widget_text ul,
 384  .widget_text ol {
 385      margin: 0 2.5em 1.625em 0;
 386  }
 387  
 388  /* =Comments
 389  ----------------------------------------------- */
 390  
 391  .commentlist .children li.comment {
 392      border-left: none;
 393      border-right: 1px solid #ddd;
 394      -moz-border-radius: 3px 0 0 3px;
 395      border-radius: 3px 0 0 3px;
 396  }
 397  .commentlist .children li.comment .comment-meta {
 398      margin-left: 0;
 399      margin-right: 50px;
 400  }
 401  .commentlist .avatar {
 402      left: auto;
 403      right: -102px;
 404  }
 405  .commentlist > li:before {
 406      content: url(images/comment-arrow-rtl.png);
 407      left:auto;
 408      right: -21px;
 409  }
 410  .commentlist > li.pingback:before {
 411      content: '';
 412  }
 413  .commentlist .children .avatar {
 414      left: auto;
 415      right: 2.2em;
 416  }
 417  
 418  /* Post author highlighting */
 419  .commentlist > li.bypostauthor:before {
 420      content: url(images/comment-arrow-bypostauthor-rtl.png);
 421  }
 422  
 423  /* sidebar-page.php comments */
 424  /* Make sure we have room for our comment avatars */
 425  .page-template-sidebar-page-php .commentlist > li.comment,
 426  .page-template-sidebar-page-php.commentlist .pingback {
 427      margin-left: 0;
 428      margin-right: 102px;
 429  }
 430  
 431  /* Comment Form */
 432  #respond .comment-form-author label,
 433  #respond .comment-form-email label,
 434  #respond .comment-form-url label,
 435  #respond .comment-form-comment label {
 436      left: auto;
 437      right: 4px;
 438  }
 439  #respond .comment-form-author label,
 440  #respond .comment-form-email label,
 441  #respond .comment-form-url label,
 442  #respond .comment-form-comment label {
 443      -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
 444      -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
 445      box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
 446  }
 447  #respond .comment-form-author .required,
 448  #respond .comment-form-email .required,
 449  #respond .comment-form-url .required,
 450  #respond .comment-form-comment .required {
 451      float: left;
 452      margin-left: 0;
 453      margin-right: 4px;
 454  }
 455  #respond .form-submit {
 456      float: left;
 457  }
 458  #respond input#submit {
 459      left: auto;
 460      right: 30px;
 461      padding: 5px 22px 5px 42px;
 462  }
 463  #respond #cancel-comment-reply-link {
 464      margin-left: 0;
 465      margin-right: 10px;
 466  }
 467  #cancel-comment-reply-link {
 468      right: auto;
 469      left: 1.625em;
 470  }
 471  
 472  /* =Footer
 473  ----------------------------------------------- */
 474  
 475  /* Two Footer Widget Areas */
 476  #supplementary.two .widget-area {
 477      float: right;
 478      margin-right: 0;
 479      margin-left: 3.7%;
 480  }
 481  #supplementary.two .widget-area + .widget-area {
 482      margin-left: 0;
 483  }
 484  
 485  /* Three Footer Widget Areas */
 486  #supplementary.three .widget-area {
 487      float: right;
 488      margin-right: 0;
 489      margin-left: 3.7%;
 490  }
 491  #supplementary.three .widget-area + .widget-area + .widget-area {
 492      margin-left: 0;
 493  }
 494  
 495  /* Site Generator Line */
 496  #site-generator .sep {
 497      background-position: right center;
 498  }
 499  
 500  
 501  /* =Responsive Structure
 502  ----------------------------------------------- */
 503  
 504  @media (max-width: 800px) {
 505      /* Simplify the showcase template when small feature */
 506      section.featured-post .attachment-small-feature,
 507      .one-column section.featured-post .attachment-small-feature {
 508          float: right;
 509      }
 510      article.feature-image.small {
 511          float: left;
 512      }
 513      article.feature-image.small .entry-summary p a {
 514          right: 0;
 515      }
 516      .singular .entry-meta .edit-link a {
 517          left: auto;
 518          right: 0px;
 519      }
 520      /* Make sure we have room for our comment avatars */
 521      .commentlist > li.comment,
 522      .commentlist .pingback {
 523          margin-left: 0;
 524          margin-right: 102px;
 525      }
 526      /* No need to float footer widgets at this size */
 527      #colophon #supplementary .widget-area {
 528          margin-left: 0;
 529      }
 530      /* No need to float 404 widgets at this size */
 531      .error404 #main .widget {
 532          margin-left: 0;
 533      }
 534  }
 535  @media (max-width: 650px) {
 536      /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
 537      #site-title,
 538      #site-description {
 539          margin-left: 0;
 540      }
 541      /* Talking avatars take up too much room at this size */
 542      .commentlist > li.comment,
 543      .commentlist > li.pingback {
 544          margin-right: 0 !important;
 545      }
 546      .commentlist .children .avatar {
 547          left: auto;
 548          right: 2.2em;
 549      }
 550      #content .gallery-columns-3 .gallery-item {
 551          padding-right: 0;
 552          padding-left:2%;
 553      }
 554  }
 555  @media (max-width: 450px) {
 556      #content .gallery-columns-2 .gallery-item {
 557          padding-right:0;
 558          padding-left:4%;
 559      }
 560  }
 561  
 562  /* =Print
 563  ----------------------------------------------- */
 564  
 565  @media print {
 566      #primary {
 567          float: right;
 568      }
 569      /* Comments */
 570      .commentlist .avatar {
 571          left: auto;
 572          right: 2.2em;
 573      }
 574      .commentlist li.comment .comment-meta {
 575          margin-left: 0;
 576          margin-right: 50px;
 577      }
 578  }
 579  
 580  /* =IE7
 581  ----------------------------------------------- */
 582  
 583  #ie7 section.recent-posts {
 584      margin-right: 0;
 585      margin-left: 7.6%;
 586  }