Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
218 lines
7.2 KiB
218 lines
7.2 KiB
@charset "UTF-8";
|
|
/**
|
|
* "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-2009, 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.1
|
|
* @revision $Revision: 343 $
|
|
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 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 li { list-style-type: disc; }
|
|
ul ul li { list-style-type: circle; }
|
|
|
|
ol li { list-style-type: decimal; }
|
|
ol ol li { list-style-type: lower-latin; }
|
|
|
|
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; }
|
|
|
|
pre, code, kbd, tt, samp, var { font-size: 100%; }
|
|
pre, code { color: #800; }
|
|
pre { line-height: 1.5em; margin: 0 0 1em 0; }
|
|
kbd, samp, var { color: #666; }
|
|
var { font-style: italic; }
|
|
|
|
acronym, abbr {
|
|
border-bottom: 1px #aaa dotted;
|
|
font-variant: small-caps;
|
|
letter-spacing: .07em;
|
|
cursor: help;
|
|
}
|
|
|
|
sub, sup { font-size: 91.6667%; }
|
|
|
|
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; }
|
|
|
|
a:focus,
|
|
a:hover,
|
|
a:active { color:#182E7A; text-decoration:underline; }
|
|
|
|
/* --- 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: #f60; }
|
|
.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;
|
|
}
|
|
*/
|
|
}
|