| | |
|---|
| | | @charset "UTF-8";
|
|---|
| | | /**
|
|---|
| | | * "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-2008, 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.0.6
|
|---|
| | | * @revision $Revision: 202 $
|
|---|
| | | * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | @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; }
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * (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; }
|
|---|
| | | * html iframe, * html frame { overflow:auto; }
|
|---|
| | | * html frameset { overflow:hidden; }
|
|---|
| | |
|
|---|
| | | /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
|
|---|
| | | /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
|
|---|
| | | html { height: 100%; margin-bottom: 1px; }
|
|---|
| | | 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 */
|
|---|
| | | color: #000;
|
|---|
| | | background: #fff;
|
|---|
| | | text-align: left;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* (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 }
|
|---|
| | | li { margin-left: 1.5em; line-height: 1.5em; }
|
|---|
| | |
|
|---|
| | | dt { font-weight: bold; }
|
|---|
| | | dd { margin: 0 0 1em 2em; }
|
|---|
| | |
|
|---|
| | | blockquote { margin: 0 0 1em 1.5em; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * @section base layout | Basis Layout
|
|---|
| | | * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
|---|
| | | *
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #header |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #col1 | #col3 | #col2 |
|
|---|
| | | * | 200 px | flexible | 200px |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #footer |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | #header { position:relative; }
|
|---|
| | |
|
|---|
| | | /* (en) Text Alignment for #topnav content */
|
|---|
| | | /* (de) Textausrichtung für #topnav Inhalte */
|
|---|
| | | #topnav { text-align: right; } |
|---|
| | |
|
|---|
| | | /* (en) Absolute positioning only within #header */
|
|---|
| | | /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
|
|---|
| | | #header #topnav {
|
|---|
| | | position:absolute;
|
|---|
| | | top: 10px;
|
|---|
| | | right: 10px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* (en) Backup for correct positioning */
|
|---|
| | | /* (de) Absicherung korrekte Positionierung */
|
|---|
| | | #header, #nav, #main, #footer { clear:both; }
|
|---|
| | |
|
|---|
| | | /* (en/de) Standard: 200 Pixel */
|
|---|
| | | #col1 { float: left; width: 200px }
|
|---|
| | | /* (en/de) Standard: 200 Pixel */
|
|---|
| | | #col2 { float:right; width: 200px }
|
|---|
| | | /* (en) Standard: center column with flexible width */
|
|---|
| | | /* (de) Standard: Flexible mittlere Spalte */
|
|---|
| | | #col3 { width:auto; margin: 0 200px }
|
|---|
| | |
|
|---|
| | | /* (en) Preparation for absolute positioning within content columns */
|
|---|
| | | /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
|
|---|
| | | #col1_content, #col2_content, #col3_content { position:relative; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
|
|---|
| | | * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
|---|
| | | *
|
|---|
| | | * .hidecol1 -> 2-column-layout (using #col2 and #col3)
|
|---|
| | | * .hidecol2 -> 2-column-layout (using #col1 and #col3)
|
|---|
| | | * .hideboth -> single-column-layout (using #col3)
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | .hideboth #col3 { margin-left: 0; margin-right: 0; }
|
|---|
| | | .hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
|
|---|
| | | .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }
|
|---|
| | |
|
|---|
| | | .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * @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 {
|
|---|
| | | content: ".";
|
|---|
| | | display: block;
|
|---|
| | | height: 0;
|
|---|
| | | clear: both;
|
|---|
| | | visibility: hidden;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* (en) essential for Safari browser !! */
|
|---|
| | | /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
|
|---|
| | | .clearfix { display: block; }
|
|---|
| | |
|
|---|
| | | /* (en) overflow method for clearing floats */
|
|---|
| | | /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
|
|---|
| | | .floatbox { overflow:hidden; }
|
|---|
| | |
|
|---|
| | | /* (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 subtemplates
|
|---|
| | | * @see http://www.yaml.de/en/documentation/practice/subtemplates.html
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | .subcolumns { width: 100%; overflow:hidden; }
|
|---|
| | |
|
|---|
| | | /* (en) alternative class for optional support of old Mozilla/Netscape browers */
|
|---|
| | | /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
|
|---|
| | | .subcolumns_oldgecko { width: 100%; float:left; }
|
|---|
| | |
|
|---|
| | | .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
|
|---|
| | | .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
|
|---|
| | |
|
|---|
| | | .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; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * @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: -1000em;
|
|---|
| | | left: -1000em;
|
|---|
| | | height: 1px;
|
|---|
| | | width: 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* (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;
|
|---|
| | | height: auto;
|
|---|
| | | width: auto;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @charset "UTF-8"; |
|---|
| | | /** |
|---|
| | | * "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-2008, 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.0.6 |
|---|
| | | * @revision $Revision: 202 $ |
|---|
| | | * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ |
|---|
| | | */ |
|---|
| | | |
|---|
| | | @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; } |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * (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; } |
|---|
| | | * html iframe, * html frame { overflow:auto; } |
|---|
| | | * html frameset { overflow:hidden; } |
|---|
| | | |
|---|
| | | /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */ |
|---|
| | | /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ |
|---|
| | | html { height: 100%; margin-bottom: 1px; } |
|---|
| | | 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 */ |
|---|
| | | color: #000; |
|---|
| | | background: #fff; |
|---|
| | | text-align: left; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* (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 } |
|---|
| | | li { margin-left: 1.5em; line-height: 1.5em; } |
|---|
| | | |
|---|
| | | dt { font-weight: bold; } |
|---|
| | | dd { margin: 0 0 1em 2em; } |
|---|
| | | |
|---|
| | | blockquote { margin: 0 0 1em 1.5em; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @section base layout | Basis Layout |
|---|
| | | * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|---|
| | | * |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #header | |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #col1 | #col3 | #col2 | |
|---|
| | | * | 200 px | flexible | 200px | |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #footer | |
|---|
| | | * |-------------------------------| |
|---|
| | | */ |
|---|
| | | |
|---|
| | | #header { position:relative; } |
|---|
| | | |
|---|
| | | /* (en) Text Alignment for #topnav content */ |
|---|
| | | /* (de) Textausrichtung für #topnav Inhalte */ |
|---|
| | | #topnav { text-align: right; } |
|---|
| | | |
|---|
| | | /* (en) Absolute positioning only within #header */ |
|---|
| | | /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */ |
|---|
| | | #header #topnav { |
|---|
| | | position:absolute; |
|---|
| | | top: 10px; |
|---|
| | | right: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* (en) Backup for correct positioning */ |
|---|
| | | /* (de) Absicherung korrekte Positionierung */ |
|---|
| | | #header, #nav, #main, #footer { clear:both; } |
|---|
| | | |
|---|
| | | /* (en/de) Standard: 200 Pixel */ |
|---|
| | | #col1 { float: left; width: 200px } |
|---|
| | | /* (en/de) Standard: 200 Pixel */ |
|---|
| | | #col2 { float:right; width: 200px } |
|---|
| | | /* (en) Standard: center column with flexible width */ |
|---|
| | | /* (de) Standard: Flexible mittlere Spalte */ |
|---|
| | | #col3 { width:auto; margin: 0 200px } |
|---|
| | | |
|---|
| | | /* (en) Preparation for absolute positioning within content columns */ |
|---|
| | | /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ |
|---|
| | | #col1_content, #col2_content, #col3_content { position:relative; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung |
|---|
| | | * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|---|
| | | * |
|---|
| | | * .hidecol1 -> 2-column-layout (using #col2 and #col3) |
|---|
| | | * .hidecol2 -> 2-column-layout (using #col1 and #col3) |
|---|
| | | * .hideboth -> single-column-layout (using #col3) |
|---|
| | | */ |
|---|
| | | |
|---|
| | | .hideboth #col3 { margin-left: 0; margin-right: 0; } |
|---|
| | | .hidecol1 #col3 { margin-left: 0; margin-right: 200px; } |
|---|
| | | .hidecol2 #col3 { margin-left: 200px; margin-right: 0; } |
|---|
| | | |
|---|
| | | .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @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 { |
|---|
| | | content: "."; |
|---|
| | | display: block; |
|---|
| | | height: 0; |
|---|
| | | clear: both; |
|---|
| | | visibility: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* (en) essential for Safari browser !! */ |
|---|
| | | /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */ |
|---|
| | | .clearfix { display: block; } |
|---|
| | | |
|---|
| | | /* (en) overflow method for clearing floats */ |
|---|
| | | /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */ |
|---|
| | | .floatbox { overflow:hidden; } |
|---|
| | | |
|---|
| | | /* (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 subtemplates |
|---|
| | | * @see http://www.yaml.de/en/documentation/practice/subtemplates.html |
|---|
| | | */ |
|---|
| | | |
|---|
| | | .subcolumns { width: 100%; overflow:hidden; } |
|---|
| | | |
|---|
| | | /* (en) alternative class for optional support of old Mozilla/Netscape browers */ |
|---|
| | | /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */ |
|---|
| | | .subcolumns_oldgecko { width: 100%; float:left; } |
|---|
| | | |
|---|
| | | .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; } |
|---|
| | | .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; } |
|---|
| | | |
|---|
| | | .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; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @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: -1000em; |
|---|
| | | left: -1000em; |
|---|
| | | height: 1px; |
|---|
| | | width: 1px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* (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; |
|---|
| | | height: auto; |
|---|
| | | width: auto; |
|---|
| | | } |
|---|
| | | } |
|---|
