[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentyeleven/ -> rtl.css (source)

   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      left: auto;
 450      right: 75%;
 451  }
 452  #respond .form-submit {
 453      float: left;
 454  }
 455  #respond input#submit {
 456      left: auto;
 457      right: 30px;
 458      padding: 5px 22px 5px 42px;
 459  }
 460  #respond #cancel-comment-reply-link {
 461      margin-left: 0;
 462      margin-right: 10px;
 463  }
 464  #cancel-comment-reply-link {
 465      right: auto;
 466      left: 1.625em;
 467  }
 468  
 469  /* =Footer
 470  ----------------------------------------------- */
 471  
 472  /* Two Footer Widget Areas */
 473  #supplementary.two .widget-area {
 474      float: right;
 475      margin-right: 0;
 476      margin-left: 3.7%;
 477  }
 478  #supplementary.two .widget-area + .widget-area {
 479      margin-left: 0;
 480  }
 481  
 482  /* Three Footer Widget Areas */
 483  #supplementary.three .widget-area {
 484      float: right;
 485      margin-right: 0;
 486      margin-left: 3.7%;
 487  }
 488  #supplementary.three .widget-area + .widget-area + .widget-area {
 489      margin-left: 0;
 490  }
 491  
 492  /* Site Generator Line */
 493  #site-generator .sep {
 494      background-position: right center;
 495  }
 496  
 497  
 498  /* =Responsive Structure
 499  ----------------------------------------------- */
 500  
 501  @media (max-width: 800px) {
 502      /* Simplify the showcase template when small feature */
 503      section.featured-post .attachment-small-feature,
 504      .one-column section.featured-post .attachment-small-feature {
 505          float: right;
 506      }
 507      article.feature-image.small {
 508          float: left;
 509      }
 510      article.feature-image.small .entry-summary p a {
 511          right: 0;
 512      }
 513      .singular .entry-meta .edit-link a {
 514          left: auto;
 515          right: 0px;
 516      }
 517      /* Make sure we have room for our comment avatars */
 518      .commentlist > li.comment,
 519      .commentlist .pingback {
 520          margin-left: 0;
 521          margin-right: 102px;
 522      }
 523      /* No need to float footer widgets at this size */
 524      #colophon #supplementary .widget-area {
 525          margin-left: 0;
 526      }
 527      /* No need to float 404 widgets at this size */
 528      .error404 #main .widget {
 529          margin-left: 0;
 530      }
 531  }
 532  @media (max-width: 650px) {
 533      /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
 534      #site-title,
 535      #site-description {
 536          margin-left: 0;
 537      }
 538      /* Talking avatars take up too much room at this size */
 539      .commentlist > li.comment,
 540      .commentlist > li.pingback {
 541          margin-right: 0 !important;
 542      }
 543      .commentlist .children .avatar {
 544          left: auto;
 545          right: 2.2em;
 546      }
 547      /* Use the available space in the smaller comment form */
 548      #respond .comment-form-author .required,
 549      #respond .comment-form-email .required {
 550          left: auto;
 551          right: 95%;
 552      }
 553      #content .gallery-columns-3 .gallery-item {
 554          padding-right: 0;
 555          padding-left:2%;
 556      }
 557  }
 558  @media (max-width: 450px) {
 559      #content .gallery-columns-2 .gallery-item {
 560          padding-right:0;
 561          padding-left:4%;
 562      }
 563  }
 564  
 565  /* =Print
 566  ----------------------------------------------- */
 567  
 568  @media print {
 569      #primary {
 570          float: right;
 571      }
 572      /* Comments */
 573      .commentlist .avatar {
 574          left: auto;
 575          right: 2.2em;
 576      }
 577      .commentlist li.comment .comment-meta {
 578          margin-left: 0;
 579          margin-right: 50px;
 580      }
 581  }
 582  
 583  /* =IE7
 584  ----------------------------------------------- */
 585  
 586  #ie7 section.recent-posts {
 587      margin-right: 0;
 588      margin-left: 7.6%;
 589  }


Generated : Sun May 24 08:20:01 2020 Cross-referenced by PHPXref