version 9 of stylesheet

1 files changed, 186 insertions, 0 deletions

diff --git a/design/sass/v8/_global.scss b/design/sass/v8/_global.scss
new file mode 100644
index 0000000..c5b7ca2
--- /dev/null
+++ b/design/sass/v8/_global.scss
@@ -0,0 +1,186 @@
+html {
+    border-top: 0.25em solid $brown;
+}
+
+body {
+    margin: 0 auto;
+    padding: 0;
+    overflow-x: hidden;
+    font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif;
+    color: $body_font;
+    text-align: center;
+    background-color: transparent
+}
+
+// eliminate touch delay on mobile safari
+a, button, input, select, textarea, label, summary {
+    touch-action: manipulation;
+}
+a {
+    color: $orange;
+    -webkit-transition: all 0.1s ease;
+    -moz-transition: all 0.1s ease;
+    -ms-transition: all 0.1s ease;
+    transition: all 0.1s ease;
+    &:hover {
+        text-decoration: none;
+    }
+    &:visited {
+        color: $orange;
+    }
+}
+
+p {
+    @include constrain_narrow();
+    text-align: left;
+    @include breakpoint(alpha){
+        @include fontsize(18);
+        line-height: 1.5;
+    }
+    @include breakpoint(gamma){
+        @include fontsize(20);
+        line-height: 1.6;
+    }
+}
+time {
+    @include smcaps;
+    @include fontsize(11);
+    display: block;
+    span {
+        @include fontsize(13);
+    }
+}
+abbr {
+    cursor: help;
+}
+pre {
+    @include constrain_narrow();
+    text-align: left;
+    @include breakpoint(alpha){
+        @include fontsize(18);
+        line-height: 1.5;
+        margin-top: 2em;
+        margin-bottom: 2em;
+    }
+}
+object, embed, video {
+    max-width: 100%;
+    height: auto;
+}
+
+img {
+    max-width: 100%;
+}
+
+h1 {
+    font-family:  Georgia, 'Times New Roman', serif;
+    @include fontsize(36);
+    font-weight: normal;
+}
+//**************  Universals ************************
+.hide {
+    display: none;
+}
+
+.strike {
+    text-decoration: line-through;
+}
+
+.yes {
+    background: green !important;
+    color: white;
+}
+
+.no {
+    background: red !important;
+    color: white;
+}
+
+.alert {
+    color: red !important;
+}
+//**************  other global classes ************************
+.sans {
+    @include generic_sans;
+}
+.bl {
+    @include smcaps;
+    @include fontsize(11);
+}
+.italic {
+    font-style: italic;
+}
+.small {
+    font-size: 90%;
+}
+.hed {
+    @include fancy_sans;
+    @include fontsize(24);
+    font-weight: 500;
+    @include breakpoint(beta) {
+        text-align: left;
+        @include fontsize(32);
+    }
+}
+
+.subhead {
+    font-style: italic;
+    font-weight: 400;
+    margin-top: 0;
+    @include constrain_narrow;
+    @include breakpoint(beta) {
+        text-align: left;
+    }
+}
+.mailing-list--wrapper {
+    @include constrain_narrow;
+    @include breakpoint(gamma) {
+        margin-top: 3em;
+        max-width: 580px;
+        h5 {
+            margin-bottom: .5em;
+            margin-top: 2em;
+        }
+    }
+    h5 { 
+        font-weight: normal;
+        text-align: left;
+        @include fontsize(18);
+    }
+    &:before {
+        @include faded_line_after;
+        margin-top: 5em;
+    }
+}
+.divide-after:after {
+    margin-bottom: 3em;
+    @include faded_line_after;
+}
+//****************  Page Breadcrumbs  ************************
+
+#breadcrumbs {
+    @include constrain_wide();
+    text-align: center;
+    li {
+        display: inline;
+    }
+    a { color: $brown;}
+    @include breakpoint(gamma) {
+        text-align: left;
+    }
+}
+
+.black #breadcrumbs a, .dark #breadcrumbs a {
+    color: $body_font_light;
+}
+//************* Dark Pages *********************
+
+.dark body {
+    background: $brown;
+    color: $body_font_light
+}
+
+.black body {
+    background: #000;
+    color: $body_font_light
+}