226 lines
7.5 KiB
CSS
226 lines
7.5 KiB
CSS
|
/**
|
||
|
|
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
||
|
|
*
|
||
|
|
* (en) Uniform design of standard content elements
|
||
|
|
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
|
||
|
|
*
|
||
|
|
* @copyright Copyright 2005-2011, Dirk Jesse
|
||
|
|
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
||
|
|
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
|
||
|
|
* @link http://www.yaml.de
|
||
|
|
* @package yaml
|
||
|
|
* @version 3.3.1
|
||
|
|
* @revision $Revision:392 $
|
||
|
|
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
|
||
|
|
* @appdef yaml
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media all
|
||
|
|
{
|
||
|
|
/**
|
||
|
|
* Fonts
|
||
|
|
*
|
||
|
|
* (en) global settings of font-families and font-sizes
|
||
|
|
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
|
||
|
|
*
|
||
|
|
* @section content-global-settings
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* (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.01%; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (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 12px */
|
||
|
|
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
|
||
|
|
body {
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:75.00%;
|
||
|
|
color:#444;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--- Headings | Überschriften ------------------------------------------------------------------------*/
|
||
|
|
|
||
|
|
h1,h2,h3,h4,h5,h6 {
|
||
|
|
font-family:"Times New Roman", Times, serif;
|
||
|
|
font-weight:normal;
|
||
|
|
color:#222;
|
||
|
|
margin:0 0 0.25em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 { font-size:250%; } /* 30px */
|
||
|
|
h2 { font-size:200%; } /* 24px */
|
||
|
|
h3 { font-size:150%; } /* 18px */
|
||
|
|
h4 { font-size:133.33%; } /* 16px */
|
||
|
|
h5 { font-size:116.67%; } /* 14px */
|
||
|
|
h6 { font-size:116.67%; } /* 14px */
|
||
|
|
|
||
|
|
/* --- Lists | Listen -------------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
|
||
|
|
ul { list-style-type:disc; }
|
||
|
|
ul ul { list-style-type:circle; margin-bottom:0; }
|
||
|
|
|
||
|
|
ol { list-style-type:decimal; }
|
||
|
|
ol ol { list-style-type:lower-latin; margin-bottom:0; }
|
||
|
|
|
||
|
|
li { margin-left:0.8em; line-height:1.5em; }
|
||
|
|
|
||
|
|
dt { font-weight:bold; }
|
||
|
|
dd { margin:0 0 1em 0.8em; }
|
||
|
|
|
||
|
|
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
|
||
|
|
|
||
|
|
p { line-height:1.5em; margin:0 0 1em 0; }
|
||
|
|
|
||
|
|
blockquote, cite, q {
|
||
|
|
font-family:Georgia, "Times New Roman", Times, serif;
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
blockquote { margin:0 0 1em 1.6em; color:#666; }
|
||
|
|
|
||
|
|
strong,b { font-weight:bold; }
|
||
|
|
em,i { font-style:italic; }
|
||
|
|
|
||
|
|
big { font-size:116.667%; }
|
||
|
|
small { font-size:91.667%; }
|
||
|
|
|
||
|
|
pre { line-height:1.5em; margin:0 0 1em 0; }
|
||
|
|
pre, code, kbd, tt, samp, var { font-size:100%; }
|
||
|
|
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 { vertical-align: sub; font-size: smaller; }
|
||
|
|
sup { vertical-align: super; font-size: smaller; }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
color:#fff;
|
||
|
|
background:transparent;
|
||
|
|
margin:0 0 0.5em 0;
|
||
|
|
padding:0 0 0.5em 0;
|
||
|
|
border:0;
|
||
|
|
border-bottom:1px #eee solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--- Links ----------------------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
a { color:#4D87C7; background:transparent; text-decoration:none; }
|
||
|
|
a:visited { color:#036; }
|
||
|
|
|
||
|
|
/* (en) maximum constrast for tab focus - change with great care */
|
||
|
|
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
|
||
|
|
a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
|
||
|
|
a:hover,
|
||
|
|
a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }
|
||
|
|
|
||
|
|
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
|
||
|
|
|
||
|
|
p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
|
||
|
|
p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }
|
||
|
|
|
||
|
|
p.icaption_left img,
|
||
|
|
p.icaption_right img { padding:0; border:1px #888 solid; }
|
||
|
|
|
||
|
|
p.icaption_left strong,
|
||
|
|
p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* ------------------------------------------------------------------------------------------------- #
|
||
|
|
*
|
||
|
|
* 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; }
|
||
|
|
|
||
|
|
.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }
|
||
|
|
|
||
|
|
.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
|
||
|
|
.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
|
||
|
|
.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
|
||
|
|
|
||
|
|
.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
|
||
|
|
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
|
||
|
|
.center { display:block; text-align:center; margin:0.5em 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:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
|
||
|
|
table caption { font-variant:small-caps; }
|
||
|
|
table.full { width:100%; }
|
||
|
|
table.fixed { table-layout:fixed; }
|
||
|
|
|
||
|
|
th,td { padding:0.5em; }
|
||
|
|
thead th { color:#000; border-bottom:2px #800 solid; }
|
||
|
|
tbody th { background:#e0e0e0; color:#333; }
|
||
|
|
tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }
|
||
|
|
|
||
|
|
tbody th { border-bottom:1px solid #fff; text-align:left; }
|
||
|
|
tbody td { border-bottom:1px solid #eee; }
|
||
|
|
|
||
|
|
tbody tr:hover th[scope="row"],
|
||
|
|
tbody tr:hover tbody th.sub { background:#f0e8e8; }
|
||
|
|
tbody tr:hover td { background:#fff8f8; }
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* ------------------------------------------------------------------------------------------------- #
|
||
|
|
*
|
||
|
|
* Miscellaneous | Sonstiges
|
||
|
|
*
|
||
|
|
* @section content-misc
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* (en) Emphasizing external Hyperlinks via CSS
|
||
|
|
* (de) Hervorhebung externer Hyperlinks mit CSS
|
||
|
|
*
|
||
|
|
* @section content-external-links
|
||
|
|
* @app-yaml-default disabled
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
#main a[href^="http://www.my-domain.com"],
|
||
|
|
#main a[href^="https://www.my-domain.com"]
|
||
|
|
{
|
||
|
|
padding-left:12px;
|
||
|
|
background-image:url('your_image.gif');
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position:0 0.45em;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
}
|