www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/base/elements.css

   1 /**
   2  * @file
   3  * Overall specifications for Bartik.
   4  */
   5
   6 html {
   7   height: 100%;
   8 }
   9 body {
  10   min-height: 100%;
  11   line-height: 1.5;
  12   word-wrap: break-word;
  13   font-family: Georgia, "Times New Roman", Times, serif;
  14   font-size: 87.5%;
  15 }
  16 a,
  17 a.link {
  18   text-decoration: none;
  19   border-bottom: 1px dotted;
  20 }
  21 a:hover,
  22 a:active,
  23 a:focus,
  24 .link:hover,
  25 .link:active,
  26 .link:focus {
  27   text-decoration: none;
  28   border-bottom-style: solid;
  29 }
  30 .link {
  31   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  32 }
  33 h1 a,
  34 h2 a {
  35   border-bottom: none;
  36 }
  37
  38 /**
  39  * Reusable heading classes are included to help modules change the styling of
  40  * headings on a page without affecting accessibility.
  41  */
  42 h1,
  43 .heading-a {
  44   margin: 1em 0 0.5em;
  45   font-weight: inherit;
  46   font-size: 1.357em;
  47   color: #000;
  48 }
  49 h2,
  50 .heading-b {
  51   margin: 1em 0 0.5em;
  52   font-weight: inherit;
  53   font-size: 1.143em;
  54 }
  55 h3,
  56 .heading-c {
  57   margin: 1em 0 0.5em;
  58   font-weight: inherit;
  59   font-size: 1.092em;
  60 }
  61 h4,
  62 .heading-d {
  63   margin: 1em 0 0.5em;
  64   font-weight: inherit;
  65   font-size: 1.05em;
  66 }
  67 h5,
  68 .heading-e {
  69   margin: 1em 0 0.5em;
  70   font-weight: inherit;
  71   font-size: 0.889em;
  72   text-transform: uppercase;
  73   letter-spacing: 0.1em;
  74 }
  75 h6,
  76 .heading-f {
  77   margin: 1em 0 0.5em;
  78   font-weight: inherit;
  79   font-size: 0.67em;
  80   text-transform: uppercase;
  81   letter-spacing: 0.1em;
  82 }
  83 p {
  84   margin: 0 0 1.2em;
  85 }
  86 del {
  87   text-decoration: line-through;
  88 }
  89
  90 blockquote {
  91   background: #f7f7f7;
  92   border-left: 1px solid #bbb; /* LTR */
  93   font-style: italic;
  94   margin: 1.5em 10px;
  95   padding: 0.5em 10px;
  96 }
  97 [dir="rtl"] blockquote {
  98   border-left: none;
  99   border-right: 1px solid #bbb;
 100 }
 101 blockquote:before {
 102   color: #bbb;
 103   content: "\201C";
 104   font-size: 3em;
 105   line-height: 0.1em;
 106   margin-right: 0.2em; /* LTR */
 107   vertical-align: -0.4em;
 108 }
 109 [dir="rtl"] blockquote:before {
 110   content: "\201D";
 111   margin-left: 0.2em;
 112   margin-right: 0;
 113 }
 114 blockquote:after {
 115   color: #bbb;
 116   content: "\201D";
 117   font-size: 3em;
 118   line-height: 0.1em;
 119   vertical-align: -0.45em;
 120 }
 121 [dir="rtl"] blockquote:after {
 122   content: "\201C";
 123 }
 124 blockquote > p:first-child {
 125   display: inline;
 126 }
 127 .feed-icon {
 128   display: block;
 129   margin: 25px 0 0 0;
 130 }
 131 img {
 132   max-width: 100%;
 133   height: auto;
 134 }
 135 ul,
 136 ol {
 137   margin: 0;
 138   padding: 0 0 0.25em 1em; /* LTR */
 139 }
 140 [dir="rtl"] ul,
 141 [dir="rtl"] ol {
 142   padding: 0 1em 0.25em 0;
 143 }
 144 ol ol,
 145 ul ul {
 146   margin: 0;
 147   padding: 0 0 0.25em 1em; /* LTR */
 148 }
 149 [dir="rtl"] ol ol,
 150 [dir="rtl"] ul ul {
 151   padding: 0 1em 0.25em 0;
 152 }