Mostly-Harmless/fancy-settings/lib/default.css

/*
// Copyright (c) 2007 - 2010 blueprintcss.org
// Modified and extended by Frank Kohlhepp in 2011
// https://github.com/frankkohlhepp/default-css
// License: MIT-license
*/

/*
// Reset the default browser CSS
*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display: block;
}

body {
    background-color: white;
    line-height: 1.5;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, th, td {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

/*
// Default typography
*/
html {
    font-size: 100.01%;
}

body {
    background-color: white;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #222222;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #111111;
}

h1 {
    margin-bottom: 0.5em;
    font-size: 3em;
    line-height: 1;
}

h2 {
    margin-bottom: 0.75em;
    font-size: 2em;
}

h3 {
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1;
}

h4 {
    margin-bottom: 1.25em;
    font-size: 1.2em;
    line-height: 1.25;
}

h5 {
    margin-bottom: 1.5em;
    font-size: 1em;
    font-weight: bold;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
    margin: 0;
}

/* Text elements */
p {
    margin: 0 0 1.5em;
}

.left {
    float: left !important;
}

p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

.right {
    float: right !important;
}

p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
}

a:focus, a:hover {
    color: #0099FF;
}

a {
    color: #0066CC;
    text-decoration: underline;
}

blockquote {
    margin: 1.5em;
    font-style: italic;
    color: #666666;
}

strong, dfn {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

sup, sub {
    line-height: 0;
}

abbr, acronym {
    border-bottom: 1px dotted #666666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em "andale mono", "lucida console", monospace;
    line-height: 1.5;
}

/* Lists */
li ul, li ol {
    margin: 0;
}

ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

/* Tables */
table {
    width: 100%;
    margin-bottom: 1.4em;
}

th {
    font-weight: bold;
}

table.zebra thead th, table.zebra tfoot th {
    background-color: #BFBFBF;
}

th, td, caption {
    padding: 4px 10px 4px 5px;
}

table.zebra tbody tr:nth-child(even) td, table.zebra tbody tr.even td {
    background-color: #E6E6E6;
}

caption {
    background-color: #EEEEEE;
}

/* Misc classes */
.fancy {
    text-shadow: white 0 1px 0;
}

.bfancy {
    text-shadow: black 0 1px 0;
}

.fancyt {
    text-shadow: white 0 -1px 0;
}

.bfancyt {
    text-shadow: black 0 -1px 0;
}

.no-fancy {
    text-shadow: none;
}

.select {
    cursor: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
}

img.select, .select img {
    user-drag: auto;
    -webkit-user-drag: auto;
    -moz-user-drag: auto;
    -o-user-drag: auto;
}

.no-select {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

img.no-select, .no-select img {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.focus:focus, .focus :focus {
    outline: auto;
}

.no-focus:focus, .no-focus :focus {
    outline: 0;
}

.small {
    margin-bottom: 1.875em;
    font-size: .8em;
    line-height: 1.875em;
}

.large {
    margin-bottom: 1.25em;
    font-size: 1.2em;
    line-height: 2.5em;
}

.show {
    display: block !important;
}

.show-inline {
    display: inline-block !important;
}

.hide {
    display: none;
}

.quiet {
    color: #666666;
}

.loud {
    color: black;
}

.highlight {
    background-color: yellow;
}

.added {
    background-color: #006600;
    color: white;
}

.removed {
    background-color: #990000;
    color: white;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*
// Default styling for forms
*/
fieldset {
    margin: 0 0 1.5em 0;
    padding: 0 1.4em 1.4em 1.4em;
    border: 1px solid #CCCCCC;
}

legend {
    margin-top: -0.2em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.2em;
}

/* Form fields */
input[type=text], input[type=password], textarea {
    background-color: white;
    border: 1px solid #BBBBBB;
}

input[type=text], input[type=password],
textarea, select {
    margin: 0.5em 0;
}

input[type=text], input[type=password] {
    width: 300px;
    padding: 4px;
}

textarea {
    width: 450px;
    height: 170px;
    padding: 5px;
}

/* success, info, notice and error boxes */
.success, .info, .notice, .error {
    margin-bottom: 1em;
    padding: 0.8em;
    border: 2px solid #DDDDDD;
}

.success {
    background-color: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

.info {
    background-color: #D5EDF8;
    border-color: #92CAE4;
    color: #205791;
}

.notice {
    background-color: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}

.error {
    background-color: #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}

.success a {
    color: #264409;
}

.info a {
    color: #205791;
}

.notice a {
    color: #514721;
}

.error a {
    color: #8A1F11;
}