Skip to content

Commit 0839000

Browse files
author
redray
committed
new default theme based on CSS, YAML and WForms
www.yaml.de http://formassembly.com/blog/category/wforms-documentation
1 parent 21f1425 commit 0839000

File tree

1,422 files changed

+2932
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,422 files changed

+2932
-0
lines changed

‎interface/web/themes/_default/css/central.css‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
@charset "UTF-8";
2+
/**
3+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+
*
5+
* (en) central stylesheet - ISPConfig 3: default theme
6+
* (de) Zentrales Stylesheet - 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+
/* import core styles | Basis-Stylesheets einbinden */
19+
@import url(../yaml/core/base.css);
20+
21+
/* import screen layout | Screen-Layout einbinden */
22+
@import url(navigation/nav_top.css);
23+
@import url(navigation/nav_side.css);
24+
@import url(screen/basemod.css);
25+
@import url(screen/basemod_2col_left_seo.css);
26+
@import url(screen/content.css);
27+
@import url(screen/content_ispc.css);
28+
@import url(screen/wforms.css);
29+
30+
/* import print layout | Druck-Layout einbinden */
31+
@import url(print/print_100.css);

‎interface/web/themes/_default/css/navigation/nav_side.css‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
@charset "UTF-8";
2+
/**
3+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+
*
5+
* (en) Vertical list navigation "vlist" - ISPConfig 3: default theme
6+
* (de) Vertikale Navigationsliste "vlist" - 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 all
19+
{
20+
#submenu {
21+
width: 100%;
22+
overflow: hidden;
23+
margin: 0px;
24+
list-style-type: none;
25+
border-bottom: 2px #ddd solid;
26+
}
27+
28+
#submenu ul { list-style-type: none; margin:0; padding: 0; }
29+
#submenu li { float:left; width: 100%; margin:0; padding: 0; font-size:0.9em; }
30+
31+
#submenu a,
32+
#submenu strong {
33+
display:block;
34+
width: 90%;
35+
padding: 2px 0px 2px 10%;
36+
text-decoration: none;
37+
background-color:#fff;
38+
color: #444;
39+
border-bottom: 1px #eee solid;
40+
}
41+
42+
/* Menu Title */
43+
#submenu li#title {
44+
width: 100%;
45+
padding: 0px;
46+
font-weight: bold;
47+
color: #444;
48+
background-color: #fff;
49+
border-top: 2px #888 solid;
50+
font-size: 1.1em;
51+
}
52+
53+
#submenu li#title a {
54+
background-color: #f0f8ff;
55+
}
56+
#submenu li#title a:hover {
57+
color: #f63;
58+
}
59+
60+
#submenu li span {
61+
display:block;
62+
width: 90%;
63+
padding: 3px 0px 3px 10%;
64+
font-weight: bold;
65+
border-bottom: 1px #ddd solid;
66+
}
67+
68+
/* Level 1 */
69+
#submenu li#active,
70+
#submenu li strong {
71+
width: 90%;
72+
padding: 3px 0px 3px 10%;
73+
font-weight: bold;
74+
color: #fff;
75+
background-color:#aab;
76+
border-bottom: 1px #eee solid;
77+
}
78+
79+
#submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
80+
#submenu li a:focus,
81+
#submenu li a:hover,
82+
#submenu li a:active { background-color:#f63; color: #fff; }
83+
84+
/* Level 2 */
85+
#submenu li ul li a,
86+
#submenu li ul li#active,
87+
#submenu li ul li strong,
88+
#submenu li ul li span { width: 80%; padding-left: 20%; }
89+
90+
#submenu li ul li a { background-color:#f8f8f8; color: #666; }
91+
#submenu li ul li a:focus,
92+
#submenu li ul li a:hover,
93+
#submenu li ul li a:active { background-color:#f63; color: #fff; }
94+
95+
/* Level 3 */
96+
#submenu li ul li ul li a,
97+
#submenu li ul li ul li#active,
98+
#submenu li ul li ul li strong,
99+
#submenu li ul li ul li span { width: 70%; padding-left: 30%; }
100+
101+
#submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
102+
#submenu li ul li ul li a:focus,
103+
#submenu li ul li ul li a:hover,
104+
#submenu li ul li ul li a:active { background-color:#f63; color: #fff; }
105+
106+
/* Level 4 */
107+
#submenu li ul li ul li ul li a,
108+
#submenu li ul li ul li ul li#active,
109+
#submenu li ul li ul li ul li strong,
110+
#submenu li ul li ul li ul li span { width: 60%; padding-left: 40%; }
111+
112+
#submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
113+
#submenu li ul li ul li ul li a:focus,
114+
#submenu li ul li ul li ul li a:hover,
115+
#submenu li ul li ul li ul li a:active { background-color:#f63; color: #fff; }
116+
}

‎interface/web/themes/_default/css/navigation/nav_top.css‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
@charset "UTF-8";
2+
/**
3+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+
*
5+
* (en) Horizontal list navigation - ISPConfig 3: default theme
6+
* (de) Horizontale Navigationsliste - 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 all
19+
{
20+
#topNav ul {
21+
list-style: none;
22+
padding: 0;
23+
margin: 0;
24+
}
25+
26+
#topNav li {
27+
display: inline;
28+
margin: 0 2px 0 0;
29+
}
30+
31+
#topNav a {
32+
padding: 0 1.5em;
33+
text-decoration: none;
34+
color: black;
35+
background: #d3d3d3;
36+
}
37+
38+
#topNav a:hover {
39+
background: #fc0;
40+
color: #540;
41+
}
42+
43+
#topNav #topNav_current {
44+
}
45+
46+
#topNav #topNav_current a {
47+
padding-bottom: 2px;
48+
font-weight: bold;
49+
color: #ff6600;
50+
background: #ffffff;
51+
}
52+
}

‎interface/web/themes/_default/css/patches/central.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
@charset "UTF-8";
2+
/**
3+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+
*
5+
* (en) IE-Patch stylesheet - ISPConfig 3: default theme
6+
* (de) IE-Korrektur-Stylesheet - 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+
/* Layout-independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
19+
@import url(../yaml/core/iehacks.css);
20+
21+
/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
22+
@media screen, projection
23+
{
24+
/**
25+
* min-width/max-width workaround for IE5.x & IE6
26+
*
27+
* @workaround
28+
* @affected IE 5.x/Win, IE6
29+
* @css-for IE 5.x/Win, IE6
30+
* @valid no
31+
*/
32+
33+
* html #page_margins {
34+
/* Fallback if JavaScript is disabled */
35+
width: 80%;
36+
}
37+
}

‎interface/web/themes/_default/css/print/print_100.css‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
@charset "UTF-8";
2+
/**
3+
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
4+
*
5+
* (en) print stylesheet - ISPConfig 3: default theme
6+
* (de) Druck-Stylesheet - 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+
/* import print base styles | Basisformatierung für Drucklayout einbinden */
19+
@import url(../../yaml/core/print_base.css);
20+
21+
/* #col1 - x
22+
** #col2 - 0
23+
** #col3 - 0
24+
*/
25+
@media print
26+
{
27+
#col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
28+
29+
#col2 { display:none; }
30+
#col3 { display:none; }
31+
}

‎interface/web/themes/_default/css/screen/basemod.css‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
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

Comments
 (0)