1 files changed, 116 insertions, 0 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss
new file mode 100644
index 0000000..346f44b
--- /dev/null
+++ b/design/sass/_global.scss
@@ -0,0 +1,116 @@
+html {
+    border-top: 0.25em solid $brown;
+}
+
+body {
+    border-top: 1px solid #fbf9f7;
+    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
+}
+
+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;
+    }
+}
+
+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);
+    }
+}
+
+object, embed {
+    max-width: 100%;
+    height: auto;
+}
+
+img {
+    max-width: 100%;
+    max-width:98%;
+    padding:1%; /* A percentage that, when doubled and added to the above, makes 100%. */
+    background: $brown;
+}
+
+h1 {
+    font-family:  Georgia, 'Times New Roman', serif;
+    @include fontsize(36);
+    font-weight: normal;
+}
+
+//**************  Universals ************************
+.hide {
+    display: none;
+}
+
+.yes {
+    background: green !important;
+    color: white;
+}
+
+.no {
+    background: red !important;
+    color: white;
+}
+
+//**************  other global classes ************************
+
+.bl {
+    @include smcaps;
+    @include fontsize(11);
+}
+
+
+//****************  Page Breadcrumbs  ************************
+
+#breadcrumbs {
+    @include constrain_wide();
+    text-align: center;
+    li {
+        display: inline;
+    }
+    a { color: $brown;}
+    @include breakpoint(gamma) {
+        text-align: left;
+    }
+}
+
+.dark #breadcrumbs a, .black #breadcrumbs a {
+    color: $body_font_light;
+}
+//************* Dark Pages *********************
+
+.dark body {
+    background: $brown;
+    color: $body_font_light
+}
+
+.black body {
+    background: #000;
+    color: $body_font_light
+}