@charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Screen layout for YAML - ISPConfig 3: default theme * (de) Bildschirmlayout fr YAML - ISPConfig 3: default theme * * @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 screen, projection { /*------------------------------------------------------------------------------------------------------*/ /** * (en) Formatting YAML's basic layout elements * (de) Gestaltung des YAML Basis-Layouts */ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background: #EEEEEE url("../../images/screen_bg.png") repeat-x top left fixed; padding: 10px 0; } /* (en) Centering layout in old IE-versions */ /* (de) Zentrierung des Layouts in alten IE-versionen */ body { text-align: center; } #page_margins { text-align:left; margin: 0 auto; } /* (en) Layout: width, background, borders */ /* (de) Layout: Breite, Hintergrund, Rahmen */ /*WARNING: ADded a overrode for this setting in main.tpl with javascript to target non chrome browsers, This has to be changed too in case that page_margins get changed. Reason: Chrome does not support the display: table; attribute correctly*/ #page_margins { min-width: 980px; max-width: 80%; background: #fff;} #page{ padding: 10px; } /* (en) Designing main layout elements */ /* (de) Gestaltung der Hauptelemente des Layouts */ #header { color: #faf0e6; padding: 15px 2em 1em 20px; background: #9a9a9a url(../../images/header_bg.png) repeat-x top left; } /* (en) Text Alignment for #topnav content */ /* (de) Textausrichtung für #topnav Inhalte */ #topnav { text-align: left; } /* (en) Absolute positioning only within #header */ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */ #header #topnav { position: absolute; top: 0px; left: 0px; } /* (en) Text Alignment for #topnav content */ /* (de) Textausrichtung für #topnav Inhalte */ #topsubnav { text-align: right; } /* (en) Absolute positioning only within #header */ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */ #header #topsubnav { position:absolute; top: 10px; right: 10px; } /* (en) adjustment of main navigation */ /* (de) Anpassung der Hauptnavigation */ #nav ul { margin-left: 200px; } #nav_main { background: #9a9a9a repeat-x top left; } #main { background: #fff;padding:10px 0; } #footer { color:#666; background: #f9f9f9; padding: 10px 20px; border-top: 5px #efefef solid; font-size: 0.8em; text-align: center; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * * |-------------------------------| * | #header | * |-------------------------------| * | #col1 | #col3 | #col2 | * | 25% | flexible | 25% | * |-------------------------------| * | #footer | * |-------------------------------| */ #col1 { width: 25%; } #col1_content { padding: 10px 10px 10px 20px; } #col2 { width: 25%; } #col2_content { padding: 10px 20px 10px 10px; } #col3 { margin: 0 25%; } #col3_content { padding: 10px; } /*------------------------------------------------------------------------------------------------------*/ }