Chris@0: /** Chris@0: * Generic elements. Chris@0: */ Chris@0: body { Chris@0: color: #333; Chris@0: background: #fff; Chris@0: font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif; Chris@0: } Chris@0: a, Chris@0: .link { Chris@18: text-decoration: none; Chris@0: color: #0074bd; Chris@0: } Chris@0: a:hover, Chris@0: .link:hover, Chris@0: a:focus, Chris@0: .link:focus { Chris@0: text-decoration: underline; Chris@0: outline: 0; Chris@0: } Chris@0: hr { Chris@18: height: 1px; Chris@0: margin: 0; Chris@0: padding: 0; Chris@0: border: none; Chris@14: background: #ccc; Chris@0: } Chris@0: summary, Chris@0: .fieldgroup:not(.form-composite) > legend { Chris@18: text-transform: uppercase; Chris@0: font-weight: bold; Chris@0: } Chris@0: .simpletest-results-form summary { Chris@0: text-transform: none; Chris@0: } Chris@0: Chris@0: /** Chris@0: * Reusable heading classes are included to help modules change the styling of Chris@0: * headings on a page without affecting accessibility. Chris@0: */ Chris@0: h1, Chris@0: .heading-a { Chris@0: margin: 0; Chris@0: font-size: 1.625em; Chris@18: font-weight: bold; Chris@0: line-height: 1.875em; Chris@0: } Chris@0: h2, Chris@0: .heading-b { Chris@0: margin: 10px 0; Chris@0: font-size: 1.385em; Chris@18: font-weight: bold; Chris@0: } Chris@0: h3, Chris@0: .heading-c { Chris@0: margin: 10px 0; Chris@0: font-size: 1.231em; Chris@18: font-weight: bold; Chris@0: } Chris@0: h4, Chris@0: .heading-d { Chris@0: margin: 10px 0; Chris@0: font-size: 1.154em; Chris@18: font-weight: bold; Chris@0: } Chris@0: h5, Chris@0: .heading-e { Chris@0: margin: 10px 0; Chris@0: font-size: 1.077em; Chris@18: font-weight: bold; Chris@0: } Chris@0: h6, Chris@0: .heading-f { Chris@0: margin: 10px 0; Chris@0: font-size: 1.077em; Chris@18: font-weight: bold; Chris@0: } Chris@0: p { Chris@0: margin: 1em 0; Chris@0: } Chris@0: dl { Chris@0: margin: 0 0 20px; Chris@0: } Chris@0: dl dd, Chris@0: dl dl { Chris@18: margin-bottom: 10px; Chris@0: margin-left: 20px; /* LTR */ Chris@0: } Chris@0: [dir="rtl"] dl dd, Chris@0: [dir="rtl"] dl dl { Chris@0: margin-right: 20px; Chris@0: } Chris@0: blockquote { Chris@0: margin: 1em 40px; Chris@0: } Chris@0: address { Chris@0: font-style: italic; Chris@0: } Chris@0: u, Chris@0: ins { Chris@0: text-decoration: underline; Chris@0: } Chris@0: s, Chris@0: strike, Chris@0: del { Chris@0: text-decoration: line-through; Chris@0: } Chris@0: big { Chris@0: font-size: larger; Chris@0: } Chris@0: small { Chris@0: font-size: smaller; Chris@0: } Chris@0: sub { Chris@0: vertical-align: sub; Chris@0: font-size: smaller; Chris@0: line-height: normal; Chris@0: } Chris@0: sup { Chris@0: vertical-align: super; Chris@0: font-size: smaller; Chris@0: line-height: normal; Chris@0: } Chris@0: abbr, Chris@0: acronym { Chris@0: border-bottom: dotted 1px; Chris@0: } Chris@0: ul { Chris@18: margin: 0.25em 0 0.25em 1.5em; /* LTR */ Chris@0: list-style-type: disc; Chris@0: list-style-image: none; Chris@0: } Chris@0: [dir="rtl"] ul { Chris@18: margin-right: 1.5em; Chris@0: margin-left: 0; Chris@0: } Chris@0: /* This is required to win over specificity of [dir="rtl"] ul */ Chris@0: [dir="rtl"] .messages__list { Chris@0: margin-right: 0; Chris@0: } Chris@0: ol { Chris@0: margin: 0.25em 0 0.25em 2em; /* LTR */ Chris@0: padding: 0; Chris@18: list-style-type: decimal; Chris@0: } Chris@0: [dir="rtl"] ol { Chris@18: margin-right: 2em; Chris@0: margin-left: 0; Chris@0: } Chris@0: code { Chris@14: margin: 0.5em 0; Chris@0: } Chris@0: pre { Chris@0: margin: 0.5em 0; Chris@0: white-space: pre-wrap; Chris@0: } Chris@0: details { Chris@0: line-height: 1.295em; Chris@0: } Chris@0: details summary { Chris@17: padding: 0.95em 1.45em; Chris@0: } Chris@0: details summary:focus { Chris@18: text-decoration: underline; Chris@0: outline: none; Chris@0: } Chris@0: img { Chris@0: max-width: 100%; Chris@0: height: auto; Chris@0: }