| | |
|---|
| | | @charset "UTF-8";
|
|---|
| | | /**
|
|---|
| | | * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|---|
| | | *
|
|---|
| | | * (en) Variation of screen layout (basemod.css) - ISPConfig 3: default theme
|
|---|
| | | * (de) Variation des Screenlayouts (basemod.css) - 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) Repositioning content container
|
|---|
| | | * (de) Neupositionierung der Content Container
|
|---|
| | | *
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #header |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #col1 | #col3 |
|
|---|
| | | * | 200px | flexible |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | * | #footer |
|
|---|
| | | * |-------------------------------|
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | /* #col1 becomes the fixed navigation column | #col1 wird zur Navigationsspalte mit fester Breite */
|
|---|
| | | #col1 { width: 200px; float:left}
|
|---|
| | | #col1_content { padding: 0 10px 0 0; }
|
|---|
| | |
|
|---|
| | | /* #col2 is turned off | #col2 abschalten */
|
|---|
| | | #col2 { display:none; }
|
|---|
| | |
|
|---|
| | | /* #col3 becomes the main column | #col3 wird zur Hauptspalte */
|
|---|
| | | #col3 { margin-left: 200px; margin-right: 0; }
|
|---|
| | | #col3_content { padding: 0px 10px 10px 20px; }
|
|---|
| | |
|
|---|
| | | /* Graphic-free column dividers between #col1 and #col3 | Grafikfreier Spaltentrenner zw. #col1 und #col3*/
|
|---|
| | | #col3 {border-left: 1px #ddd solid;}
|
|---|
| | | #main {padding: 1em 0}
|
|---|
| | | }
|
|---|
| | | @charset "UTF-8"; |
|---|
| | | /** |
|---|
| | | * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|---|
| | | * |
|---|
| | | * (en) Variation of screen layout (basemod.css) - ISPConfig 3: default theme |
|---|
| | | * (de) Variation des Screenlayouts (basemod.css) - 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) Repositioning content container |
|---|
| | | * (de) Neupositionierung der Content Container |
|---|
| | | * |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #header | |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #col1 | #col3 | |
|---|
| | | * | 200px | flexible | |
|---|
| | | * |-------------------------------| |
|---|
| | | * | #footer | |
|---|
| | | * |-------------------------------| |
|---|
| | | */ |
|---|
| | | |
|---|
| | | /* #col1 becomes the fixed navigation column | #col1 wird zur Navigationsspalte mit fester Breite */ |
|---|
| | | #col1 { width: 200px; float:left} |
|---|
| | | #col1_content { padding: 0 10px 0 0; } |
|---|
| | | |
|---|
| | | /* #col2 is turned off | #col2 abschalten */ |
|---|
| | | #col2 { display:none; } |
|---|
| | | |
|---|
| | | /* #col3 becomes the main column | #col3 wird zur Hauptspalte */ |
|---|
| | | #col3 { margin-left: 200px; margin-right: 0; } |
|---|
| | | #col3_content { padding: 0px 10px 10px 20px; } |
|---|
| | | |
|---|
| | | /* Graphic-free column dividers between #col1 and #col3 | Grafikfreier Spaltentrenner zw. #col1 und #col3*/ |
|---|
| | | #col3 {border-left: 1px #ddd solid;} |
|---|
| | | #main {padding: 1em 0} |
|---|
| | | } |
|---|
