layout-rtl.css

Same filename in this branch
  1. 8.x drupal/core/themes/bartik/css/layout-rtl.css
  2. 8.x drupal/core/themes/stark/css/layout-rtl.css
/* ---------- Basic Layout RTL Styles ----------- */

.region-header {
  float: left;
}
#secondary-menu {
  left: 0;
  right: auto;
}

@media all and (min-width: 560px) and (max-width: 850px) {

  #sidebar-first,
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last,
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    float: right;
  }
  #sidebar-second {
    margin-right: 50%;
  }
  .one-sidebar #sidebar-second {
    margin-right: 0;
  }
}

@media all and (min-width: 851px) {

  #content,
  #sidebar-first,
  #sidebar-second,
  .region-triptych-first,
  .region-triptych-middle,
  .region-triptych-last,
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    float: right;
  }
  .sidebar-first #content {
    margin-left: 0;
    margin-right: 25%;
  }
  .sidebar-second #content {
    margin-right: 0;
    margin-left: 25%;
  }
  #sidebar-first {
    margin-right: -100%;
  }
  #sidebar-second {
    margin-right: -25%;
  }
}

File

drupal/core/themes/bartik/css/layout-rtl.css
View source
  1. 

  2. /* ---------- Basic Layout RTL Styles ----------- */

  3. 

  4. .region-header {

  5.   float: left;

  6. }

  7. #secondary-menu {

  8.   left: 0;

  9.   right: auto;

  10. }

  11. 

  12. @media all and (min-width: 560px) and (max-width: 850px) {

  13. 

  14.   #sidebar-first,

  15.   .region-triptych-first,

  16.   .region-triptych-middle,

  17.   .region-triptych-last,

  18.   .region-footer-firstcolumn,

  19.   .region-footer-secondcolumn,

  20.   .region-footer-thirdcolumn,

  21.   .region-footer-fourthcolumn {

  22.     float: right;

  23.   }

  24.   #sidebar-second {

  25.     margin-right: 50%;

  26.   }

  27.   .one-sidebar #sidebar-second {

  28.     margin-right: 0;

  29.   }

  30. }

  31. 

  32. @media all and (min-width: 851px) {

  33. 

  34.   #content,

  35.   #sidebar-first,

  36.   #sidebar-second,

  37.   .region-triptych-first,

  38.   .region-triptych-middle,

  39.   .region-triptych-last,

  40.   .region-footer-firstcolumn,

  41.   .region-footer-secondcolumn,

  42.   .region-footer-thirdcolumn,

  43.   .region-footer-fourthcolumn {

  44.     float: right;

  45.   }

  46.   .sidebar-first #content {

  47.     margin-left: 0;

  48.     margin-right: 25%;

  49.   }

  50.   .sidebar-second #content {

  51.     margin-right: 0;

  52.     margin-left: 25%;

  53.   }

  54.   #sidebar-first {

  55.     margin-right: -100%;

  56.   }

  57.   #sidebar-second {

  58.     margin-right: -25%;

  59.   }

  60. }