1+ @charset "UTF-8" ;
2+ /**
3+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+ *
5+ * (en) Screen layout for YAML - ISPConfig 3: default theme
6+ * (de) Bildschirmlayout für YAML - ISPConfig 3: default theme
7+ *
8+ * @copyright Copyright 2005-2008, Dirk Jesse
9+ * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
10+ * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
11+ * @link http://www.yaml.de
12+ * @package yaml
13+ * @version 3.0.6
14+ * @revision $Revision: 202 $
15+ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
16+ */
17+
18+ @media screen, projection
19+ {
20+ /*------------------------------------------------------------------------------------------------------*/
21+
22+ /**
23+ * (en) Formatting YAML's basic layout elements
24+ * (de) Gestaltung des YAML Basis-Layouts
25+ */
26+
27+ /* (en) Marginal areas & page background */
28+ /* (de) Randbereiche & Seitenhintergrund */
29+ body { background : # EEEEEE url ("../../images/screen_bg.png" ) repeat-x top left fixed; padding : 10px 0 ; }
30+
31+ /* (en) Centering layout in old IE-versions */
32+ /* (de) Zentrierung des Layouts in alten IE-versionen */
33+ body { text-align : center; }
34+ # page_margins { text-align : left; margin : 0 auto; }
35+
36+ /* (en) Layout: width, background, borders */
37+ /* (de) Layout: Breite, Hintergrund, Rahmen */
38+ # page_margins { min-width : 800px ; max-width : 80% ; background : # fff ; }
39+ # page { padding : 10px ; }
40+
41+ /* (en) Designing main layout elements */
42+ /* (de) Gestaltung der Hauptelemente des Layouts */
43+ # header {
44+ color : # faf0e6 ;
45+ padding : 15px 2em 1em 20px ;
46+ background : # 9a9a9a url(../ ../ images/header_bg.png) repeat-x top left;
47+ }
48+
49+ /* (en) Text Alignment for #topnav content */
50+ /* (de) Textausrichtung für #topnav Inhalte */
51+ # topnav { text-align : left; }
52+
53+ /* (en) Absolute positioning only within #header */
54+ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
55+ # header # topnav {
56+ position : absolute;
57+ top : 0px ;
58+ left : 0px ;
59+ }
60+
61+ /* (en) Text Alignment for #topnav content */
62+ /* (de) Textausrichtung für #topnav Inhalte */
63+ # topsubnav { text-align : right; }
64+
65+ /* (en) Absolute positioning only within #header */
66+ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
67+ # header # topsubnav {
68+ position : absolute;
69+ top : 10px ;
70+ right : 10px ;
71+ }
72+
73+ /* (en) adjustment of main navigation */
74+ /* (de) Anpassung der Hauptnavigation */
75+ # nav ul { margin-left : 200px ; }
76+ # nav_main { background : # 9a9a9a repeat-x top left; }
77+
78+ # main { background : # fff ;padding : 10px 0 ; }
79+
80+ # footer {
81+ color : # 666 ;
82+ background : # f9f9f9 ;
83+ padding : 10px 20px ;
84+ border-top : 5px # efefef solid;
85+ font-size : 0.8em ;
86+ }
87+
88+ /*------------------------------------------------------------------------------------------------------*/
89+
90+ /**
91+ * (en) Formatting content container
92+ * (de) Formatierung der Inhalts-Container
93+ *
94+ * |-------------------------------|
95+ * | #header |
96+ * |-------------------------------|
97+ * | #col1 | #col3 | #col2 |
98+ * | 25% | flexible | 25% |
99+ * |-------------------------------|
100+ * | #footer |
101+ * |-------------------------------|
102+ */
103+
104+
105+ # col1 { width : 25% ; }
106+ # col1_content { padding : 10px 10px 10px 20px ; }
107+
108+ # col2 { width : 25% ; }
109+ # col2_content { padding : 10px 20px 10px 10px ; }
110+
111+ # col3 { margin : 0 25% ; }
112+ # col3_content { padding : 10px ; }
113+
114+ /*------------------------------------------------------------------------------------------------------*/
115+ }
0 commit comments