Mercurial > hg > isophonics-drupal-site

annotate themes/isobartik/css/base/elements.css @ 19:fa3358dc1485 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents 848c88cfe644
children
rev   line source
Chris@3 1 /**
Chris@3 2 * @file
Chris@3 3 */
Chris@3 4
Chris@3 5 html {
Chris@3 6 height: 100%;
Chris@3 7 }
Chris@3 8 body {
Chris@3 9 min-height: 100%;
Chris@3 10 line-height: 1.5;
Chris@3 11 word-wrap: break-word;
Chris@4 12 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
Chris@3 13 font-size: 87.5%;
Chris@3 14 }
Chris@3 15 a,
Chris@3 16 a.link {
Chris@3 17 text-decoration: none;
Chris@3 18 border-bottom: 1px dotted;
Chris@3 19 }
Chris@3 20 a:hover,
Chris@3 21 a:active,
Chris@3 22 a:focus,
Chris@3 23 .link:hover,
Chris@3 24 .link:active,
Chris@3 25 .link:focus {
Chris@3 26 text-decoration: none;
Chris@3 27 border-bottom-style: solid;
Chris@3 28 }
Chris@3 29 .link {
Chris@4 30 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
Chris@3 31 }
Chris@3 32 h1 a,
Chris@3 33 h2 a {
Chris@3 34 border-bottom: none;
Chris@3 35 }
Chris@3 36
Chris@6 37 /* Can't figure out how to remove the comment login links from within
Chris@6 38 the admin UI - should be something about field management in the content
Chris@6 39 admin section but it simply isn't there. So: */
Chris@6 40 .node__links { display: none; }
Chris@6 41
Chris@7 42 /* Equally grim - lose excess spacing between download links */
Chris@7 43 .field--name-field-download .field__item p { margin-bottom: 0; margin-left: 2em; }
Chris@7 44 .field--name-field-download { margin-bottom: 1em; }
Chris@7 45
Chris@7 46 /* These are not used enough to be worth showing */
Chris@7 47 .field--name-field-dafx-tags { display: none; }
Chris@7 48
Chris@6 49 #block-mainnavigation li { display: inline; padding-right: 2em; margin-left: -1em; padding-left: 0 }
Chris@6 50
Chris@3 51 /**
Chris@3 52 * Reusable heading classes are included to help modules change the styling of
Chris@3 53 * headings on a page without affecting accessibility.
Chris@3 54 */
Chris@3 55 h1,
Chris@3 56 .heading-a {
Chris@3 57 margin: 1.0em 0 0.5em;
Chris@3 58 font-weight: inherit;
Chris@3 59 font-size: 1.357em;
Chris@3 60 color: #000;
Chris@3 61 }
Chris@3 62 h2,
Chris@3 63 .heading-b {
Chris@3 64 margin: 1.0em 0 0.5em;
Chris@3 65 font-weight: inherit;
Chris@3 66 font-size: 1.143em;
Chris@3 67 }
Chris@3 68 h3,
Chris@3 69 .heading-c {
Chris@3 70 margin: 1.0em 0 0.5em;
Chris@3 71 font-weight: inherit;
Chris@3 72 font-size: 1.092em;
Chris@3 73 }
Chris@3 74 h4,
Chris@3 75 .heading-d {
Chris@3 76 margin: 1.0em 0 0.5em;
Chris@3 77 font-weight: inherit;
Chris@3 78 font-size: 1.05em;
Chris@3 79 }
Chris@3 80 h5,
Chris@3 81 .heading-e {
Chris@3 82 margin: 1.0em 0 0.5em;
Chris@3 83 font-weight: inherit;
Chris@3 84 font-size: 0.889em;
Chris@3 85 text-transform: uppercase;
Chris@3 86 letter-spacing: 0.1em;
Chris@3 87 }
Chris@3 88 h6,
Chris@3 89 .heading-f {
Chris@3 90 margin: 1.0em 0 0.5em;
Chris@3 91 font-weight: inherit;
Chris@3 92 font-size: 0.67em;
Chris@3 93 text-transform: uppercase;
Chris@3 94 letter-spacing: 0.1em;
Chris@3 95 }
Chris@3 96 p {
Chris@3 97 margin: 0 0 1.2em;
Chris@3 98 }
Chris@3 99 del {
Chris@3 100 text-decoration: line-through;
Chris@3 101 }
Chris@3 102
Chris@3 103 blockquote {
Chris@3 104 background: #f7f7f7;
Chris@3 105 border-left: 1px solid #bbb; /* LTR */
Chris@3 106 font-style: italic;
Chris@3 107 margin: 1.5em 10px;
Chris@3 108 padding: 0.5em 10px;
Chris@3 109 }
Chris@3 110 [dir="rtl"] blockquote {
Chris@3 111 border-left: none;
Chris@3 112 border-right: 1px solid #bbb;
Chris@3 113 }
Chris@3 114 blockquote:before {
Chris@3 115 color: #bbb;
Chris@3 116 content: "\201C";
Chris@3 117 font-size: 3em;
Chris@3 118 line-height: 0.1em;
Chris@3 119 margin-right: 0.2em; /* LTR */
Chris@3 120 vertical-align: -0.4em;
Chris@3 121 }
Chris@3 122 [dir="rtl"] blockquote:before {
Chris@3 123 content: "\201D";
Chris@3 124 margin-left: 0.2em;
Chris@3 125 margin-right: 0;
Chris@3 126 }
Chris@3 127 blockquote:after {
Chris@3 128 color: #bbb;
Chris@3 129 content: "\201D";
Chris@3 130 font-size: 3em;
Chris@3 131 line-height: 0.1em;
Chris@3 132 vertical-align: -0.45em;
Chris@3 133 }
Chris@3 134 [dir="rtl"] blockquote:after {
Chris@3 135 content: "\201C";
Chris@3 136 }
Chris@3 137 blockquote > p:first-child {
Chris@3 138 display: inline;
Chris@3 139 }
Chris@3 140 .feed-icon {
Chris@3 141 display: block;
Chris@3 142 margin: 25px 0 0 0;
Chris@3 143 }
Chris@3 144 img {
Chris@3 145 max-width: 100%;
Chris@3 146 height: auto;
Chris@3 147 }
Chris@3 148 ul,
Chris@3 149 ol {
Chris@3 150 margin: 0;
Chris@3 151 padding: 0 0 0.25em 1em; /* LTR */
Chris@3 152 }
Chris@3 153 [dir="rtl"] ul,
Chris@3 154 [dir="rtl"] ol {
Chris@3 155 padding: 0 1em 0.25em 0;
Chris@3 156 }
Chris@3 157 ol ol,
Chris@3 158 ul ul {
Chris@3 159 margin: 0;
Chris@3 160 padding: 0 0 0.25em 1em; /* LTR */
Chris@3 161 }
Chris@3 162 [dir="rtl"] ol ol,
Chris@3 163 [dir="rtl"] ul ul {
Chris@3 164 padding: 0 1em 0.25em 0;
Chris@3 165 }