This repository has been archived on 2024-04-08. You can view files and clone it, but cannot push or open issues or pull requests.
khosb/application/media/theme/yaml/css/base.css
2012-06-20 20:00:46 +10:00

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; }
}