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

   1 /**
   2  * Generic elements.
   3  */
   4 body {
   5   color: #333;
   6   background: #fff;
   7   font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
   8 }
   9 a,
  10 .link {
  11   color: #0074bd;
  12   text-decoration: none;
  13 }
  14 a:hover,
  15 .link:hover,
  16 a:focus,
  17 .link:focus {
  18   text-decoration: underline;
  19   outline: 0;
  20 }
  21 hr {
  22   margin: 0;
  23   padding: 0;
  24   border: none;
  25   height: 1px;
  26   background: #ccc;
  27 }
  28 summary,
  29 .fieldgroup:not(.form-composite) > legend {
  30   font-weight: bold;
  31   text-transform: uppercase;
  32 }
  33 .simpletest-results-form summary {
  34   text-transform: none;
  35 }
  36
  37 /**
  38  * Reusable heading classes are included to help modules change the styling of
  39  * headings on a page without affecting accessibility.
  40  */
  41 h1,
  42 .heading-a {
  43   font-weight: bold;
  44   margin: 0;
  45   font-size: 1.625em;
  46   line-height: 1.875em;
  47 }
  48 h2,
  49 .heading-b {
  50   font-weight: bold;
  51   margin: 10px 0;
  52   font-size: 1.385em;
  53 }
  54 h3,
  55 .heading-c {
  56   font-weight: bold;
  57   margin: 10px 0;
  58   font-size: 1.231em;
  59 }
  60 h4,
  61 .heading-d {
  62   font-weight: bold;
  63   margin: 10px 0;
  64   font-size: 1.154em;
  65 }
  66 h5,
  67 .heading-e {
  68   font-weight: bold;
  69   margin: 10px 0;
  70   font-size: 1.077em;
  71 }
  72 h6,
  73 .heading-f {
  74   font-weight: bold;
  75   margin: 10px 0;
  76   font-size: 1.077em;
  77 }
  78 p {
  79   margin: 1em 0;
  80 }
  81 dl {
  82   margin: 0 0 20px;
  83 }
  84 dl dd,
  85 dl dl {
  86   margin-left: 20px; /* LTR */
  87   margin-bottom: 10px;
  88 }
  89 [dir="rtl"] dl dd,
  90 [dir="rtl"] dl dl {
  91   margin-right: 20px;
  92 }
  93 blockquote {
  94   margin: 1em 40px;
  95 }
  96 address {
  97   font-style: italic;
  98 }
  99 u,
 100 ins {
 101   text-decoration: underline;
 102 }
 103 s,
 104 strike,
 105 del {
 106   text-decoration: line-through;
 107 }
 108 big {
 109   font-size: larger;
 110 }
 111 small {
 112   font-size: smaller;
 113 }
 114 sub {
 115   vertical-align: sub;
 116   font-size: smaller;
 117   line-height: normal;
 118 }
 119 sup {
 120   vertical-align: super;
 121   font-size: smaller;
 122   line-height: normal;
 123 }
 124 abbr,
 125 acronym {
 126   border-bottom: dotted 1px;
 127 }
 128 ul {
 129   list-style-type: disc;
 130   list-style-image: none;
 131   margin: 0.25em 0 0.25em 1.5em; /* LTR */
 132 }
 133 [dir="rtl"] ul {
 134   margin-left: 0;
 135   margin-right: 1.5em;
 136 }
 137 /* This is required to win over specificity of [dir="rtl"] ul */
 138 [dir="rtl"] .messages__list {
 139   margin-right: 0;
 140 }
 141 ol {
 142   list-style-type: decimal;
 143   margin: 0.25em 0 0.25em 2em; /* LTR */
 144   padding: 0;
 145 }
 146 [dir="rtl"] ol {
 147   margin-left: 0;
 148   margin-right: 2em;
 149 }
 150 code {
 151   margin: 0.5em 0;
 152 }
 153 pre {
 154   margin: 0.5em 0;
 155   white-space: pre-wrap;
 156 }
 157 details {
 158   line-height: 1.295em;
 159 }
 160 details summary {
 161   padding-top: 0.5em;
 162   padding-bottom: 0.5em;
 163 }
 164 details summary:focus {
 165   outline: none;
 166 }
 167 details summary:focus,
 168 details summary:hover {
 169   text-decoration: underline;
 170 }
 171 img {
 172   max-width: 100%;
 173   height: auto;
 174 }