aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/sidebar.css

   1 /* ------------------ Sidebar ----------------- */
   2
   3 @media all and (min-width: 560px) {
   4   .sidebar {
   5     float: left; /* LTR */
   6     position: relative;
   7     width: 50%;
   8   }
   9   [dir="rtl"] .sidebar {
  10     float: right;
  11   }
  12   .layout-one-sidebar .sidebar {
  13     width: 100%;
  14   }
  15 }
  16 @media all and (min-width: 851px) {
  17   .layout-one-sidebar .sidebar {
  18     width: 25%;
  19   }
  20   #sidebar-first {
  21     width: 25%;
  22     margin-left: -100%; /* LTR */
  23   }
  24   [dir="rtl"] #sidebar-first {
  25     margin-right: -100%;
  26     margin-left: 0;
  27   }
  28   #sidebar-second {
  29     width: 25%;
  30     margin-left: -25%; /* LTR */
  31     clear: none;
  32   }
  33   [dir="rtl"] #sidebar-second {
  34     margin-right: -25%;
  35     margin-left: 0;
  36   }
  37 }
  38
  39 .sidebar .section {
  40   padding: 10px 15px 0;
  41 }
  42 .sidebar .block {
  43   border-style: solid;
  44   border-width: 1px;
  45   padding: 15px 20px;
  46   margin: 0 0 20px;
  47 }
  48 .sidebar h2 {
  49   margin: 0 0 0.5em;
  50   border-bottom: 1px solid #d6d6d6;
  51   padding-bottom: 5px;
  52   text-shadow: 0 1px 0 #fff;
  53   font-size: 1.071em;
  54   line-height: 1.2;
  55 }
  56 .sidebar .block .content {
  57   font-size: 0.914em;
  58   line-height: 1.4;
  59 }
  60 .sidebar tbody {
  61   border: none;
  62 }
  63 .sidebar tr.even,
  64 .sidebar tr.odd {
  65   background: none;
  66   border-bottom: 1px solid #d6d6d6;
  67 }