diff options
Diffstat (limited to 'css/yaml4/screen/typography-blue.css')
| -rw-r--r-- | css/yaml4/screen/typography-blue.css | 468 |
1 files changed, 468 insertions, 0 deletions
diff --git a/css/yaml4/screen/typography-blue.css b/css/yaml4/screen/typography-blue.css new file mode 100644 index 0000000..5582090 --- /dev/null +++ b/css/yaml4/screen/typography-blue.css @@ -0,0 +1,468 @@ +/** + * "Yet Another Multicolumn Layout" - YAML CSS Framework + * + * (en) Uniform design of standard content elements + * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente + * + * @copyright Copyright 2005-2012, Dirk Jesse + * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), + * YAML-CDL (http://www.yaml.de/license.html) + * @link http://www.yaml.de + * @package yaml + * @version 4.0 + * @revision $Revision: 692 $ + * @lastmodified $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $ + * @appdef yaml + */ + +@media all { + + /** + * @section global typography settings + * + * vertical rhythm settings (based on em-unit) + * ------------------------------------------- + * basefont-size: 14px (87.5%) + * line-height : 21px (factor: 1.5) + */ + + /* (en) reset font size for all elements to standard (16 Pixel) */ + /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ + html * { font-size:100%; } + + /** + * (en) reset monospaced elements to font size 16px in all browsers + * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen + * + * @see: http://webkit.org/blog/67/strange-medium/ + */ + + textarea, + pre, + code, + kbd, + samp, + var, + tt { + font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; + } + + /* (en) base layout gets standard font size 14px */ + /* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */ + body { + font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; + font-size:87.50%; /* base: 14px */ + color:#161851; + + /* (en) Prevent auto-scaling of text in mobile webkit browsers */ + /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */ + -webkit-text-size-adjust:100%; + } + + /*--- Headings | Überschriften ------------------------------------------------------------------------*/ + + h1, + h2, + h3, + h4, + h5, + h6 { + font-family: "Droid Sans", Arial, Helvetica, sans-serif; + font-weight: 400; + color:#161e21; + margin:0; + } + + h1 { + font-size:350%; + line-height: 0.8571em; + margin: 0.4286em 0 0; + } + + h2 { + font-size:250%; + line-height: 1.2em; + margin: 0.6em 0 0 0; + } + + h3 { + font-size:175%; + line-height: 0.8571em; + margin:0.8571em 0 0 0; + } + + h4 { + font-size:133.33%; + line-height: 1.125em; + margin:1.125em 0 0 0; + } + + h5 { + font-size:116.67%; + line-height: 1.2857em; + margin: 1.2857em 0 0 0; + } + + h6 { + font-weight: bold; + font-size:100%; + line-height: 1.5em; + margin: 1.5em 0 0 0; + } + + /* --- Lists | Listen -------------------------------------------------------------------------------- */ + + ul, + ol, + dl { + font-size:1em; + line-height:1.5em; + margin: 1.5em 0 0 1em; + } + + ul { + list-style-type:disc; + } + + ol { + list-style-type:decimal; + } + + ul ul { + list-style-type:circle; + margin-top:0; + } + + ol ol { + list-style-type:lower-latin; + margin-top:0; + } + + ol ul { + list-style-type:circle; + margin-top:0; + } + + li { + font-size:1em; + line-height:1.5em; + margin-left:0.8em; + } + + dt { font-weight:bold; } + + dd { margin:0 0 1.5em 0.8em; } + + /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ + + p { + font-size:1em; + line-height:1.5em; + margin: 1.5em 0 0 0; + } + + blockquote, cite, q { + font-family: Georgia, "Times New Roman", Times, serif; + font-style:italic; + } + + blockquote { + margin:1.5em 0 0 1.5em; + color:#666; + } + + strong, b { font-weight:bold; } + + em, i { font-style:italic; } + + big { + font-size:116.667%; + } + + small { + font-size:85.71%; + } + + pre, + code, + kbd, + tt, + samp, + var { + font-size:100%; + } + + pre { + line-height:1.5em; + margin: 1.5em 0 0 0; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + } + pre, code { color:#800; } + + kbd, samp, var, tt { + color:#666; + font-weight:bold; + } + + var, dfn { font-style:italic; } + + acronym, abbr { + border-bottom:1px #aaa dotted; + font-variant:small-caps; + letter-spacing:.07em; + cursor:help; + } + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sup { top: -0.5em; } + sub { bottom: -0.25em; } + + mark { + background: #ff0; + color: #000; + } + + hr { + color:#fff; + background:transparent; + margin:0 0 0.75em 0; + padding:0 0 0.75em 0; + border:0; + border-bottom:1px #e5e7ff solid; + } + + /*--- Links ----------------------------------------------------------------------------------------- */ + + a { + color:#4D87C7; + background:transparent; + text-decoration:none; + } + + a:active { outline: none; } + + /* (en) maximum constrast for tab focus - change with great care */ + /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ + a:hover, + a:focus { + background-color: #800; + color:#fff; + text-decoration:none; + } + + /* --- images ------------------ */ + + img, + figure { + margin: 0; + } + + .flexible { + margin-top: 1.5em; + max-width: 100%; + } + + * html .flexible { /* IE6 support */ + width: 98%; /* 2% space for borders */ + } + + .bordered { + margin-top: 1.5em; + border: 2px #e5e7ff solid; + border: 2px rgba(255,255,255,1) solid; + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); + -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); + box-shadow: 0 0 3px rgba(0,0,0,.25); + } + + /** + * ----------------------------------------------------------------------- # + * + * Generic Content Classes + * + * (en) standard classes for positioning and highlighting + * (de) Standardklassen zur Positionierung und Hervorhebung + * + * @section content-generic-classes + */ + .highlight { + color:#c30; + } + + .dimmed { + color:#888; + } + + .box { + border-radius: 0.3em; + border-width: 1px; + border-style: solid; + border-color: #888; + border-color: rgba(0,0,0,.3); + -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; + color: #161851; + color: rgba(0,0,0,.8); + padding: 1.4286em; + margin: 1.5em 0 0 0; + } + + .box > *:first-child { + margin-top: 0; + } + + .label { + font-family: Verdana, Geneva, sans-serif; + padding: 1px 6px 2px; + display: inline-block; + vertical-align:middle; + letter-spacing: normal; + white-space:nowrap; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #06C; + color: #fff; + font-size: 10px; + line-height: 12px; + } + + .info { + background:#E0E2FF; + } + + .success { + background:#8c8; + } + + .warning { + background:#cc8; + } + + .error { + background:#c88; + } + + .float-left { + float:left; + display:inline; + margin: 1.5em 1em 0 0; + } + + .float-right { + float:right; + display:inline; + margin: 1.5em 0 0 1em; + } + + .center { + display:block; + text-align:center; + margin: 1.5em auto 0 auto; + } + + /** + * ------------------------------------------------------------------------------------------------- # + * + * Tables | Tabellen + * + * (en) Generic classes for table-width and design definition + * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen + * + * @section content-tables + */ + + table { + width:100%; + border-collapse:collapse; + margin: 1.3571em 0 0 0; + color:#333; + border-top: 1px #b3b5cc solid; + border-bottom: 1px #b3b5cc solid; + } + + table.narrow { + margin: 1.4286em 0 0 0; + } + + table.narrow th, + table.narrow td { + padding: 0 0.5em; + line-height: 1.4286em; + } + + table.bordertable { + border:1px #b3b5cc solid; + } + + table caption { + font-variant:small-caps; + } + + th, td { + line-height: 1.5em; + vertical-align: top; + padding: 0.7143em 0.5em; + } + + th *:first-child, + td *:first-child { + margin-top: 0; + } + + th.nowrap, + td.nowrap { + white-space: nowrap; + } + + thead th { + text-align: left; + color:#000; + border-bottom:2px #000 solid; + } + + .bordertable thead th { + background:#e0e0e0; + border-right:1px #b3b5cc solid; + border-bottom:1px #b3b5cc solid; + } + + .bordertable tbody th[scope="row"] { + background:#f0f0f0; + } + + tbody th { + text-align: left; + border-top:1px solid #b3b5cc; + text-align:left; + } + + .bordertable tbody th { + border-right:1px solid #b3b5cc; + } + + tbody td { + text-align: left; + border-top:1px solid #b3b5cc; + } + + .bordertable tbody td { + border-right:1px solid #b3b5cc; + } + + /* highlight row on mouse over */ + tbody tr:hover th, + tbody tr:hover td { + background:#f8f8f8; + } +}
\ No newline at end of file |