251 lines
7.7 KiB
CSS
251 lines
7.7 KiB
CSS
/**
|
|
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|
*
|
|
* (en) YAML core stylesheet
|
|
* (de) YAML Basis-Stylesheet
|
|
*
|
|
* Don't make any changes in this file!
|
|
* Your changes should be placed in any css-file in your own stylesheet folder.
|
|
*
|
|
* @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: 501 $
|
|
* @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
|
|
*/
|
|
|
|
@media all
|
|
{
|
|
/**
|
|
* @section browser reset
|
|
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
|
*/
|
|
|
|
/* (en) Global reset of paddings and margins for all HTML elements */
|
|
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
|
|
* { margin:0; padding:0; }
|
|
|
|
/* (en) Correction:margin/padding reset caused too small select boxes. */
|
|
/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
|
|
option { padding-left:0.4em; } /* LTR */
|
|
select { padding:1px; }
|
|
|
|
/**
|
|
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
|
|
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
|
|
*
|
|
* @bugfix
|
|
* @affected IE 5.x/Win, IE6
|
|
* @css-for IE 5.x/Win, IE6
|
|
* @valid yes
|
|
*/
|
|
* html body * { overflow:visible; }
|
|
|
|
body {
|
|
/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
|
|
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
|
|
font-size:100.01%;
|
|
|
|
/* (en) Standard values for colors and text alignment */
|
|
/* (de) Vorgabe der Standardfarben und Textausrichtung */
|
|
background:#fff;
|
|
color:#000;
|
|
text-align:left; /* LTR */
|
|
}
|
|
|
|
/* (en) avoid visible outlines on DIV containers in Webkit browsers */
|
|
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
|
|
div { outline:0 none; }
|
|
|
|
/* (en) HTML 5 - adjusting visual formatting model to block level */
|
|
/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
|
|
article,aside,canvas,details,figcaption,figure,
|
|
footer,header,hgroup,menu,nav,section,summary {
|
|
display:block;
|
|
}
|
|
|
|
/* (en) Clear borders for <fieldset> and <img> elements */
|
|
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
|
|
fieldset, img { border:0 solid; }
|
|
|
|
/* (en) new standard values for lists, blockquote and cite */
|
|
/* (de) Neue Standardwerte für Listen & Zitate */
|
|
ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
|
|
li {
|
|
line-height:1.5em;
|
|
margin-left:0.8em; /* LTR */
|
|
}
|
|
|
|
dt { font-weight:bold; }
|
|
dd { margin:0 0 1em 0.8em; } /* LTR */
|
|
|
|
blockquote { margin:0 0 1em 0.8em; } /* LTR */
|
|
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after { content:""; }
|
|
|
|
/*------------------------------------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* @section clearing methods
|
|
* @see http://yaml.de/en/documentation/basics/general.html
|
|
*/
|
|
|
|
/* (en) clearfix method for clearing floats */
|
|
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
|
|
.clearfix:after {
|
|
clear:both;
|
|
content:".";
|
|
display:block;
|
|
font-size:0;
|
|
height:0;
|
|
visibility:hidden;
|
|
}
|
|
|
|
/* (en) essential for Safari browser !! */
|
|
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
|
|
.clearfix { display:block; }
|
|
|
|
/* (en) alternative solution to contain floats */
|
|
/* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
|
|
.floatbox { display:table; width:100%; }
|
|
|
|
/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
|
|
/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
|
|
#ie_clearing { display:none; }
|
|
|
|
/*------------------------------------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* @section hidden elements | Versteckte Elemente
|
|
* @see http://www.yaml.de/en/documentation/basics/skip-links.html
|
|
*
|
|
* (en) skip links and hidden content
|
|
* (de) Skip-Links und versteckte Inhalte
|
|
*/
|
|
|
|
/* (en) classes for invisible elements in the base layout */
|
|
/* (de) Klassen für unsichtbare Elemente im Basislayout */
|
|
.skip, .hideme, .print {
|
|
position:absolute;
|
|
top:-32768px;
|
|
left:-32768px; /* LTR */
|
|
}
|
|
|
|
/* (en) make skip links visible when using tab navigation */
|
|
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
|
|
.skip:focus, .skip:active {
|
|
position:static;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
/* skiplinks:technical setup */
|
|
#skiplinks {
|
|
position:absolute;
|
|
top:0px;
|
|
left:-32768px;
|
|
z-index:1000;
|
|
width:100%;
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none;
|
|
}
|
|
|
|
#skiplinks .skip:focus,
|
|
#skiplinks .skip:active {
|
|
left:32768px;
|
|
outline:0 none;
|
|
position:absolute;
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
@media screen, projection
|
|
{
|
|
|
|
/**
|
|
* @section base layout | Basis Layout
|
|
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
|
*
|
|
* |-------------------------------|
|
|
* | #col1 | #col3 | #col2 |
|
|
* | 20% | flexible | 20% |
|
|
* |-------------------------------|
|
|
*/
|
|
|
|
#left { float:left; width:20%; vertical-align:top; }
|
|
#right { float:right; width:20%; vertical-align:top; }
|
|
#center { width:auto; margin:0 20%; vertical-align:top; }
|
|
|
|
/* (en) Preparation for absolute positioning within content columns */
|
|
/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
|
|
#left_content, #right_content, #center_content { position:relative; }
|
|
|
|
/*------------------------------------------------------------------------------------------------------*/
|
|
|
|
/**
|
|
* @section subtemplates
|
|
* @see http://www.yaml.de/en/documentation/practice/subtemplates.html
|
|
*/
|
|
.subcolumns { display:table; width:100%; table-layout:fixed; }
|
|
.subcolumns_oldgecko { width: 100%; float:left; }
|
|
|
|
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
|
|
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }
|
|
|
|
.c20l, .c20r { width:20%; }
|
|
.c40l, .c40r { width:40%; }
|
|
.c60l, .c60r { width:60%; }
|
|
.c80l, .c80r { width:80%; }
|
|
.c25l, .c25r { width:25%; }
|
|
.c33l, .c33r { width:33.333%; }
|
|
.c50l, .c50r { width:50%; }
|
|
.c66l, .c66r { width:66.666%; }
|
|
.c75l, .c75r { width:75%; }
|
|
.c38l, .c38r { width:38.2%; }
|
|
.c62l, .c62r { width:61.8%; }
|
|
|
|
.subc { padding:0 0.5em; }
|
|
.subcl { padding:0 1em 0 0; }
|
|
.subcr { padding:0 0 0 1em; }
|
|
|
|
.equalize, .equalize .subcolumns { table-layout:fixed; }
|
|
|
|
.equalize > div {
|
|
display:table-cell;
|
|
float:none;
|
|
margin:0;
|
|
overflow:hidden;
|
|
vertical-align:top;
|
|
}
|
|
}
|
|
|
|
@media print
|
|
{
|
|
/**
|
|
* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
|
|
* (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
|
|
*/
|
|
|
|
.subcolumns,
|
|
.subcolumns > div {
|
|
overflow:visible;
|
|
display:table;
|
|
}
|
|
|
|
/* (en) make .print class visible */
|
|
/* (de) .print-Klasse sichtbar schalten */
|
|
.print {
|
|
position:static;
|
|
left:0;
|
|
}
|
|
|
|
/* (en) generic class to hide elements for print */
|
|
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
|
|
.noprint { display:none !important; }
|
|
}
|