Skip to content
GitLab
Commit 08390006 authored by redray's avatar redray
Browse files

new default theme based on CSS, YAML and WForms 

www.yaml.de
http://formassembly.com/blog/category/wforms-documentation
parent 21f14257
Hide whitespace changes
Inline Side-by-side
interface/web/themes/_default/css/central.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) central stylesheet - ISPConfig 3: default theme
* (de) Zentrales Stylesheet - 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) $
*/
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
@import url(navigation/nav_top.css);
@import url(navigation/nav_side.css);
@import url(screen/basemod.css);
@import url(screen/basemod_2col_left_seo.css);
@import url(screen/content.css);
@import url(screen/content_ispc.css);
@import url(screen/wforms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print_100.css);
interface/web/themes/_default/css/navigation/nav_side.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Vertical list navigation "vlist" - ISPConfig 3: default theme
* (de) Vertikale Navigationsliste "vlist" - 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 all
{
#submenu {
width: 100%;
overflow: hidden;
margin: 0px;
list-style-type: none;
border-bottom: 2px #ddd solid;
}
#submenu ul { list-style-type: none; margin:0; padding: 0; }
#submenu li { float:left; width: 100%; margin:0; padding: 0; font-size:0.9em; }
#submenu a,
#submenu strong {
display:block;
width: 90%;
padding: 2px 0px 2px 10%;
text-decoration: none;
background-color:#fff;
color: #444;
border-bottom: 1px #eee solid;
}
/* Menu Title */
#submenu li#title {
width: 100%;
padding: 0px;
font-weight: bold;
color: #444;
background-color: #fff;
border-top: 2px #888 solid;
font-size: 1.1em;
}
#submenu li#title a {
background-color: #f0f8ff;
}
#submenu li#title a:hover {
color: #f63;
}
#submenu li span {
display:block;
width: 90%;
padding: 3px 0px 3px 10%;
font-weight: bold;
border-bottom: 1px #ddd solid;
}
/* Level 1 */
#submenu li#active,
#submenu li strong {
width: 90%;
padding: 3px 0px 3px 10%;
font-weight: bold;
color: #fff;
background-color:#aab;
border-bottom: 1px #eee solid;
}
#submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#f63; color: #fff; }
/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { width: 80%; padding-left: 20%; }
#submenu li ul li a { background-color:#f8f8f8; color: #666; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color:#f63; color: #fff; }
/* Level 3 */
#submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 70%; padding-left: 30%; }
#submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#f63; color: #fff; }
/* Level 4 */
#submenu li ul li ul li ul li a,
#submenu li ul li ul li ul li#active,
#submenu li ul li ul li ul li strong,
#submenu li ul li ul li ul li span { width: 60%; padding-left: 40%; }
#submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#f63; color: #fff; }
}
\ No newline at end of file
interface/web/themes/_default/css/navigation/nav_top.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Horizontal list navigation - ISPConfig 3: default theme
* (de) Horizontale Navigationsliste - 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 all
{
#topNav ul {
list-style: none;
padding: 0;
margin: 0;
}
#topNav li {
display: inline;
margin: 0 2px 0 0;
}
#topNav a {
padding: 0 1.5em;
text-decoration: none;
color: black;
background: #d3d3d3;
}
#topNav a:hover {
background: #fc0;
color: #540;
}
#topNav #topNav_current {
}
#topNav #topNav_current a {
padding-bottom: 2px;
font-weight: bold;
color: #ff6600;
background: #ffffff;
}
}
\ No newline at end of file
interface/web/themes/_default/css/patches/central.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) IE-Patch stylesheet - ISPConfig 3: default theme
* (de) IE-Korrektur-Stylesheet - 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) $
*/
/* Layout-independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
@import url(../yaml/core/iehacks.css);
/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen, projection
{
/**
* min-width/max-width workaround for IE5.x & IE6
*
* @workaround
* @affected IE 5.x/Win, IE6
* @css-for IE 5.x/Win, IE6
* @valid no
*/
* html #page_margins {
/* Fallback if JavaScript is disabled */
width: 80%;
}
}
interface/web/themes/_default/css/print/print_100.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) print stylesheet - ISPConfig 3: default theme
* (de) Druck-Stylesheet - 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) $
*/
/* import print base styles | Basisformatierung für Drucklayout einbinden */
@import url(../../yaml/core/print_base.css);
/* #col1 - x
** #col2 - 0
** #col3 - 0
*/
@media print
{
#col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
#col2 { display:none; }
#col3 { display:none; }
}
interface/web/themes/_default/css/screen/basemod.css 0 → 100644
View file @ 08390006
@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 */
#page_margins { min-width: 800px; 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;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (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; }
/*------------------------------------------------------------------------------------------------------*/
}
\ No newline at end of file
interface/web/themes/_default/css/screen/basemod_2col_left_seo.css 0 → 100644
View file @ 08390006
@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}
}
interface/web/themes/_default/css/screen/content.css 0 → 100644
View file @ 08390006
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements - ISPConfig 3: default theme
* (de) Einheitliche Standardformatierungen fr die wichtigten Inhalts-Elemente - 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) $
* @appdef yaml
*/
@media all
{
/**
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts
*/
/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01% }
/* (en) reset monospaced elements to font size 16px in Gecko browsers */
/* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
textarea, pre, tt, code {
font-family:"Courier New", Courier, monospace;
}
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
font-family: 'Trebuchet MS', sans-serif;
font-size: 75.00%;
color: #444;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Trebuchet MS', sans-serif;
font-weight:bold;
color:#666;
margin: 0 0 0.25em 0;
}
h1 { font-size: 200% } /* 24px */
h2 { font-size: 200% } /* 24px */
h3 { font-size: 150% } /* 18px */
h4 { font-size: 133.33% } /* 16px */
h5 { font-size: 116.67% } /* 14px */
h6 { font-size: 116.67%; font-style:italic } /* 14px */
#header h1 {
font-size:2.5em;
letter-spacing:-2px;
line-height:65%;
color: silver;
}
#header span {
color:#333333;
}
p { line-height: 1.5em; margin: 0 0 1em 0; }
/* ### Lists | Listen #### */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }
/* ### text formatting | Textauszeichnung ### */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }
strong,b { font-weight: bold }
em,i { font-style:italic }
pre, code { font-family: monospace; font-size: 1.1em; }
acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}
/**
* Generic Content Classes
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { text-align:center; margin: 0.5em auto }
/**
* External Links
*
* (en) Formatting of hyperlinks
* (de) Gestaltung von Hyperlinks
*
*/
a {color: #4D87C7; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#182E7A; text-decoration:underline;}
#topsubnav a { color: #f0f8ff; font-weight: normal; background:transparent; text-decoration:none; }
#topsubnav a:focus,
#topsubnav a:hover,
#topsubnav a:active { text-decoration:underline; background-color: transparent;}
#footer a { color: #999; background:transparent; font-weight: bold;}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section content-external-links
* @app-yaml-default disabled
*/
/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
padding-left: 12px;
background-image: url('your_image.gif');
background-repeat: no-repeat;
background-position: 0 0.45em;
}
*/
/**
* Tables | Tabellen
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen