Chris@0: /**
Chris@0:  * @file
Chris@0:  * Overall specifications for Bartik.
Chris@0:  */
Chris@0: 
Chris@0: html {
Chris@0:   height: 100%;
Chris@0: }
Chris@0: body {
Chris@0:   min-height: 100%;
Chris@0:   word-wrap: break-word;
Chris@0:   font-family: Georgia, "Times New Roman", Times, serif;
Chris@0:   font-size: 87.5%;
Chris@18:   line-height: 1.5;
Chris@0: }
Chris@0: a,
Chris@0: a.link {
Chris@0:   text-decoration: none;
Chris@0:   border-bottom: 1px dotted;
Chris@0: }
Chris@0: a:hover,
Chris@0: a:active,
Chris@0: a:focus,
Chris@0: .link:hover,
Chris@0: .link:active,
Chris@0: .link:focus {
Chris@0:   text-decoration: none;
Chris@0:   border-bottom-style: solid;
Chris@0: }
Chris@0: .link {
Chris@0:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@0: }
Chris@0: h1 a,
Chris@0: h2 a {
Chris@0:   border-bottom: 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@14:   margin: 1em 0 0.5em;
Chris@18:   color: #000;
Chris@18:   font-size: 1.357em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: h2,
Chris@0: .heading-b {
Chris@14:   margin: 1em 0 0.5em;
Chris@18:   font-size: 1.143em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: h3,
Chris@0: .heading-c {
Chris@14:   margin: 1em 0 0.5em;
Chris@18:   font-size: 1.092em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: h4,
Chris@0: .heading-d {
Chris@14:   margin: 1em 0 0.5em;
Chris@18:   font-size: 1.05em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: h5,
Chris@0: .heading-e {
Chris@14:   margin: 1em 0 0.5em;
Chris@18:   letter-spacing: 0.1em;
Chris@18:   text-transform: uppercase;
Chris@18:   font-size: 0.889em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: h6,
Chris@0: .heading-f {
Chris@14:   margin: 1em 0 0.5em;
Chris@18:   letter-spacing: 0.1em;
Chris@18:   text-transform: uppercase;
Chris@18:   font-size: 0.67em;
Chris@0:   font-weight: inherit;
Chris@0: }
Chris@0: p {
Chris@0:   margin: 0 0 1.2em;
Chris@0: }
Chris@0: del {
Chris@0:   text-decoration: line-through;
Chris@0: }
Chris@0: 
Chris@0: blockquote {
Chris@0:   margin: 1.5em 10px;
Chris@0:   padding: 0.5em 10px;
Chris@18:   border-left: 1px solid #bbb; /* LTR */
Chris@18:   background: #f7f7f7;
Chris@18:   font-style: italic;
Chris@0: }
Chris@0: [dir="rtl"] blockquote {
Chris@18:   border-right: 1px solid #bbb;
Chris@0:   border-left: none;
Chris@0: }
Chris@0: blockquote:before {
Chris@18:   margin-right: 0.2em; /* LTR */
Chris@18:   content: "\201C";
Chris@18:   vertical-align: -0.4em;
Chris@0:   color: #bbb;
Chris@0:   font-size: 3em;
Chris@0:   line-height: 0.1em;
Chris@0: }
Chris@0: [dir="rtl"] blockquote:before {
Chris@18:   margin-right: 0;
Chris@18:   margin-left: 0.2em;
Chris@0:   content: "\201D";
Chris@0: }
Chris@0: blockquote:after {
Chris@18:   content: "\201D";
Chris@18:   vertical-align: -0.45em;
Chris@0:   color: #bbb;
Chris@0:   font-size: 3em;
Chris@0:   line-height: 0.1em;
Chris@0: }
Chris@0: [dir="rtl"] blockquote:after {
Chris@0:   content: "\201C";
Chris@0: }
Chris@0: blockquote > p:first-child {
Chris@0:   display: inline;
Chris@0: }
Chris@0: .feed-icon {
Chris@0:   display: block;
Chris@0:   margin: 25px 0 0 0;
Chris@0: }
Chris@0: img {
Chris@0:   max-width: 100%;
Chris@0:   height: auto;
Chris@0: }
Chris@0: ul,
Chris@0: ol {
Chris@0:   margin: 0;
Chris@0:   padding: 0 0 0.25em 1em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] ul,
Chris@0: [dir="rtl"] ol {
Chris@0:   padding: 0 1em 0.25em 0;
Chris@0: }
Chris@0: ol ol,
Chris@0: ul ul {
Chris@0:   margin: 0;
Chris@0:   padding: 0 0 0.25em 1em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] ol ol,
Chris@0: [dir="rtl"] ul ul {
Chris@0:   padding: 0 1em 0.25em 0;
Chris@0: }