sidebar.css

Same filename in other branches
  1. 9 core/themes/bartik/css/components/sidebar.css
/* ------------------ Sidebar ----------------- */

@media all and (min-width: 560px) {
  .sidebar {
    position: relative;
    float: left; /* LTR */
    width: 50%;
  }
  [dir="rtl"] .sidebar {
    float: right;
  }
  .layout-one-sidebar .sidebar {
    width: 100%;
  }
}

@media all and (min-width: 851px) {
  .layout-one-sidebar .sidebar {
    width: 25%;
  }
  #sidebar-first {
    width: 25%;
    margin-left: -100%; /* LTR */
  }
  [dir="rtl"] #sidebar-first {
    margin-right: -100%;
    margin-left: 0;
  }
  #sidebar-second {
    clear: none;
    width: 25%;
    margin-left: -25%; /* LTR */
  }
  [dir="rtl"] #sidebar-second {
    margin-right: -25%;
    margin-left: 0;
  }
}

.sidebar .section {
  padding: 10px 15px 0;
}
.sidebar .block {
  margin: 0 0 20px;
  padding: 15px 20px;
  border-width: 1px;
  border-style: solid;
}
.sidebar h2 {
  margin: 0 0 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d6d6;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.071em;
  line-height: 1.2;
}
.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}
.sidebar tbody {
  border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
  border-bottom: 1px solid #d6d6d6;
  background: none;
}

File

core/themes/bartik/css/components/sidebar.css

View source 
  1. /* ------------------ Sidebar ----------------- */

  2. 

  3. @media all and (min-width: 560px) {

  4.   .sidebar {

  5.     position: relative;

  6.     float: left; /* LTR */

  7.     width: 50%;

  8.   }

  9.   [dir="rtl"] .sidebar {

  10.     float: right;

  11.   }

  12.   .layout-one-sidebar .sidebar {

  13.     width: 100%;

  14.   }

  15. }

  16. 

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

  18.   .layout-one-sidebar .sidebar {

  19.     width: 25%;

  20.   }

  21.   #sidebar-first {

  22.     width: 25%;

  23.     margin-left: -100%; /* LTR */

  24.   }

  25.   [dir="rtl"] #sidebar-first {

  26.     margin-right: -100%;

  27.     margin-left: 0;

  28.   }

  29.   #sidebar-second {

  30.     clear: none;

  31.     width: 25%;

  32.     margin-left: -25%; /* LTR */

  33.   }

  34.   [dir="rtl"] #sidebar-second {

  35.     margin-right: -25%;

  36.     margin-left: 0;

  37.   }

  38. }

  39. 

  40. .sidebar .section {

  41.   padding: 10px 15px 0;

  42. }

  43. .sidebar .block {

  44.   margin: 0 0 20px;

  45.   padding: 15px 20px;

  46.   border-width: 1px;

  47.   border-style: solid;

  48. }

  49. .sidebar h2 {

  50.   margin: 0 0 0.5em;

  51.   padding-bottom: 5px;

  52.   border-bottom: 1px solid #d6d6d6;

  53.   text-shadow: 0 1px 0 #fff;

  54.   font-size: 1.071em;

  55.   line-height: 1.2;

  56. }

  57. .sidebar .block .content {

  58.   font-size: 0.914em;

  59.   line-height: 1.4;

  60. }

  61. .sidebar tbody {

  62.   border: none;

  63. }

  64. .sidebar tr.even,

  65. .sidebar tr.odd {

  66.   border-bottom: 1px solid #d6d6d6;

  67.   background: none;

  68. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.