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
}