body { font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;
}
/* ————————————————————————-
Colors
—————————————————————————- */ .sg-color–a .sg-color-swatch {background: #88ffda;}
.sg-color–b .sg-color-swatch {background: #4dd3c9;}
.sg-color–c .sg-color-swatch {background: #339db0;}
.sg-color–d .sg-color-swatch {background: #2078aa;}
.sg-color–e .sg-color-swatch {background: #3a517a;}
.sg-color–f .sg-color-swatch {background: #384355;}
/* ————————————————————————-
Fonts
—————————————————————————- */ .sg-font-primary {font-family: “HelveticaNeue”, “Helvetica”, Arial, sans-serif;}
.sg-font-secondary {font-family: Georgia, Times, “Times New Roman”, serif;}
/* ————————————————————————-
Alerts
—————————————————————————- */ /**
* Alert styles. Your patterns/styles will vary. * You should link your main stylesheet up with Style Guide Boilerplate for * best results. When you update your site's styles, your style guide will * update as well. */
.alert {
border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-warning {
background-color: #fcf8e3; border-color: #fbeed5; color: #c09853;
}
.alert-error {
background-color: #f2dede; border-color: #eed3d7; color: #b94a48;
}
.alert-success {
background-color: #dff0d8; border-color: #d6e9c6; color: #468847;
}
.alert-info {
background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;
}
/* ————————————————————————-
Breadcrumbs
—————————————————————————- */ /**
* Breadcrumb styles for first pattern. Your patterns/styles will vary. * You should link your main stylesheet up with Style Guide Boilerplate for * best results. When you update your site's styles, your style guide will * update as well. */
.breadcrumb {
background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; list-style: none; margin: 0 0 20px; padding: 8px 15px;
}
.breadcrumb li {
display: inline-block; *display: inline; text-shadow: 0 1px 0 #fff; *zoom: 1;
}
.breadcrumb li a {
color: #007f96; text-decoration: none;
}
.breadcrumb li a:hover {
color: #004068;
}
.breadcrumb li .divider {
color: #aaa; padding: 0 5px;
}
.breadcrumb .active {
color: #555;
}