Browse Source
marge official mumble-django 0.7 code and fix setTexture/getTexture codes
marge official mumble-django 0.7 code and fix setTexture/getTexture codes
not complete. IceController **TextureNatenom/support-murmur-13-1446181288462
withgod
16 years ago
102 changed files with 372 additions and 3547 deletions
-
13CHANGELOG
-
46COPYRIGHT
-
22htdocs/css/my_layout.css
-
47htdocs/css/patches/patch_my_layout.css
-
127htdocs/css/screen/basemod.css
-
225htdocs/css/screen/content.css
-
BINhtdocs/images/bg_blue.png
-
BINhtdocs/images/bg_col_left.png
-
BINhtdocs/images/bg_col_right.png
-
BINhtdocs/images/gfxborder/border_bottom.gif
-
BINhtdocs/images/gfxborder/border_left.gif
-
BINhtdocs/images/gfxborder/border_right.gif
-
BINhtdocs/images/gfxborder/border_top.gif
-
BINhtdocs/images/gfxborder/corner_bl.gif
-
BINhtdocs/images/gfxborder/corner_br.gif
-
BINhtdocs/images/gfxborder/corner_tl.gif
-
BINhtdocs/images/gfxborder/corner_tr.gif
-
15htdocs/style.css
-
103htdocs/templatestyle.css
-
BINhtdocs/yaml/add-ons/microformats/images/external_link.gif
-
BINhtdocs/yaml/add-ons/microformats/images/hcalendar.png
-
BINhtdocs/yaml/add-ons/microformats/images/hcard.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-geo.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hatom.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-haudio.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcalendar-add.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcalendar-download.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcalendar.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcard-add.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcard-download.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hcard.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-hresume.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-rel-tag.png
-
BINhtdocs/yaml/add-ons/microformats/images/icon-xfn.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-colleague-met.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-colleague.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-friend-met.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-friend.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-me.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-sweetheart-met.png
-
BINhtdocs/yaml/add-ons/microformats/images/xfn/xfn-sweetheart.png
-
147htdocs/yaml/add-ons/microformats/microformats.css
-
92htdocs/yaml/add-ons/rtl-support/core/base-rtl.css
-
37htdocs/yaml/add-ons/rtl-support/core/iehacks-rtl.css
-
15htdocs/yaml/add-ons/rtl-support/core/slim_base-rtl.css
-
8htdocs/yaml/add-ons/rtl-support/core/slim_iehacks-rtl.css
-
49htdocs/yaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.css
-
44htdocs/yaml/add-ons/rtl-support/navigation/nav_slidingdoor-rtl.css
-
62htdocs/yaml/add-ons/rtl-support/navigation/nav_vlist-rtl.css
-
27htdocs/yaml/central_draft.css
-
223htdocs/yaml/core/base.css
-
365htdocs/yaml/core/iehacks.css
-
98htdocs/yaml/core/print_base.css
-
50htdocs/yaml/core/slim_base.css
-
47htdocs/yaml/core/slim_iehacks.css
-
16htdocs/yaml/core/slim_print_base.css
-
197htdocs/yaml/debug/debug.css
-
BINhtdocs/yaml/debug/images/grid_pattern.png
-
BINhtdocs/yaml/debug/images/warning_iehacks.png
-
71htdocs/yaml/markup_draft.html
-
BINhtdocs/yaml/navigation/images/shiny_buttons/background.png
-
BINhtdocs/yaml/navigation/images/shiny_buttons/background_active.png
-
BINhtdocs/yaml/navigation/images/sliding_door/round/bg.gif
-
BINhtdocs/yaml/navigation/images/sliding_door/round/left.png
-
BINhtdocs/yaml/navigation/images/sliding_door/round/left_on.png
-
BINhtdocs/yaml/navigation/images/sliding_door/round/right.png
-
BINhtdocs/yaml/navigation/images/sliding_door/round/right_on.png
-
BINhtdocs/yaml/navigation/images/vlist/square/node.gif
-
BINhtdocs/yaml/navigation/images/vlist/square/node_minus.gif
-
BINhtdocs/yaml/navigation/images/vlist/square/node_plus.gif
-
BINhtdocs/yaml/navigation/images/vlist/square/subnode.gif
-
BINhtdocs/yaml/navigation/images/vlist/square/subnode_minus.gif
-
BINhtdocs/yaml/navigation/images/vlist/square/subnode_plus.gif
-
93htdocs/yaml/navigation/nav_shinybuttons.css
-
118htdocs/yaml/navigation/nav_slidingdoor.css
-
123htdocs/yaml/navigation/nav_vlist.css
-
29htdocs/yaml/patches/patch_layout_draft.css
-
60htdocs/yaml/patches/patch_nav_vlist.css
-
56htdocs/yaml/print/print_003_draft.css
-
56htdocs/yaml/print/print_020_draft.css
-
62htdocs/yaml/print/print_023_draft.css
-
56htdocs/yaml/print/print_100_draft.css
-
61htdocs/yaml/print/print_103_draft.css
-
61htdocs/yaml/print/print_120_draft.css
-
62htdocs/yaml/print/print_123_draft.css
-
49htdocs/yaml/print/print_draft.css
-
70htdocs/yaml/screen/basemod_draft.css
-
218htdocs/yaml/screen/content_default.css
-
253htdocs/yaml/screen/forms.css
-
BINhtdocs/yaml/screen/images/button_gray.png
-
BINhtdocs/yaml/screen/images/button_red.png
-
BINhtdocs/yaml/screen/images/button_yellow.png
-
45pyweb/mumble/MumbleCtlDbus.py
-
10pyweb/mumble/MumbleCtlIce.py
-
8pyweb/mumble/forms.py
-
48pyweb/mumble/mctl.py
-
18pyweb/mumble/models.py
-
7pyweb/mumble/urls.py
-
41pyweb/mumble/views.py
-
72template/index.htm
@ -1,22 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework |
|
||||
* (en) central stylesheet |
|
||||
* (de) zentrales Stylesheet |
|
||||
* |
|
||||
* @creator YAML Builder V1.2b (http://builder.yaml.de) |
|
||||
* @file my_layout.css |
|
||||
* @-yaml-minver 3.1 |
|
||||
* |
|
||||
*/ |
|
||||
|
|
||||
/* import core styles | Basis-Stylesheets einbinden */ |
|
||||
@import url(../yaml/core/base.css); |
|
||||
|
|
||||
/* import screen layout | Screen-Layout einbinden */ |
|
||||
@import url(../yaml/navigation/nav_shinybuttons.css); |
|
||||
@import url(screen/basemod.css); |
|
||||
@import url(screen/content.css); |
|
||||
|
|
||||
/* import print layout | Druck-Layout einbinden */ |
|
||||
@import url(../yaml/print/print_draft.css); |
|
||||
@ -1,47 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework |
|
||||
* (en) IE patch stylesheet |
|
||||
* (de) IE-Anpassungs-Stylesheet |
|
||||
* |
|
||||
* @creator YAML Builder V1.2b (http://builder.yaml.de) |
|
||||
* @file patch_my_layout.css |
|
||||
* @-yaml-minver 3.1 |
|
||||
*/ |
|
||||
|
|
||||
/* Layout independent adjustments | Layout-unabhängige Anpassungen */ |
|
||||
@import url(../../yaml/core/iehacks.css); |
|
||||
|
|
||||
/* Layout-dependent adjustments | Layout-abhängige Anpassungen */ |
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/** |
|
||||
* Bugfix for IE 3-Pixel-Jog Bug |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
* html #col3 {height: 1%} |
|
||||
* html #col1 {margin-right: -3px} |
|
||||
* html #col3 {margin-left: 24%} |
|
||||
|
|
||||
/** |
|
||||
* min-width/max-width workaround for IE |
|
||||
* |
|
||||
* @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: auto; |
|
||||
|
|
||||
/* JS-Expression for min-/max-width simulation */ |
|
||||
width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" ))); |
|
||||
} |
|
||||
} |
|
||||
@ -1,127 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework |
|
||||
* (en) stylesheet for screen layout |
|
||||
* (de) Stylesheet für das Bildschirm-Layout |
|
||||
* |
|
||||
* @creator YAML Builder V1.2b (http://builder.yaml.de) |
|
||||
* @file basemod.css |
|
||||
* @-yaml-minver 3.1 |
|
||||
*/ |
|
||||
|
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/*-------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) Marginal areas & page background */ |
|
||||
/* (de) Randbereiche & Seitenhintergrund */ |
|
||||
body { background: #3b69ad none; padding: 10px 0; } |
|
||||
|
|
||||
/* Layout Alignment | Layout-Ausrichtung */ |
|
||||
.page_margins { margin: 0 auto; } |
|
||||
|
|
||||
/* Layout Properties | Layout-Eigenschaften */ |
|
||||
.page_margins { width: auto; min-width: 740px; max-width: 90em; background: #fff; } |
|
||||
.page { padding: 10px 15px 10px 10px; } |
|
||||
#header { padding: 45px 2em 1em 20px; color: #000; background: #fff; } |
|
||||
#topnav { color: #aaa; background: transparent; } |
|
||||
#nav { overflow:hidden; } |
|
||||
div.hlist { } |
|
||||
#main { margin: 10px 0; background: #fff; } |
|
||||
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; } |
|
||||
|
|
||||
/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung */ |
|
||||
#nav ul { margin-left: 20px; } |
|
||||
|
|
||||
/*-------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Formatting content container |
|
||||
* (de) Formatierung der Inhalts-Container |
|
||||
* |
|
||||
*/ |
|
||||
|
|
||||
#col1 { float: left; width: 40%} |
|
||||
#col1 { float: left } |
|
||||
#col2 { display:none} |
|
||||
#col3 { width: auto; margin: 0 0 0 40%; border-left: 1px #ddd dotted } |
|
||||
#col1_content { padding: 0 10px 0 20px } |
|
||||
#col3_content { padding: 0 20px 0 10px } |
|
||||
|
|
||||
/*-------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.page_margins { |
|
||||
border: 0 none; |
|
||||
background-image: url(../../images/gfxborder/border_left.gif); |
|
||||
background-repeat:repeat-y; |
|
||||
background-position:left; |
|
||||
} |
|
||||
|
|
||||
.page { |
|
||||
border: 0 none; |
|
||||
margin: 0 0 0 5px; padding: 10px 15px 10px 10px; |
|
||||
background-image: url(../../images/gfxborder/border_right.gif); |
|
||||
background-repeat:repeat-y; |
|
||||
background-position:right; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
#border-top { |
|
||||
overflow:hidden; |
|
||||
width: auto; |
|
||||
height: 20px; |
|
||||
font-size:0; |
|
||||
margin-bottom: -15px; |
|
||||
background-image: url(../../images/gfxborder/border_top.gif); |
|
||||
background-repeat:repeat-x; |
|
||||
background-position:top left; |
|
||||
} |
|
||||
|
|
||||
#border-bottom { |
|
||||
overflow:hidden; |
|
||||
width: auto; |
|
||||
height: 20px; |
|
||||
margin-top: -15px; |
|
||||
font-size:0; |
|
||||
background-image: url(../../images/gfxborder/border_bottom.gif); |
|
||||
background-repeat:repeat-x; |
|
||||
background-position:bottom left; |
|
||||
} |
|
||||
|
|
||||
#edge-tl { |
|
||||
float:left; |
|
||||
width: 20px; |
|
||||
height: 20px; |
|
||||
font-size:0; |
|
||||
background-image: url(../../images/gfxborder/corner_tl.gif); |
|
||||
background-position: top left; |
|
||||
} |
|
||||
|
|
||||
#edge-tr { |
|
||||
position:relative; /* IE Fix | z-index */ |
|
||||
float:right; |
|
||||
width: 20px; |
|
||||
height: 20px; |
|
||||
font-size:0; |
|
||||
background-image: url(../../images/gfxborder/corner_tr.gif); |
|
||||
background-position: top right; |
|
||||
} |
|
||||
|
|
||||
#edge-bl { |
|
||||
float:left; |
|
||||
width: 20px; |
|
||||
height: 20px; |
|
||||
background-image: url(../../images/gfxborder/corner_bl.gif); |
|
||||
background-position: bottom left; |
|
||||
} |
|
||||
|
|
||||
#edge-br { |
|
||||
position:relative; /* IE Fix | z-index */ |
|
||||
float:right; |
|
||||
width: 20px; |
|
||||
height: 20px; |
|
||||
background-image: url(../../images/gfxborder/corner_br.gif); |
|
||||
background-position: bottom right; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,225 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Uniform design of standard content elements |
|
||||
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
* @appdef yaml |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* Fonts |
|
||||
* |
|
||||
* (en) global settings of font-families and font-sizes |
|
||||
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen |
|
||||
* |
|
||||
* @section content-global-settings |
|
||||
*/ |
|
||||
|
|
||||
/* (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 all browsers |
|
||||
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen |
|
||||
* |
|
||||
* @see: http://webkit.org/blog/67/strange-medium/ |
|
||||
*/ |
|
||||
|
|
||||
textarea, pre, code, kbd, samp, var, tt { |
|
||||
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; |
|
||||
} |
|
||||
|
|
||||
/* (en) base layout gets standard font size 12px */ |
|
||||
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ |
|
||||
body { |
|
||||
font-family: Arial, Helvetica, sans-serif; |
|
||||
font-size: 75.00%; |
|
||||
color: #444; |
|
||||
} |
|
||||
|
|
||||
/*--- Headings | Überschriften ------------------------------------------------------------------------*/ |
|
||||
|
|
||||
h1,h2,h3,h4,h5,h6 { |
|
||||
font-family: "Times New Roman", Times, serif; |
|
||||
font-weight:normal; |
|
||||
color:#222; |
|
||||
margin: 0 0 0.25em 0; |
|
||||
} |
|
||||
|
|
||||
h1 { font-size: 250%; } /* 30px */ |
|
||||
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%; } /* 14px */ |
|
||||
|
|
||||
/* --- Lists | Listen -------------------------------------------------------------------------------- */ |
|
||||
|
|
||||
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; } |
|
||||
ul li { list-style-type: disc; } |
|
||||
ul ul li { list-style-type: circle; } |
|
||||
|
|
||||
ol li { list-style-type: decimal; } |
|
||||
ol ol li { list-style-type: lower-latin; } |
|
||||
|
|
||||
li { margin-left: 0.8em; line-height: 1.5em; } |
|
||||
|
|
||||
dt { font-weight: bold; } |
|
||||
dd { margin: 0 0 1em 0.8em; } |
|
||||
|
|
||||
/* The above broke ExtJS's Tabs, so fix em */ |
|
||||
.x-tab-strip-wrap li { |
|
||||
list-style-type: none; |
|
||||
} |
|
||||
|
|
||||
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ |
|
||||
|
|
||||
p { line-height: 1.5em; margin: 0 0 1em 0; } |
|
||||
|
|
||||
blockquote, cite,q { |
|
||||
font-family: Georgia, "Times New Roman", Times, serif; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
blockquote { margin: 0 0 1em 1.6em; color: #666; } |
|
||||
|
|
||||
strong,b { font-weight: bold; } |
|
||||
em,i { font-style: italic; } |
|
||||
|
|
||||
pre, code, kbd, tt, samp, var { font-size: 100%; } |
|
||||
pre, code { color: #800; } |
|
||||
pre { line-height: 1.5em; margin: 0 0 1em 0; } |
|
||||
kbd, samp, var { color: #666; } |
|
||||
var { font-style: italic; } |
|
||||
|
|
||||
acronym, abbr { |
|
||||
border-bottom: 1px #aaa dotted; |
|
||||
font-variant: small-caps; |
|
||||
letter-spacing: .07em; |
|
||||
cursor: help; |
|
||||
} |
|
||||
|
|
||||
sub, sup { font-size: 91.6667%; } |
|
||||
|
|
||||
hr { |
|
||||
color: #fff; |
|
||||
background:transparent; |
|
||||
margin: 0 0 0.5em 0; |
|
||||
padding: 0 0 0.5em 0; |
|
||||
border:0; |
|
||||
border-bottom: 1px #eee solid; |
|
||||
} |
|
||||
|
|
||||
/*--- Links ----------------------------------------------------------------------------------------- */ |
|
||||
|
|
||||
a { color: #4D87C7; background:transparent; text-decoration:none; } |
|
||||
a:visited { color: #036; } |
|
||||
|
|
||||
a:focus, |
|
||||
a:hover, |
|
||||
a:active { color:#182E7A; text-decoration:underline; } |
|
||||
|
|
||||
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */ |
|
||||
|
|
||||
p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; } |
|
||||
p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; } |
|
||||
|
|
||||
p.icaption_left img, |
|
||||
p.icaption_right img { padding:0; border: 1px #888 solid; } |
|
||||
|
|
||||
p.icaption_left strong, |
|
||||
p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Generic Content Classes |
|
||||
* |
|
||||
* (en) standard classes for positioning and highlighting |
|
||||
* (de) Standardklassen zur Positionierung und Hervorhebung |
|
||||
* |
|
||||
* @section content-generic-classes |
|
||||
*/ |
|
||||
|
|
||||
.highlight { color: #f60; } |
|
||||
.dimmed { color: #888; } |
|
||||
|
|
||||
.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; } |
|
||||
|
|
||||
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
|
|
||||
.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 { display:block; text-align:center; margin: 0.5em auto; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Tables | Tabellen |
|
||||
* |
|
||||
* (en) Generic classes for table-width and design definition |
|
||||
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen |
|
||||
* |
|
||||
* @section content-tables |
|
||||
*/ |
|
||||
|
|
||||
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; } |
|
||||
table caption { font-variant:small-caps; } |
|
||||
table.full { width: 100%; } |
|
||||
table.fixed { table-layout:fixed; } |
|
||||
|
|
||||
th,td { padding: 0.5em; } |
|
||||
thead th { color: #000; border-bottom: 2px #800 solid; } |
|
||||
tbody th { background: #e0e0e0; color: #333; } |
|
||||
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; } |
|
||||
|
|
||||
tbody th { border-bottom: 1px solid #fff; text-align: left; } |
|
||||
tbody td { border-bottom: 1px solid #eee; } |
|
||||
|
|
||||
tbody tr:hover th[scope="row"], |
|
||||
tbody tr:hover tbody th.sub { background: #f0e8e8; } |
|
||||
tbody tr:hover td { background: #fff8f8; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Miscellaneous | Sonstiges |
|
||||
* |
|
||||
* @section content-misc |
|
||||
*/ |
|
||||
input, textarea { |
|
||||
border: 1px solid #CCCCCC; |
|
||||
} |
|
||||
/** |
|
||||
* (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; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
|
Before Width: 15 | Height: 600 | Size: 1.3 KiB |
|
Before Width: 300 | Height: 34 | Size: 484 B |
|
Before Width: 300 | Height: 34 | Size: 541 B |
|
Before Width: 120 | Height: 5 | Size: 116 B |
|
Before Width: 5 | Height: 120 | Size: 116 B |
|
Before Width: 5 | Height: 120 | Size: 116 B |
|
Before Width: 120 | Height: 5 | Size: 116 B |
|
Before Width: 25 | Height: 25 | Size: 264 B |
|
Before Width: 25 | Height: 25 | Size: 266 B |
|
Before Width: 25 | Height: 25 | Size: 266 B |
|
Before Width: 25 | Height: 25 | Size: 266 B |
@ -0,0 +1,15 @@ |
|||||
|
|
||||
|
form input, form textarea { |
||||
|
background-color: lightgrey; |
||||
|
border: 1px solid darkgrey; |
||||
|
margin: 5px 0; |
||||
|
min-width: 330px; |
||||
|
padding: 2px; |
||||
|
padding-left: 3px; |
||||
|
} |
||||
|
|
||||
|
form input[type=submit] { |
||||
|
margin-left: 30px; |
||||
|
padding: 5px; |
||||
|
min-width: 150px; |
||||
|
} |
||||
@ -0,0 +1,103 @@ |
|||||
|
#content { |
||||
|
background-color: white; |
||||
|
width: 80%; |
||||
|
margin: 25px auto; |
||||
|
padding: 10px; |
||||
|
border: 2px solid grey; |
||||
|
} |
||||
|
|
||||
|
#headpanel { |
||||
|
position: relative; |
||||
|
padding: 45px 2em 1em 20px; |
||||
|
} |
||||
|
|
||||
|
#headlinks { |
||||
|
position:absolute; |
||||
|
right: 10px; |
||||
|
top: 10px; |
||||
|
} |
||||
|
|
||||
|
#navipanel { |
||||
|
background-color: lightgrey; |
||||
|
border-top: 1px solid black; |
||||
|
border-bottom: 1px solid black; |
||||
|
padding-left: 20px; |
||||
|
height: 25px; |
||||
|
} |
||||
|
|
||||
|
#navilinks { |
||||
|
display: inline; |
||||
|
list-style-type: none; |
||||
|
} |
||||
|
|
||||
|
#navilinks li { |
||||
|
display: inline; |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
#navilinks a, #navilinks b { |
||||
|
display: block; |
||||
|
padding: 0 5px; |
||||
|
font-size: 10pt; |
||||
|
font-weight: bold; |
||||
|
line-height: 25px; |
||||
|
width: auto; |
||||
|
} |
||||
|
|
||||
|
#navilinks a { |
||||
|
border-left: 1px solid white; |
||||
|
border-right: 1px solid #eeeeee; |
||||
|
color: black; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
#navilinks b { |
||||
|
color: white; |
||||
|
background-color: #272727; |
||||
|
} |
||||
|
|
||||
|
#contentpanel { |
||||
|
padding: 45px 2em 1em 20px; |
||||
|
} |
||||
|
|
||||
|
#contentleft { |
||||
|
float:left; |
||||
|
width:40%; |
||||
|
border-right: 1px dotted grey; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
|
||||
|
#contentright { |
||||
|
margin-left:40%; |
||||
|
} |
||||
|
|
||||
|
#footerpanel { |
||||
|
border-top: 5px solid #EFEFEF; |
||||
|
clear:both; |
||||
|
margin-top:10px; |
||||
|
padding-top: 5px; |
||||
|
} |
||||
|
|
||||
|
#headpanel h2 { |
||||
|
font-family: "Times New Roman",Times,serif; |
||||
|
font-weight: normal; |
||||
|
color: #222222; |
||||
|
margin-bottom: 1em; |
||||
|
font-size: 14pt; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
text-decoration: none; |
||||
|
color: #4D87C7; |
||||
|
} |
||||
|
|
||||
|
a:visited { |
||||
|
color: #003366; |
||||
|
} |
||||
|
|
||||
|
a:focus, a:hover, a:active { |
||||
|
text-decoration: underline; |
||||
|
color: #182E7A; |
||||
|
} |
||||
|
Before Width: 12 | Height: 13 | Size: 66 B |
|
Before Width: 50 | Height: 16 | Size: 633 B |
|
Before Width: 61 | Height: 16 | Size: 673 B |
|
Before Width: 29 | Height: 18 | Size: 4.6 KiB |
|
Before Width: 29 | Height: 18 | Size: 713 B |
|
Before Width: 29 | Height: 18 | Size: 1.1 KiB |
|
Before Width: 29 | Height: 18 | Size: 1.1 KiB |
|
Before Width: 29 | Height: 18 | Size: 1.1 KiB |
|
Before Width: 29 | Height: 18 | Size: 707 B |
|
Before Width: 29 | Height: 18 | Size: 707 B |
|
Before Width: 29 | Height: 18 | Size: 721 B |
|
Before Width: 29 | Height: 18 | Size: 1.0 KiB |
|
Before Width: 29 | Height: 18 | Size: 724 B |
|
Before Width: 29 | Height: 18 | Size: 720 B |
|
Before Width: 29 | Height: 18 | Size: 721 B |
|
Before Width: 23 | Height: 14 | Size: 430 B |
|
Before Width: 18 | Height: 14 | Size: 413 B |
|
Before Width: 23 | Height: 14 | Size: 435 B |
|
Before Width: 18 | Height: 14 | Size: 413 B |
|
Before Width: 18 | Height: 14 | Size: 385 B |
|
Before Width: 23 | Height: 14 | Size: 402 B |
|
Before Width: 18 | Height: 14 | Size: 390 B |
@ -1,147 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML-Addon: Microformats Support |
|
||||
* (de) YAML-Addon: Unterstützung für Microformate |
|
||||
* |
|
||||
* @note Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* hCards + hCalendars */ |
|
||||
|
|
||||
.vcard, |
|
||||
.vevent { |
|
||||
border: 2px solid #e0e7b8 !important; |
|
||||
padding: 30px 5px 5px 5px !important; |
|
||||
-moz-border-radius: 8px; |
|
||||
-webkit-border-radius: 8px; |
|
||||
border-radius: 8px; |
|
||||
margin: 5px 0 !important; |
|
||||
/* small IE-Fix for background images */ |
|
||||
zoom:1; |
|
||||
} |
|
||||
|
|
||||
span.vcard, |
|
||||
span.vevent { |
|
||||
padding: 2px 1px 2px 70px !important; |
|
||||
margin: 0 2px 0 !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.vcard { background:#f8f8ec url(images/hcard.png) 5px 5px no-repeat !important; } |
|
||||
.vcard a { padding-left: 11px; background:url(images/external_link.gif) top left no-repeat; color: #679A06; } |
|
||||
.vcard .adr { display: block; margin: 0.5em 0; } |
|
||||
.vcard .email { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; } |
|
||||
|
|
||||
.vevent { background:#f8f8ec url(images/hcalendar.png) 5px 5px no-repeat !important; } |
|
||||
.vevent a { padding-left: 11px; background:url(images/external_link.gif) top left no-repeat; color: #679A06; } |
|
||||
.vevent p { margin-bottom:0.5em; } |
|
||||
|
|
||||
.vevent .description { display: block; margin-top: 1em; } |
|
||||
.vevent .location { display: block; color: #679A06; } |
|
||||
.vevent .summary { display: block; color: #679A06; font-weight: bold; } |
|
||||
|
|
||||
/* XFN relationship */ |
|
||||
|
|
||||
a.xfnRelationship { |
|
||||
padding-right: 26px; background: url(images/xfn/xfn-small.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="colleague"], |
|
||||
a.xfnRelationship[rel~="co-worker"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-colleague.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="met"] |
|
||||
{ |
|
||||
padding-right: 32px; |
|
||||
background: url(images/icon-xfn.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
a.xfnRelationship[rel~="colleague"][rel~="met"], |
|
||||
a.xfnRelationship[rel~="co-worker"][rel~="met"] |
|
||||
{ |
|
||||
padding-right: 26px; |
|
||||
background: url(images/xfn/xfn-colleague-met.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="friend"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-friend.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="friend"][rel~="met"] |
|
||||
{ |
|
||||
padding-right: 26px; |
|
||||
background: url(images/xfn/xfn-friend-met.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="sweetheart"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-sweetheart.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="sweetheart"][rel~="met"] |
|
||||
{ |
|
||||
padding-right: 26px; |
|
||||
background: url(images/xfn/xfn-sweetheart-met.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="child"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-child.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="parent"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-parent.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="spouse"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn//xfn-spouse.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
a.xfnRelationship[rel~="me"] |
|
||||
{ |
|
||||
padding-right: 21px; |
|
||||
background: url(images/xfn/xfn-me.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* rel-tag */ |
|
||||
|
|
||||
a[rel~="tag"] |
|
||||
{ |
|
||||
padding-right: 32px; |
|
||||
background: url(images/icon-rel-tag.png) no-repeat right; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* geo */ |
|
||||
|
|
||||
abbr[class~="geo"] |
|
||||
{ |
|
||||
padding-right: 32px; |
|
||||
background: url(images/icon-geo.png) no-repeat right; |
|
||||
border: none; |
|
||||
cursor: default; |
|
||||
} |
|
||||
@ -1,92 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML core RTL stylesheet |
|
||||
* (de) YAML Basis-RTL-Stylesheet |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be placed in any css-file in your own stylesheet folder. |
|
||||
* |
|
||||
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* @section browser reset |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|
||||
* |
|
||||
* Changing direction of text flow, paddings & margins ... |
|
||||
*/ |
|
||||
|
|
||||
option { padding: 0 0.4em 0 0; } |
|
||||
|
|
||||
body { |
|
||||
text-align: right; |
|
||||
direction: rtl; |
|
||||
} |
|
||||
|
|
||||
ul, ol, dl { margin: 0 1em 1em 0; } |
|
||||
li { |
|
||||
margin-left: 0; |
|
||||
margin-right: 0.8em; |
|
||||
} |
|
||||
|
|
||||
dd { margin: 0 0.8em 1em 0; } |
|
||||
blockquote, cite { margin: 0 0.8em 1em 0; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section base layout | Basis Layout |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|
||||
* |
|
||||
* Changing positions of #topnav container when paced within #header |
|
||||
*/ |
|
||||
|
|
||||
#header #topnav { |
|
||||
left: 10px; |
|
||||
right: 0; |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers |
|
||||
* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected Firefox, Safari, IE 5.x - IE7 |
|
||||
* @css-for all |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.skip, .hideme, .print, dfn { |
|
||||
left: 0; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section miscellaneous |
|
||||
* |
|
||||
* (en) CSS-class for ltr-content (left to right) within a rtl website |
|
||||
* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite |
|
||||
*/ |
|
||||
|
|
||||
.text-ltr { |
|
||||
direction: ltr; |
|
||||
text-align: left; |
|
||||
} |
|
||||
} |
|
||||
@ -1,37 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML core RTL stylesheet - structure-independent bugfixes of IE/Win CSS-bugs |
|
||||
* (de) YAML Basis-RTL-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be added to a separate patch-file. |
|
||||
* |
|
||||
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* (en) Workaround for misplaced floating navigation lists |
|
||||
* (de) Workaround behebt deplatzierte floatende Navigationselemente |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
#nav { direction:ltr; } |
|
||||
#nav * { direction:rtl; } |
|
||||
} |
|
||||
@ -1,15 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* "Yet Another Multicolumn Layout" v3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de) |
|
||||
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */ |
|
||||
@media all { |
|
||||
option{padding:0 .4em 0 0} |
|
||||
body{text-align:right;direction:rtl} |
|
||||
ul,ol,dl{margin:0 1em 1em 0} |
|
||||
li{margin-left:0;margin-right:.8em} |
|
||||
dd{margin:0 .8em 1em 0} |
|
||||
blockquote,cite{margin:0 .8em 1em 0} |
|
||||
#header #topnav{left:10px;right:auto;text-align:left} |
|
||||
.skip,.hideme,.print,dfn{left:0} |
|
||||
.text-ltr{direction:ltr;text-align:left} |
|
||||
} |
|
||||
|
|
||||
@ -1,8 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* "Yet Another Multicolumn Layout" v3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de) |
|
||||
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */ |
|
||||
@media all |
|
||||
{ |
|
||||
#nav{direction:ltr} |
|
||||
#nav *{direction:rtl} |
|
||||
} |
|
||||
@ -1,49 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) RTL Horizontal list navigation "Shiny Buttons" |
|
||||
* (de) RTL Horizontale Navigationsliste "Shiny Buttons" |
|
||||
* |
|
||||
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* (en) Workaround disappearing list elements on hover |
|
||||
* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.hlist * { direction:ltr !important; } |
|
||||
.hlist a, .hlist strong { direction:rtl !important; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.hlist ul { |
|
||||
position:relative; |
|
||||
float:right; |
|
||||
/* (en) Left margin of the first button */ |
|
||||
/* (de) Abstand des ersten Buttons vom linken Rand */ |
|
||||
margin-left: 0; /* Reset LTR */ |
|
||||
margin-right: 50px; |
|
||||
} |
|
||||
|
|
||||
.hlist ul li { |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
@ -1,44 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) RTL Horizontal list navigation based on "Sliding Door II" from von "A List Apart" |
|
||||
* (de) RTL Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart" |
|
||||
* |
|
||||
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* (en) Workaround disappearing list elements on hover |
|
||||
* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.hlist * { direction:ltr !important; } |
|
||||
.hlist a, .hlist strong { direction:rtl !important; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.hlist ul { |
|
||||
padding: 0 50px 0 0; |
|
||||
} |
|
||||
|
|
||||
.hlist li { |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
@ -1,62 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Vertical RTL list navigation "vlist" |
|
||||
* (de) Vertikale RTL-Navigationsliste "vlist" |
|
||||
* |
|
||||
* @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/* Menu Title */ |
|
||||
h6.vlist { |
|
||||
padding-left: 0px; |
|
||||
padding-right: 10%; |
|
||||
} |
|
||||
|
|
||||
.vlist { text-align: right; } |
|
||||
.vlist li { float:right; } |
|
||||
|
|
||||
/* Level 1 */ |
|
||||
.vlist a, |
|
||||
.vlist strong, |
|
||||
.vlist span { |
|
||||
padding-left: 0px; |
|
||||
padding-right: 10%; |
|
||||
} |
|
||||
|
|
||||
/* Level 2 */ |
|
||||
.vlist li ul li a, |
|
||||
.vlist li ul li strong, |
|
||||
.vlist li ul li span { |
|
||||
padding-left: 0px; |
|
||||
padding-right: 20%; |
|
||||
} |
|
||||
|
|
||||
/* Level 3 */ |
|
||||
.vlist li ul li ul li a, |
|
||||
.vlist li ul li ul li strong, |
|
||||
.vlist li ul li ul li span { |
|
||||
padding-left: 0px; |
|
||||
padding-right: 30%; |
|
||||
} |
|
||||
|
|
||||
/* Level 4 */ |
|
||||
.vlist li ul li ul li ul li a, |
|
||||
.vlist li ul li ul li ul li strong, |
|
||||
.vlist li ul li ul li ul li span { |
|
||||
padding-left: 0px; |
|
||||
padding-right: 40%; |
|
||||
} |
|
||||
} |
|
||||
@ -1,27 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) draft for a central stylesheet |
|
||||
* (de) Vorlage für ein zentrales Stylesheets |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import core styles | Basis-Stylesheets einbinden */ |
|
||||
@import url(/yaml/core/base.css); |
|
||||
|
|
||||
/* import screen layout | Screen-Layout einbinden */ |
|
||||
/* @import url(/yaml/navigation/nav_shinybuttons.css); |
|
||||
@import url(/css/screen/basemod.css); |
|
||||
@import url(/css/screen/content.css); */ |
|
||||
|
|
||||
/* import print layout | Druck-Layout einbinden */ |
|
||||
/* @import url(/css/print/print_003.css); */ |
|
||||
@ -1,223 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML core stylesheet |
|
||||
* (de) YAML Basis-Stylesheet |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be placed in any css-file in your own stylesheet folder. |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
|
|
||||
/** |
|
||||
* @section browser reset |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|
||||
*/ |
|
||||
|
|
||||
/* (en) Global reset of paddings and margins for all HTML elements */ |
|
||||
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ |
|
||||
* { margin:0; padding: 0; } |
|
||||
|
|
||||
/* (en) Correction: margin/padding reset caused too small select boxes. */ |
|
||||
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ |
|
||||
option { padding-left: 0.4em; } /* LTR */ |
|
||||
select { padding: 1px; } |
|
||||
|
|
||||
/** |
|
||||
* (en) Global fix of the Italics bugs in IE 5.x and IE 6 |
|
||||
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
* html body * { overflow:visible; } |
|
||||
* html iframe, * html frame { overflow:auto; } |
|
||||
* html frameset { overflow:hidden; } |
|
||||
|
|
||||
/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */ |
|
||||
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ |
|
||||
html { height: 100%; margin-bottom: 1px; } |
|
||||
body { |
|
||||
/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ |
|
||||
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ |
|
||||
font-size: 100.01%; |
|
||||
|
|
||||
/* (en) Standard values for colors and text alignment */ |
|
||||
/* (de) Vorgabe der Standardfarben und Textausrichtung */ |
|
||||
color: #000; |
|
||||
background: #fff; |
|
||||
text-align: left; /* LTR */ |
|
||||
} |
|
||||
|
|
||||
/* (en) Clear borders for <fieldset> and <img> elements */ |
|
||||
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */ |
|
||||
fieldset, img { border: 0 solid; } |
|
||||
|
|
||||
/* (en) new standard values for lists, blockquote and cite */ |
|
||||
/* (de) Neue Standardwerte für Listen & Zitate */ |
|
||||
ul, ol, dl { margin: 0 0 1em 1em } /* LTR */ |
|
||||
li { |
|
||||
margin-left: 0.8em; /* LTR */ |
|
||||
line-height: 1.5em; |
|
||||
} |
|
||||
|
|
||||
dt { font-weight: bold; } |
|
||||
dd { margin: 0 0 1em 0.8em; } /* LTR */ |
|
||||
|
|
||||
blockquote { margin: 0 0 1em 0.8em; } /* LTR */ |
|
||||
|
|
||||
blockquote:before, blockquote:after, |
|
||||
q:before, q:after { content: ""; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section base layout | Basis Layout |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html |
|
||||
* |
|
||||
* |-------------------------------| |
|
||||
* | #header | |
|
||||
* |-------------------------------| |
|
||||
* | #col1 | #col3 | #col2 | |
|
||||
* | 200 px | flexible | 200px | |
|
||||
* |-------------------------------| |
|
||||
* | #footer | |
|
||||
* |-------------------------------| |
|
||||
*/ |
|
||||
|
|
||||
#header { position:relative; } |
|
||||
|
|
||||
/* (en) Text Alignment for #topnav content */ |
|
||||
/* (de) Textausrichtung für #topnav Inhalte */ |
|
||||
#topnav { text-align: right; } /* LTR */ |
|
||||
|
|
||||
/* (en) Absolute positioning only within #header */ |
|
||||
/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */ |
|
||||
#header #topnav { |
|
||||
position:absolute; |
|
||||
top: 10px; |
|
||||
right: 10px; /* LTR */ |
|
||||
} |
|
||||
|
|
||||
/* (en) Backup for correct positioning */ |
|
||||
/* (de) Absicherung korrekte Positionierung */ |
|
||||
#header, #nav, #main, #footer { clear:both; } |
|
||||
|
|
||||
/* (en/de) Standard: 200 Pixel */ |
|
||||
#col1 { float: left; width: 200px } |
|
||||
/* (en/de) Standard: 200 Pixel */ |
|
||||
#col2 { float:right; width: 200px } |
|
||||
/* (en) Standard: center column with flexible width */ |
|
||||
/* (de) Standard: Flexible mittlere Spalte */ |
|
||||
#col3 { width:auto; margin: 0 200px } |
|
||||
|
|
||||
/* (en) Preparation for absolute positioning within content columns */ |
|
||||
/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ |
|
||||
#col1_content, #col2_content, #col3_content { position:relative; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section clearing methods |
|
||||
* @see http://yaml.de/en/documentation/basics/general.html |
|
||||
*/ |
|
||||
|
|
||||
/* (en) clearfix method for clearing floats */ |
|
||||
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ |
|
||||
.clearfix:after { |
|
||||
content: "."; |
|
||||
display: block; |
|
||||
font-size:0; |
|
||||
height: 0; |
|
||||
clear: both; |
|
||||
visibility: hidden; |
|
||||
} |
|
||||
|
|
||||
/* (en) essential for Safari browser !! */ |
|
||||
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */ |
|
||||
.clearfix { display: block; } |
|
||||
|
|
||||
/* (en) overflow method for clearing floats */ |
|
||||
/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */ |
|
||||
.floatbox { overflow:hidden; } |
|
||||
|
|
||||
/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */ |
|
||||
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ |
|
||||
#ie_clearing { display: none; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section subtemplates |
|
||||
* @see http://www.yaml.de/en/documentation/practice/subtemplates.html |
|
||||
*/ |
|
||||
|
|
||||
.subcolumns { width: 100%; overflow:hidden; } |
|
||||
|
|
||||
/* (en) alternative class for optional support of old Mozilla/Netscape browers */ |
|
||||
/* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */ |
|
||||
.subcolumns_oldgecko { width: 100%; float:left; } |
|
||||
|
|
||||
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; } |
|
||||
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; } |
|
||||
|
|
||||
.c25l, .c25r { width: 25%; } |
|
||||
.c33l, .c33r { width: 33.333%; } |
|
||||
.c50l, .c50r { width: 50%; } |
|
||||
.c66l, .c66r { width: 66.666%; } |
|
||||
.c75l, .c75r { width: 75%; } |
|
||||
.c38l, .c38r { width: 38.2%; } |
|
||||
.c62l, .c62r { width: 61.8%; } |
|
||||
|
|
||||
.subc { padding: 0 0.5em; } |
|
||||
.subcl { padding: 0 1em 0 0; } |
|
||||
.subcr { padding: 0 0 0 1em; } |
|
||||
|
|
||||
.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; } |
|
||||
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l, |
|
||||
.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r, |
|
||||
.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r { |
|
||||
display:table-cell; vertical-align:top; |
|
||||
float:none; margin:0; overflow:hidden; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section hidden elements | Versteckte Elemente |
|
||||
* @see http://www.yaml.de/en/documentation/basics/skip-links.html |
|
||||
* |
|
||||
* (en) skip links and hidden content |
|
||||
* (de) Skip-Links und versteckte Inhalte |
|
||||
*/ |
|
||||
|
|
||||
/* (en) classes for invisible elements in the base layout */ |
|
||||
/* (de) Klassen für unsichtbare Elemente im Basislayout */ |
|
||||
.skip, .hideme, .print, dfn { |
|
||||
position: absolute; |
|
||||
left: -1000em; /* LTR */ |
|
||||
top: -1000em; |
|
||||
} |
|
||||
|
|
||||
/* (en) make skip links visible when using tab navigation */ |
|
||||
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */ |
|
||||
.skip:focus, .skip:active { |
|
||||
position: static; |
|
||||
left: 0; |
|
||||
top:0; |
|
||||
} |
|
||||
} |
|
||||
@ -1,365 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs |
|
||||
* (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be added to a separate patch-file. |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
* @appdef yaml |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* (en) Debugging: When you see a green background, IE is getting this stylesheet |
|
||||
* (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde |
|
||||
* |
|
||||
* @debug |
|
||||
* @app-yaml-default disabled |
|
||||
*/ |
|
||||
|
|
||||
/* body { background: #0f0; background-image: none; } */ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari) |
|
||||
* (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari) |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
html { height: auto; margin-bottom:0; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements |
|
||||
* (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid no |
|
||||
*/ |
|
||||
|
|
||||
* html textarea { overflow:scroll; overflow-x: hidden; } |
|
||||
* html input { overflow: hidden; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Stability fixes with 'position:relative' |
|
||||
* (de) Stabilitätsverbesserungen durch 'position:relative' |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
body { position:relative; } /* Essential in IE7 for correct layout scaling ... */ |
|
||||
* html body { position:static; } /* ... but not for IE5.x and IE6 */ |
|
||||
#main { position: relative; } /* helpful for several problems in older IE versions*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Clearfix Method for containing floats in IE |
|
||||
* (de) Clearfix-Anpassung für diverse IE-Versionen |
|
||||
* |
|
||||
* @workaround |
|
||||
* @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28 |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.clearfix { display: inline-block; } /* ... especial for IE7 */ |
|
||||
.clearfix { display: block; } /* ... für IE5,IE6,IE7 */ |
|
||||
* html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Adjustment of .floatbox class for IE |
|
||||
* (de) Anpassung der .floatbox-Klasse für IE |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.floatbox { width:100%; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Special class for oversized content element |
|
||||
* (de) Spezielle Klasse für übergroße Inhaltselemente |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.slidebox { |
|
||||
position:relative; |
|
||||
margin-right: -1000px; |
|
||||
height: 1%; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en): Bugfix for partially displayed column separators |
|
||||
* (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
* html #col1, |
|
||||
* html #col2, |
|
||||
* html #col3 { position:relative; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Preventing several css bugs by forcing "hasLayout" |
|
||||
* (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout" |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid no |
|
||||
*/ |
|
||||
|
|
||||
body { height: 1%; } |
|
||||
#page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */ |
|
||||
#page_margins, #page, .page_margins, .page { height: 1%; } /* IE 5.x */ |
|
||||
* html #header, * html #nav, * html #main, * html #footer { width: 100%; } /* IE 5.x & IE6 */ |
|
||||
* html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6 */ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Disappearing List-Background Bug |
|
||||
* @see http://www.positioniseverything.net/explorer/ie-listbug.html |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
* html ul, * html ol, * html dl { position: relative; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* List-Numbering Bug |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
body ol li { display:list-item; } |
|
||||
|
|
||||
/** |
|
||||
* Form related bugfixes |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid no |
|
||||
*/ |
|
||||
fieldset, legend { position:relative; } |
|
||||
/* global fixes for YAML's form construction set */ |
|
||||
form.yform, |
|
||||
form.yform div, |
|
||||
form.yform div * { zoom:1; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear |
|
||||
* Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the |
|
||||
* longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed |
|
||||
* in YAML. |
|
||||
* |
|
||||
* (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear |
|
||||
* Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout |
|
||||
* wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt |
|
||||
* sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen. |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid no |
|
||||
*/ |
|
||||
|
|
||||
html #ie_clearing { |
|
||||
/* (en) Only a small help for debugging */ |
|
||||
/* (de) Nur eine kleine Hilfe zur Fehlersuche */ |
|
||||
position:static; |
|
||||
|
|
||||
/* (en) Make container visible in IE */ |
|
||||
/* (de) Container sichtbar machen im IE */ |
|
||||
display:block; |
|
||||
|
|
||||
/* (en) No fix possible in IE5.x, normal clearing used instead */ |
|
||||
/* (de) Kein Fix im IE5.x möglich, daher normales Clearing */ |
|
||||
\clear:both; |
|
||||
|
|
||||
/* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/ |
|
||||
/* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */ |
|
||||
width: 100%; |
|
||||
font-size:0px; |
|
||||
margin: -2px 0 -1em 1px; |
|
||||
} |
|
||||
|
|
||||
* html #ie_clearing { margin: -2px 0 -1em 0; } |
|
||||
#col3_content {margin-bottom:-2px; } |
|
||||
|
|
||||
/* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */ |
|
||||
/* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */ |
|
||||
html { margin-right: 1px; } |
|
||||
* html { margin-right: 0 } |
|
||||
|
|
||||
/* (en) Bugfix: Essential for IE7 */ |
|
||||
/* (de) Bugfix: Notwendig im IE7 */ |
|
||||
#col3 { position:relative; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* IE z-index-Fix |
|
||||
* brings #col1 and #col2 in front of #col3 |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected all IE |
|
||||
* @css-for all IE |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
*+html #col3 { z-index: -1; } |
|
||||
* html #col1, * html #col2 { z-index: 1; } |
|
||||
* html #col3 { z-index:auto; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* IE/Win Guillotine Bug |
|
||||
* @see http://www.positioniseverything.net/explorer/guillotine.html |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
* html body a, * html body a:hover { background-color: transparent; } |
|
||||
|
|
||||
} |
|
||||
|
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/** |
|
||||
* (en) IE-Adjustments for content columns and subtemplates |
|
||||
* (de) IE-Anpassung für Spaltencontainer und Subtemplates |
|
||||
* |
|
||||
* Doubled Float-Margin Bug |
|
||||
* @see http://positioniseverything.net/explorer/doubled-margin.html |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
#col1, #col2 { display:inline; } |
|
||||
|
|
||||
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, |
|
||||
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } |
|
||||
|
|
||||
/* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */ |
|
||||
* html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; } |
|
||||
.equalize, .equalize .subcolumns { overflow:hidden; display:block; } |
|
||||
|
|
||||
/* transform CSS tables back into floats */ |
|
||||
.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l { |
|
||||
float: left; display:inline; |
|
||||
padding-bottom: 32767px; |
|
||||
margin-bottom: -32767px; |
|
||||
} |
|
||||
.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r { |
|
||||
float: right; margin-left: -5px; display:inline; |
|
||||
padding-bottom: 32767px; |
|
||||
margin-bottom: -32767px; |
|
||||
} |
|
||||
|
|
||||
.no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l, |
|
||||
.no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r { |
|
||||
padding-bottom: 0; |
|
||||
margin-bottom: 0; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Internet Explorer and the Expanding Box Problem |
|
||||
* @see http://www.positioniseverything.net/explorer/expandingboxbug.html |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6 |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
* html #col1_content, |
|
||||
* html #col2_content, |
|
||||
* html #col3_content { word-wrap: break-word; } |
|
||||
|
|
||||
/* trigger hasLayout to force containing content */ |
|
||||
.subc, .subcl, .subcr { height: 1%; } |
|
||||
|
|
||||
/* avoid growing widths */ |
|
||||
* html .subc, |
|
||||
* html .subcl, |
|
||||
* html .subcr { word-wrap: break-word; overflow:hidden; } |
|
||||
} |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* (en) Avoid unneeded page breaks of #col3 content in print layout. |
|
||||
* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3. |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
#col3 { height: 1%; } |
|
||||
} |
|
||||
@ -1,98 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML core stylesheet - print layout |
|
||||
* (de) YAML Core-Stylesheet - Druck Layout |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be added to 'print_xyz_draft.css' drafts from 'yaml/print/' folder. |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section basic layout preparation |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
/* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */ |
|
||||
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */ |
|
||||
body { font-size: 10pt; } |
|
||||
|
|
||||
/* (en) Reset Scrollbar-Fix for FF in screenlayout */ |
|
||||
/* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */ |
|
||||
html { height: auto; margin-bottom: 0; } |
|
||||
|
|
||||
/* (en) Hide unneeded container of the screenlayout in print layout */ |
|
||||
/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ |
|
||||
#topnav, #nav, #search { display: none; } |
|
||||
|
|
||||
/* (en) Disable background graphics of links */ |
|
||||
/* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */ |
|
||||
body a[href^="http:"], |
|
||||
body a[href^="https:"] { |
|
||||
padding-left: 0; |
|
||||
background-image: none; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* (en) overflow:hidden Bug in print layouts |
|
||||
* (de) overflow:hidden Bug in Drucklayouts |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @since 3.0 |
|
||||
* @affected FF2.0, FF3.0, IE7 |
|
||||
* @css-for all browsers |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
.floatbox, |
|
||||
.subcolumns, |
|
||||
.subcolums_oldgecko { overflow:visible; display: table; } |
|
||||
|
|
||||
/* (en) Linearising subtemplates */ |
|
||||
/* (de) Linearisierung der Subtemplates */ |
|
||||
.c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l, |
|
||||
.c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r { |
|
||||
width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important; |
|
||||
} |
|
||||
.subc, .subcl, .subcr { margin: 0; padding: 0; } |
|
||||
|
|
||||
/* (en) make .print class visible */ |
|
||||
/* (de) .print-Klasse sichtbar schalten */ |
|
||||
.print { position: static; left: 0; } |
|
||||
|
|
||||
/* (en) generic class to hide elements for print */ |
|
||||
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */ |
|
||||
.noprint { display:none !important; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) Avoid page breaks right after headings */ |
|
||||
/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */ |
|
||||
h1,h2,h3,h4,h5,h6 { page-break-after:avoid; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) Preparation for optional column labels */ |
|
||||
/* (de) optionale Spaltenauszeichnung */ |
|
||||
|
|
||||
#col1_content:before, #col2_content:before, #col3_content:before { |
|
||||
content: ""; |
|
||||
color:#888; |
|
||||
background:inherit; |
|
||||
display:block; |
|
||||
font-weight:bold; |
|
||||
font-size:1.5em; |
|
||||
} |
|
||||
} |
|
||||
@ -1,50 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de) |
|
||||
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */ |
|
||||
@media all { |
|
||||
*{margin:0;padding:0} |
|
||||
option{padding-left:.4em} |
|
||||
select{padding:1px} |
|
||||
* html body *{overflow:visible} |
|
||||
* html iframe,* html frame{overflow:auto} |
|
||||
* html frameset{overflow:hidden} |
|
||||
html{height:100%;margin-bottom:1px} |
|
||||
body{font-size:100.01%;color:#000;background:#fff;text-align:left} |
|
||||
fieldset,img{border:0 solid} |
|
||||
ul,ol,dl{margin:0 0 1em 1em} |
|
||||
li{margin-left:.8em;line-height:1.5em} |
|
||||
dt{font-weight:700} |
|
||||
dd{margin:0 0 1em .8em} |
|
||||
blockquote{margin:0 0 1em .8em} |
|
||||
blockquote:before,blockquote:after,q:before,q:after{content:""} |
|
||||
#header{position:relative} |
|
||||
#topnav{text-align:right} |
|
||||
#header #topnav{position:absolute;top:10px;right:10px} |
|
||||
#header,#nav,#main,#footer{clear:both} |
|
||||
#col1{float:left;width:200px} |
|
||||
#col2{float:right;width:200px} |
|
||||
#col3{width:auto;margin:0 200px} |
|
||||
#col1_content,#col2_content,#col3_content{position:relative} |
|
||||
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden} |
|
||||
.clearfix{display:block} |
|
||||
.floatbox{overflow:hidden} |
|
||||
#ie_clearing{display:none} |
|
||||
.subcolumns{width:100%;overflow:hidden} |
|
||||
.subcolumns_oldgecko{width:100%;float:left} |
|
||||
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left} |
|
||||
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px} |
|
||||
.c25l,.c25r{width:25%} |
|
||||
.c33l,.c33r{width:33.333%} |
|
||||
.c50l,.c50r{width:50%} |
|
||||
.c66l,.c66r{width:66.666%} |
|
||||
.c75l,.c75r{width:75%} |
|
||||
.c38l,.c38r{width:38.2%} |
|
||||
.c62l,.c62r{width:61.8%} |
|
||||
.subc{padding:0 .5em} |
|
||||
.subcl{padding:0 1em 0 0} |
|
||||
.subcr{padding:0 0 0 1em} |
|
||||
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed} |
|
||||
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden} |
|
||||
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em} |
|
||||
.skip:focus,.skip:active{position:static;left:0;top:0} |
|
||||
} |
|
||||
@ -1,47 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de) |
|
||||
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */ |
|
||||
@media all { |
|
||||
html{height:auto;margin-bottom:0;margin-right:1px} |
|
||||
* html textarea{overflow:scroll;overflow-x:hidden} |
|
||||
* html input{overflow:hidden} |
|
||||
body{position:relative;height:1%} |
|
||||
* html body{position:static} |
|
||||
#main{position:relative} |
|
||||
.clearfix{display:block} |
|
||||
* html .clearfix{height:1%} |
|
||||
.floatbox{width:100%} |
|
||||
.slidebox{position:relative;margin-right:-1000px;height:1%} |
|
||||
* html #col1,* html #col2,* html #col3{position:relative} |
|
||||
#page_margins,#page,.page_margins,.page,#header,#nav,#main,#footer{zoom:1} |
|
||||
#page_margins,#page,.page_margins,.page{height:1%} |
|
||||
* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto} |
|
||||
* html ul,* html ol,* html dl{position:relative} |
|
||||
body ol li{display:list-item} |
|
||||
fieldset,legend{position:relative} |
|
||||
form.yform,form.yform div,form.yform div *{zoom:1} |
|
||||
html #ie_clearing{position:static;display:block;\clear:both;width:100%;font-size:0;margin:-2px 0 -1em 1px} |
|
||||
* html #ie_clearing{margin:-2px 0 -1em} |
|
||||
#col3_content{margin-bottom:-2px} |
|
||||
* html{margin-right:0} |
|
||||
#col3{position:relative} |
|
||||
*+html #col3 {z-index:-1} |
|
||||
* html #col1,* html #col2 {z-index:1} |
|
||||
* html #col3 {z-index:auto} |
|
||||
* html body a,* html body a:hover{background-color:transparent} |
|
||||
} |
|
||||
@media screen,projection { |
|
||||
#col1,#col2{display:inline} |
|
||||
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l,.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{display:inline} |
|
||||
* html .equalize,* html .equalize .subcolumns{overflow:visible;display:block} |
|
||||
.equalize,.equalize .subcolumns{overflow:hidden;display:block} |
|
||||
.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px} |
|
||||
.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px} |
|
||||
.no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,.no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r{padding-bottom:0;margin-bottom:0} |
|
||||
* html #col1_content,* html #col2_content,* html #col3_content{word-wrap:break-word} |
|
||||
.subc,.subcl,.subcr{height:1%} |
|
||||
* html .subc,* html .subcl,* html .subcr{word-wrap:break-word;overflow:hidden} |
|
||||
} |
|
||||
@media print { |
|
||||
#col3{height:1%} |
|
||||
} |
|
||||
@ -1,16 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de) |
|
||||
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */ |
|
||||
@media print { |
|
||||
body{font-size:10pt} |
|
||||
html{height:auto;margin-bottom:0} |
|
||||
#topnav,#nav,#search{display:none} |
|
||||
body a[href^="http:"],body a[href^="https:"]{padding-left:0;background-image:none} |
|
||||
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table} |
|
||||
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important} |
|
||||
.subc,.subcl,.subcr{margin:0;padding:0} |
|
||||
.print{position:static;left:0} |
|
||||
.noprint{display:none!important} |
|
||||
h1,h2,h3,h4,h5,h6{page-break-after:avoid} |
|
||||
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em} |
|
||||
} |
|
||||
@ -1,197 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) YAML debugging stylesheet |
|
||||
* (de) YAML Stylesheet zur Fehlersuche |
|
||||
* |
|
||||
* Don't make any changes in this file! |
|
||||
* Your changes should be placed in any css-file in your own stylesheet folder. |
|
||||
* |
|
||||
* @note: Many thanks to Tomas Caspers (http://www.tomascaspers.de/) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* @section layout preparation for debugging |
|
||||
* @see http://www.yaml.de/en/documentation/practice/drafting-and-debugging.html |
|
||||
*/ |
|
||||
|
|
||||
/* Adding debugging background */ |
|
||||
body { padding-top: 10px !important; background: transparent url("images/grid_pattern.png") top left no-repeat fixed !important; } |
|
||||
|
|
||||
/* CSS-Warning, if core stylesheet 'iehacks.css' is missing in the layout */ |
|
||||
*+html #ie_clearing { display:block; } /* IE7 */ |
|
||||
* html #ie_clearing { display:block; } /* IE 5.x & 6 */ |
|
||||
|
|
||||
#ie_clearing { |
|
||||
width: 500px; |
|
||||
font-size: 25px; |
|
||||
position:absolute; |
|
||||
top: -2px; |
|
||||
left:0px; |
|
||||
background: url("images/warning_iehacks.png") top left no-repeat; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* @section pixel grid |
|
||||
*/ |
|
||||
|
|
||||
.bg_grid { |
|
||||
background-image:url("images/grid_pattern.png") !important; |
|
||||
background-repeat:no-repeat; |
|
||||
background-position:top left !important; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* @section transparency |
|
||||
*/ |
|
||||
|
|
||||
.transOFF { -moz-opacity: 1.0; opacity: 1.0; filter: alpha(Opacity=100);} |
|
||||
.trans50, |
|
||||
.transON { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);} |
|
||||
.trans25 { -moz-opacity: 0.25; opacity: 0.25; filter: alpha(Opacity=25);} |
|
||||
.trans75 { -moz-opacity: 0.75; opacity: 0.75; filter: alpha(Opacity=75);} |
|
||||
|
|
||||
/** |
|
||||
* @section colors |
|
||||
*/ |
|
||||
|
|
||||
.bg_red { background-color: #f00 !important;} |
|
||||
.bg_blue { background-color: #00f !important;} |
|
||||
.bg_green { background-color: #0f0 !important;} |
|
||||
|
|
||||
/** |
|
||||
* @visualize semantic structure |
|
||||
* |
|
||||
*/ |
|
||||
|
|
||||
div[id] { padding: 0 !important; margin: 0 -1px; border: 1px #000 solid !important; } |
|
||||
div[class] { padding: 0 !important; margin: 0 -1px; border: 1px #000 solid !important; } |
|
||||
|
|
||||
div[id]:before, |
|
||||
div[class]:before { |
|
||||
display:block; |
|
||||
text-align:left; |
|
||||
color: #fff; |
|
||||
padding: 2px; |
|
||||
font: normal 11px "Lucida console", monospace; |
|
||||
} |
|
||||
|
|
||||
div[id]:before { |
|
||||
background: #800; |
|
||||
content: "[div id='"attr(id)"']"; |
|
||||
} |
|
||||
|
|
||||
div[class]:before { |
|
||||
background: #a44; |
|
||||
content: "[div class='"attr(class)"']"; |
|
||||
} |
|
||||
|
|
||||
div[id][class]:before { |
|
||||
background: #800; |
|
||||
content: "[div id='"attr(id)"' class='"attr(class)"']"; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
div[class="floatbox"] { background: #f4f4f4; } |
|
||||
div[class="floatbox"]:before { |
|
||||
display:block; |
|
||||
color: #fff; |
|
||||
padding: 2px; |
|
||||
font: normal 11px "Lucida console", monospace; |
|
||||
background: #66a; |
|
||||
content: "[div class='"attr(class)"']"; |
|
||||
} |
|
||||
|
|
||||
div[class="subcolumns"] { background: #f8f8f8; color: #000 !important; } |
|
||||
div[class="subcolumns"]:before { |
|
||||
display:block; |
|
||||
color: #fff; |
|
||||
padding: 2px; |
|
||||
font: normal 11px "Lucida console", monospace; |
|
||||
background: #444; |
|
||||
content: "[div ."attr(class)"]"; |
|
||||
} |
|
||||
|
|
||||
div[class="subcolumns"] > div:before { |
|
||||
display:block; |
|
||||
color: #fff; |
|
||||
padding: 2px; |
|
||||
font: normal 11px "Lucida console", monospace; |
|
||||
background: #080; |
|
||||
content: "[div ."attr(class)"]"; |
|
||||
} |
|
||||
|
|
||||
div[class="subc"], div[class="subcl"], div[class="subcr"] { background: #eee; } |
|
||||
div[class="subc"]:before, div[class="subcl"]:before, div[class="subcr"]:before { |
|
||||
display:block; |
|
||||
color: #fff; |
|
||||
padding: 2px; |
|
||||
font: normal 11px "Lucida console", monospace; |
|
||||
background: #6a6; |
|
||||
content: "[div ."attr(class)"]"; |
|
||||
} |
|
||||
|
|
||||
h1:before { content: "[h1] "; } |
|
||||
h2:before { content: "[h2] "; } |
|
||||
h3:before { content: "[h3] "; } |
|
||||
h4:before { content: "[h4] "; } |
|
||||
h5:before { content: "[h5] "; } |
|
||||
h6:before { content: "[h6] "; } |
|
||||
|
|
||||
|
|
||||
/* make link attributes href,title visible on hover ... */ |
|
||||
a:hover { color: #fff !important; background: #337; text-align: left;} |
|
||||
a:hover:after { color: #fff; background: #333; content: " (href='" attr(href) "' title='"attr(title)"')"; text-align: left; } |
|
||||
|
|
||||
a[class="skip"] { } |
|
||||
|
|
||||
a[id="navigation"]:before, |
|
||||
a[id="content"]:before { font: normal 11px "Lucida console", monospace; content: "[skip anchor: "attr(id)"]"; padding: 2px !important; } |
|
||||
|
|
||||
a[id="content"]:hover, |
|
||||
a[id="navigation"]:hover { background: #ff0; color: #000; } |
|
||||
|
|
||||
a[id="content"]:hover:after, |
|
||||
a[id="navigation"]:hover:after { content: ""; background: inherit; color: #000; } |
|
||||
|
|
||||
img:after { font: normal 11px "Lucida console", monospace; content:" ( alt='" attr(alt)"' ) "; } |
|
||||
|
|
||||
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, ol, p, pre, ul { |
|
||||
border: 1px dotted #888; |
|
||||
margin: 2px; |
|
||||
padding: 2px; |
|
||||
display: block; |
|
||||
} |
|
||||
|
|
||||
/* Highlighting empty elements */ |
|
||||
div:empty, span:empty, p:empty, a:empty, td:empty, th:empty, li:empty, |
|
||||
b:empty, i:empty, em:empty {padding: 2px 4px; background: yellow;} |
|
||||
|
|
||||
/* Highlighting inline-Styles */ |
|
||||
*[style] {outline: 3px solid #f0f;} |
|
||||
*[style]:after { font: normal 11px "Lucida console", monospace; background: #f0f; color: #000; height: auto; visibility:visible; content: "Element contains inline styles!" !important; } |
|
||||
|
|
||||
/** |
|
||||
* @visualize inline elements |
|
||||
* |
|
||||
*/ |
|
||||
|
|
||||
abbr, acronym { background: #d9eaff; } |
|
||||
q, cite, dfn, kbd { background: #ffe3f6; } |
|
||||
/* :lang(de), :lang(en), :lang(fr), :lang(es) { background: #d9efaa !important; } */ |
|
||||
|
|
||||
} |
|
||||
|
Before Width: 1026 | Height: 606 | Size: 29 KiB |
|
Before Width: 500 | Height: 32 | Size: 2.2 KiB |
@ -1,71 +0,0 @@ |
|||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|
||||
<head> |
|
||||
<title>Your Page Title</title> |
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|
||||
<!-- (en) Add your meta data here --> |
|
||||
<!-- (de) Fügen Sie hier Ihre Meta-Daten ein --> |
|
||||
|
|
||||
<link href="central_draft.css" rel="stylesheet" type="text/css"/> |
|
||||
<!--[if lte IE 7]> |
|
||||
<link href="patches/patch_layout_draft.css" rel="stylesheet" type="text/css" /> |
|
||||
<![endif]--> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div class="page_margins"> |
|
||||
<div class="page"> |
|
||||
<div id="header"> |
|
||||
<div id="topnav"> |
|
||||
<!-- start: skip link navigation --> |
|
||||
<a class="skip" href="#navigation" title="skip link">Skip to navigation</a><span class="hideme">.</span> |
|
||||
<a class="skip" href="#content" title="skip link">Skip to content</a><span class="hideme">.</span> |
|
||||
<!-- end: skip link navigation --> |
|
||||
<span>#topnav is here</span> </div> |
|
||||
<h1> </h1> |
|
||||
</div> |
|
||||
<!-- begin: main navigation #nav --> |
|
||||
<div id="nav"> |
|
||||
<!-- skip anchor: navigation --> |
|
||||
<a id="navigation" name="navigation"></a> |
|
||||
<div class="hlist"> |
|
||||
<ul> |
|
||||
<li class="active"><a href="#">Button 1</a></li> |
|
||||
<li><a href="#">Button 2</a></li> |
|
||||
<li><a href="#">Button 3</a></li> |
|
||||
<li><a href="#">Button 4</a></li> |
|
||||
<li><a href="#">Button 5</a></li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- end: main navigation --> |
|
||||
<!-- begin: content area #main --> |
|
||||
<div id="main"> |
|
||||
<!-- begin: #col1 - first float column --> |
|
||||
<div id="col1"> |
|
||||
<div id="col1_content" class="clearfix"> </div> |
|
||||
</div> |
|
||||
<!-- end: #col1 --> |
|
||||
<!-- begin: #col2 second float column --> |
|
||||
<div id="col2"> |
|
||||
<div id="col2_content" class="clearfix"> </div> |
|
||||
</div> |
|
||||
<!-- end: #col2 --> |
|
||||
<!-- begin: #col3 static column --> |
|
||||
<div id="col3"> |
|
||||
<div id="col3_content" class="clearfix"> |
|
||||
<!-- skip anchor: content --> |
|
||||
<a id="content" name="content"></a> </div> |
|
||||
<!-- IE column clearing --> |
|
||||
<div id="ie_clearing"> </div> |
|
||||
</div> |
|
||||
<!-- end: #col3 --> |
|
||||
</div> |
|
||||
<!-- end: #main --> |
|
||||
<!-- begin: #footer --> |
|
||||
<div id="footer">Layout based on <a href="http://www.yaml.de/">YAML</a></div> |
|
||||
<!-- end: #footer --> |
|
||||
</div> |
|
||||
</div> |
|
||||
</body> |
|
||||
</html> |
|
||||
|
Before Width: 64 | Height: 80 | Size: 508 B |
|
Before Width: 64 | Height: 80 | Size: 538 B |
|
Before Width: 10 | Height: 150 | Size: 82 B |
|
Before Width: 280 | Height: 300 | Size: 2.3 KiB |
|
Before Width: 260 | Height: 300 | Size: 1.4 KiB |
|
Before Width: 20 | Height: 300 | Size: 818 B |
|
Before Width: 20 | Height: 300 | Size: 432 B |
|
Before Width: 9 | Height: 9 | Size: 174 B |
|
Before Width: 9 | Height: 9 | Size: 174 B |
|
Before Width: 9 | Height: 9 | Size: 174 B |
|
Before Width: 7 | Height: 7 | Size: 107 B |
|
Before Width: 7 | Height: 7 | Size: 107 B |
|
Before Width: 7 | Height: 7 | Size: 107 B |
@ -1,93 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Horizontal list navigation "Shiny Buttons" |
|
||||
* (de) Horizontale Navigationsliste "Shiny Buttons" |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
.hlist { |
|
||||
/* (en) containing floats in IE */ |
|
||||
/* (de) Einfassen der Floats im IE */ |
|
||||
width: 100%; |
|
||||
overflow: hidden; |
|
||||
/* (en) containing floats in all other browsers */ |
|
||||
/* (de) Einfassen der Floats in allen anderen Browsern */ |
|
||||
float: left; |
|
||||
display: inline; |
|
||||
/* (en|de) Bugfix: IE - collapsing horizontal margins */ |
|
||||
position:relative; |
|
||||
/* (en) Repeat the main color from the image */ |
|
||||
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ |
|
||||
background: #c0c0c0 url("images/shiny_buttons/background.png") repeat-x center right; |
|
||||
border-top: 1px #333 solid; |
|
||||
border-bottom: 1px #333 solid; |
|
||||
line-height: 0; |
|
||||
} |
|
||||
|
|
||||
.hlist ul { |
|
||||
/* (en|de) Bugfix: IE - Doubled Float Margin Bug */ |
|
||||
display: inline; |
|
||||
float: left; /* LTR */ |
|
||||
/* (en) Left margin of the first button */ |
|
||||
/* (de) Abstand des ersten Buttons vom linken Rand */ |
|
||||
margin: 0 0 0 50px; /* LTR */ |
|
||||
padding: 0; |
|
||||
border-left: 1px #aaa solid; |
|
||||
border-right: 1px #fff solid; |
|
||||
} |
|
||||
|
|
||||
.hlist ul li { |
|
||||
border-left: 1px #fff solid; |
|
||||
border-right: 1px #aaa solid; |
|
||||
/* (en|de) Bugfix: IE - Doubled Float Margin Bug */ |
|
||||
display: inline; |
|
||||
float: left; /* LTR */ |
|
||||
font-size: 1.0em; |
|
||||
line-height: 1em; |
|
||||
list-style-type: none; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.hlist ul li a, |
|
||||
.hlist ul li strong { |
|
||||
background: transparent; |
|
||||
color: #000; |
|
||||
display: block; |
|
||||
font-size: 1em; |
|
||||
font-weight: bold; |
|
||||
margin: 0; |
|
||||
padding: 0.5em 0.8em 0.5em 0.8em; |
|
||||
text-decoration: none; |
|
||||
width: auto; |
|
||||
} |
|
||||
|
|
||||
.hlist ul li a:focus, |
|
||||
.hlist ul li a:hover, |
|
||||
.hlist ul li a:active { background: #eee; color: #333; text-decoration: none; } |
|
||||
|
|
||||
.hlist ul li.active { |
|
||||
/* (en) Repeat the main color from the image */ |
|
||||
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ |
|
||||
background: #272727 url("images/shiny_buttons/background_active.png") repeat-x center right; |
|
||||
border-left: 1px #444 solid; |
|
||||
border-right: 1px #888 solid; |
|
||||
} |
|
||||
|
|
||||
.hlist ul li.active strong, |
|
||||
.hlist ul li.active a:focus, |
|
||||
.hlist ul li.active a:hover, |
|
||||
.hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; } |
|
||||
} |
|
||||
@ -1,118 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Horizontal list navigation based on "Sliding Door II" from von "A List Apart" |
|
||||
* (de) Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart" |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
.hlist { |
|
||||
/* (en) This image is mainly transparent */ |
|
||||
/* (de) Dieses Bild ist größtenteils transparent */ |
|
||||
background: transparent url("images/sliding_door/round/bg.gif") repeat-x bottom; |
|
||||
float: left; |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.hlist ul { |
|
||||
line-height: 1em; |
|
||||
list-style: none; |
|
||||
margin: 0; |
|
||||
padding: 0 0 0 50px; /* LTR */ |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.hlist li { |
|
||||
/* (en) Repeat the main color from the image */ |
|
||||
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ |
|
||||
list-style-type: none !important; |
|
||||
background: #e0ecf8 url("images/sliding_door/round/left.png") no-repeat top left; |
|
||||
border-bottom: 1px solid #000; |
|
||||
float: left; /* LTR */ |
|
||||
margin: 0; |
|
||||
padding: 0 0 0 3px; |
|
||||
} |
|
||||
|
|
||||
.hlist a, |
|
||||
.hlist strong { |
|
||||
/* (en) This image is mainly transparent */ |
|
||||
/* (de) Dieses Bild ist größtenteils transparent */ |
|
||||
background: transparent url("images/sliding_door/round/right.png") no-repeat top right; |
|
||||
color: #667; |
|
||||
display: block; |
|
||||
font-weight: normal; |
|
||||
padding: 5px 11px 3px 8px; |
|
||||
text-decoration: none; |
|
||||
text-transform: none; |
|
||||
|
|
||||
/** |
|
||||
* @bugfix |
|
||||
* @affected IE5.x, IE6 |
|
||||
* @css-for all browsers |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
width: auto; /* only IE 5.x */ |
|
||||
width/**/:/**/ .1em; /* only IE 6.0 */ |
|
||||
} |
|
||||
|
|
||||
.hlist a:link, |
|
||||
.hlist a:visited { background-color: transparent; color: #667; } |
|
||||
|
|
||||
/** |
|
||||
* @bugfix |
|
||||
* @affected IE5.x, IE6 |
|
||||
* @css-for all browsers |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
.hlist > ul a, |
|
||||
.hlist > ul strong { width: auto; } /* for other browsers */ |
|
||||
|
|
||||
.hlist ul li:focus, |
|
||||
.hlist ul li:hover, |
|
||||
.hlist ul li:active { |
|
||||
/* (en) Repeat the main color from the image */ |
|
||||
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ |
|
||||
background-color: #c4d0dc; |
|
||||
background-position: 0 -150px; |
|
||||
} |
|
||||
|
|
||||
.hlist li:focus a, |
|
||||
.hlist li:hover a, |
|
||||
.hlist li:active a { background-position: 100% -150px; } |
|
||||
|
|
||||
.hlist a:focus, |
|
||||
.hlist a:hover, |
|
||||
.hlist a:active { background-color: transparent; color: #223; } |
|
||||
|
|
||||
.hlist li.active, |
|
||||
.hlist ul li.active:focus, |
|
||||
.hlist ul li.active:hover, |
|
||||
.hlist ul li.active:active { |
|
||||
/* (en) Repeat the main color from the image */ |
|
||||
/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ |
|
||||
background: white url("images/sliding_door/round/left_on.png") no-repeat top left; |
|
||||
border: 0 none; |
|
||||
} |
|
||||
|
|
||||
.hlist li.active strong { |
|
||||
/* (en) This image is mainly transparent */ |
|
||||
/* (de) Dieses Bild ist größtenteils transparent */ |
|
||||
background: transparent url("images/sliding_door/round/right_on.png") no-repeat top right; |
|
||||
color: #334; |
|
||||
font-weight: bold; |
|
||||
padding-bottom: 4px; |
|
||||
padding-top: 5px; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
@ -1,123 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Vertical list navigation "vlist" |
|
||||
* (de) Vertikale Navigationsliste "vlist" |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/* title */ |
|
||||
h6.vlist { |
|
||||
font-family: Arial, Helvetica, sans-serif; |
|
||||
font-weight: bold; |
|
||||
font-size: 100%; |
|
||||
width: 90%; |
|
||||
padding: 3px 0px 3px 10%; /* LTR */ |
|
||||
margin:0; |
|
||||
color: #444; |
|
||||
background-color: #fff; |
|
||||
border-top: 2px #ddd solid; |
|
||||
border-bottom: 4px #888 solid; |
|
||||
} |
|
||||
|
|
||||
.vlist { |
|
||||
width: 100%; |
|
||||
overflow: hidden; |
|
||||
margin: 0 0 1.5em 0; |
|
||||
list-style-type: none; |
|
||||
border-bottom: 2px #ddd solid; |
|
||||
} |
|
||||
|
|
||||
.vlist ul { |
|
||||
list-style-type: none; |
|
||||
margin:0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.vlist li { |
|
||||
float:left; /* LTR */ |
|
||||
width: 100%; |
|
||||
margin:0; |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.vlist a, |
|
||||
.vlist strong, |
|
||||
.vlist span { |
|
||||
display:block; |
|
||||
padding: 3px 0px 3px 10%; |
|
||||
text-decoration: none; |
|
||||
border-bottom: 1px #ddd solid; |
|
||||
} |
|
||||
|
|
||||
.vlist a, |
|
||||
.vlist a:visited { |
|
||||
color: #444; |
|
||||
} |
|
||||
|
|
||||
.vlist li span { |
|
||||
display:block; |
|
||||
font-weight: bold; |
|
||||
border-bottom: 1px #ddd solid; |
|
||||
} |
|
||||
|
|
||||
/* active list element */ |
|
||||
.vlist li.active { |
|
||||
color: #fff; |
|
||||
background-color:#800; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
|
|
||||
/* Level 1 */ |
|
||||
.vlist li a, |
|
||||
.vlist li strong, |
|
||||
.vlist li span { width: 90%; padding-left: 10%; } /* LTR */ |
|
||||
|
|
||||
.vlist li a:focus, |
|
||||
.vlist li a:hover, |
|
||||
.vlist li a:active { background-color:#a88; color: #fff; } |
|
||||
|
|
||||
/* Level 2 */ |
|
||||
.vlist li ul li a, |
|
||||
.vlist li ul li strong, |
|
||||
.vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */ |
|
||||
|
|
||||
.vlist li ul li a, |
|
||||
.vlist li ul li a:visited { background-color:#f8f8f8; color: #333; } |
|
||||
.vlist li ul li a:focus, |
|
||||
.vlist li ul li a:hover, |
|
||||
.vlist li ul li a:active { background-color:#a88; color: #fff; } |
|
||||
|
|
||||
/* Level 3 */ |
|
||||
.vlist li ul li ul li a, |
|
||||
.vlist li ul li ul li strong, |
|
||||
.vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */ |
|
||||
|
|
||||
.vlist li ul li ul li a, |
|
||||
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; } |
|
||||
.vlist li ul li ul li a:focus, |
|
||||
.vlist li ul li ul li a:hover, |
|
||||
.vlist li ul li ul li a:active { background-color:#a88; color: #fff; } |
|
||||
|
|
||||
/* Level 4 */ |
|
||||
.vlist li ul li ul li ul li a, |
|
||||
.vlist li ul li ul li ul li strong, |
|
||||
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */ |
|
||||
|
|
||||
.vlist li ul li ul li ul li a, |
|
||||
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; } |
|
||||
.vlist li ul li ul li ul li a:focus, |
|
||||
.vlist li ul li ul li ul li a:hover, |
|
||||
.vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; } |
|
||||
} |
|
||||
@ -1,29 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Example of a patch stylesheet for the Internet Explorer |
|
||||
* (de) Beispiel für ein Anpassungs-Stylesheet für den Internet Explorer |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* Layout independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */ |
|
||||
@import url(/yaml/core/iehacks.css); |
|
||||
|
|
||||
/* Box model adjustments for vlist navigation | Box-Modell-Anpassungen für vlist-Navigation */ |
|
||||
/* @import url(/yaml/patches/patch_nav_vlist.css); */ |
|
||||
|
|
||||
/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */ |
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/* add your adjustments here | Fügen Sie Ihre Anpassungen hier ein */ |
|
||||
|
|
||||
} |
|
||||
@ -1,60 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) IE adjustment stylesheet for YAML vlist navigation |
|
||||
* Import this file within the IE-patch-file if needed in your layout |
|
||||
* |
|
||||
* (de) IE Anpassungs-Stylesheet für YAML vlist-Navigation |
|
||||
* Einbindung ins Layout erfolgt über den Import innerhalb des IE-Anspassungs-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/** |
|
||||
* Box Model Bug |
|
||||
* (en) Adjustment of width values for list elements of the menu in IE 5.x/Win. |
|
||||
* Note: If IE6 is running in quirks mode, it also needs 100% values! |
|
||||
* |
|
||||
* (de) Korrektur der Breitenangaben der Listenelemente des Submenüs im IE 5.x/Win. |
|
||||
* Hinweis: Befindet sich der IE6 im Quirks Mode, so benötigt er ebenfalls 100%-Werte ! |
|
||||
* |
|
||||
* @bugfix |
|
||||
* @affected IE 5.x/Win (IE6 in Quirks-Mode) |
|
||||
* @css-for IE 5.x/Win, IE6 |
|
||||
* @valid no |
|
||||
*/ |
|
||||
|
|
||||
|
|
||||
/* title */ |
|
||||
* html h6.vlist { width: 100%; w\idth: 90%; } |
|
||||
|
|
||||
/* level 1 */ |
|
||||
* html .vlist li a, |
|
||||
* html .vlist li strong, |
|
||||
* html .vlist li span { width: 100%; w\idth: 90%; } |
|
||||
|
|
||||
/* level 2 */ |
|
||||
* html .vlist li ul li a, |
|
||||
* html .vlist li ul li strong, |
|
||||
* html .vlist li ul li span { width: 100%; w\idth: 80%; } |
|
||||
|
|
||||
/* level 3 */ |
|
||||
* html .vlist li ul li ul li a, |
|
||||
* html .vlist li ul li ul li strong, |
|
||||
* html .vlist li ul li ul li span { width: 100%; w\idth: 70%; } |
|
||||
|
|
||||
/* level 4 */ |
|
||||
* html .vlist li ul li ul li ul li a, |
|
||||
* html .vlist li ul li ul li ul li strong, |
|
||||
* html .vlist li ul li ul li ul li span { width: 100%; w\idth: 60%; } |
|
||||
} |
|
||||
@ -1,56 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1 { display:none; } |
|
||||
#col2 { display:none; } |
|
||||
#col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,56 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1 { display:none; } |
|
||||
#col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col3 { display:none; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,62 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1 { display:none; } |
|
||||
#col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col3, #col3_content {width: 100%; margin:0; padding: 0; border:0; } |
|
||||
|
|
||||
/* Optional Column Labels | Optionale Spaltenauszeichnung |
|
||||
#col2_content:before { content:" [ left | middle | right column ]"; } |
|
||||
#col3_content:before { content:" [ left | middle | right column ]"; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
|
|
||||
@ -1,56 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col2 { display:none; } |
|
||||
#col3 { display:none; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,61 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1, #col1_content {float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col2 { display:none; } |
|
||||
#col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; } |
|
||||
|
|
||||
/* Optional Column Labels | Optionale Spaltenauszeichnung |
|
||||
#col1_content:before { content:" [ left | middle | right column ]"; } |
|
||||
#col3_content:before { content:" [ left | middle | right column ]"; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,61 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col3 { display:none; } |
|
||||
|
|
||||
/* Optional Column Labels | Optionale Spaltenauszeichnung |
|
||||
#col1_content:before { content:" [ left | middle | right column ]"; } |
|
||||
#col2_content:before { content:" [ left | middle | right column ]"; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,62 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/** |
|
||||
* @section column selection |
|
||||
* (en) individually switch on/off any content column for printing |
|
||||
* (de) (De)aktivierung der Contentspalten für den Ausdruck |
|
||||
* |
|
||||
* @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html |
|
||||
*/ |
|
||||
|
|
||||
#col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; } |
|
||||
#col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; } |
|
||||
|
|
||||
/* Optional Column Labels | Optionale Spaltenauszeichnung |
|
||||
#col1_content:before { content:" [ left | middle | right column ]"; } |
|
||||
#col2_content:before { content:" [ left | middle | right column ]"; } |
|
||||
#col3_content:before { content:" [ left | middle | right column ]"; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,49 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) print stylesheet |
|
||||
* (de) Druck-Stylesheet |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 302 $ |
|
||||
* @lastmodified $Date: 2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $ |
|
||||
*/ |
|
||||
|
|
||||
/* import print base styles | Basisformatierung für Drucklayout einbinden */ |
|
||||
@import url(../core/print_base.css); |
|
||||
|
|
||||
@media print |
|
||||
{ |
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
/* add your print styles here */ |
|
||||
|
|
||||
|
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional output of acronyms and abbreviations*/ |
|
||||
/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */ |
|
||||
|
|
||||
/* |
|
||||
abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; } |
|
||||
*/ |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* (en) optional URL output of hyperlinks in print layout */ |
|
||||
/* (de) optionale Ausgabe der URLs von Hyperlinks */ |
|
||||
/* |
|
||||
a[href]:after { |
|
||||
content:" <URL: "attr(href)">"; |
|
||||
color:#444; |
|
||||
background:inherit; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,70 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Template for designing a screen layout |
|
||||
* (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media screen, projection |
|
||||
{ |
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Design of the Basic Layout | Gestaltung des YAML Basis-Layouts |
|
||||
* |
|
||||
* @section layout-basics |
|
||||
*/ |
|
||||
|
|
||||
/* Page margins and background | Randbereiche & Seitenhintergrund */ |
|
||||
body { } |
|
||||
|
|
||||
/* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */ |
|
||||
#page_margins { } |
|
||||
#page{ } |
|
||||
|
|
||||
/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ |
|
||||
#header { } |
|
||||
#topnav { } |
|
||||
|
|
||||
#main { } |
|
||||
|
|
||||
#footer { } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Formatting of the Content Area | Formatierung der Inhaltsbereichs |
|
||||
* |
|
||||
* @section layout-main |
|
||||
*/ |
|
||||
|
|
||||
#col1 { } |
|
||||
#col1_content { } |
|
||||
|
|
||||
#col2 { } |
|
||||
#col2_content { } |
|
||||
|
|
||||
#col3 { } |
|
||||
#col3_content { } |
|
||||
|
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente |
|
||||
* |
|
||||
* @section layout-misc |
|
||||
*/ |
|
||||
|
|
||||
|
|
||||
} |
|
||||
@ -1,218 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) Uniform design of standard content elements |
|
||||
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
* @appdef yaml |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* Fonts |
|
||||
* |
|
||||
* (en) global settings of font-families and font-sizes |
|
||||
* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen |
|
||||
* |
|
||||
* @section content-global-settings |
|
||||
*/ |
|
||||
|
|
||||
/* (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 all browsers |
|
||||
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen |
|
||||
* |
|
||||
* @see: http://webkit.org/blog/67/strange-medium/ |
|
||||
*/ |
|
||||
|
|
||||
textarea, pre, code, kbd, samp, var, tt { |
|
||||
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; |
|
||||
} |
|
||||
|
|
||||
/* (en) base layout gets standard font size 12px */ |
|
||||
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ |
|
||||
body { |
|
||||
font-family: Arial, Helvetica, sans-serif; |
|
||||
font-size: 75.00%; |
|
||||
color: #444; |
|
||||
} |
|
||||
|
|
||||
/*--- Headings | Überschriften ------------------------------------------------------------------------*/ |
|
||||
|
|
||||
h1,h2,h3,h4,h5,h6 { |
|
||||
font-family: "Times New Roman", Times, serif; |
|
||||
font-weight:normal; |
|
||||
color:#222; |
|
||||
margin: 0 0 0.25em 0; |
|
||||
} |
|
||||
|
|
||||
h1 { font-size: 250%; } /* 30px */ |
|
||||
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%; } /* 14px */ |
|
||||
|
|
||||
/* --- Lists | Listen -------------------------------------------------------------------------------- */ |
|
||||
|
|
||||
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; } |
|
||||
ul li { list-style-type: disc; } |
|
||||
ul ul li { list-style-type: circle; } |
|
||||
|
|
||||
ol li { list-style-type: decimal; } |
|
||||
ol ol li { list-style-type: lower-latin; } |
|
||||
|
|
||||
li { margin-left: 0.8em; line-height: 1.5em; } |
|
||||
|
|
||||
dt { font-weight: bold; } |
|
||||
dd { margin: 0 0 1em 0.8em; } |
|
||||
|
|
||||
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ |
|
||||
|
|
||||
p { line-height: 1.5em; margin: 0 0 1em 0; } |
|
||||
|
|
||||
blockquote, cite,q { |
|
||||
font-family: Georgia, "Times New Roman", Times, serif; |
|
||||
font-style:italic; |
|
||||
} |
|
||||
blockquote { margin: 0 0 1em 1.6em; color: #666; } |
|
||||
|
|
||||
strong,b { font-weight: bold; } |
|
||||
em,i { font-style: italic; } |
|
||||
|
|
||||
pre, code, kbd, tt, samp, var { font-size: 100%; } |
|
||||
pre, code { color: #800; } |
|
||||
pre { line-height: 1.5em; margin: 0 0 1em 0; } |
|
||||
kbd, samp, var { color: #666; } |
|
||||
var { font-style: italic; } |
|
||||
|
|
||||
acronym, abbr { |
|
||||
border-bottom: 1px #aaa dotted; |
|
||||
font-variant: small-caps; |
|
||||
letter-spacing: .07em; |
|
||||
cursor: help; |
|
||||
} |
|
||||
|
|
||||
sub, sup { font-size: 91.6667%; } |
|
||||
|
|
||||
hr { |
|
||||
color: #fff; |
|
||||
background:transparent; |
|
||||
margin: 0 0 0.5em 0; |
|
||||
padding: 0 0 0.5em 0; |
|
||||
border:0; |
|
||||
border-bottom: 1px #eee solid; |
|
||||
} |
|
||||
|
|
||||
/*--- Links ----------------------------------------------------------------------------------------- */ |
|
||||
|
|
||||
a { color: #4D87C7; background:transparent; text-decoration:none; } |
|
||||
a:visited { color: #036; } |
|
||||
|
|
||||
a:focus, |
|
||||
a:hover, |
|
||||
a:active { color:#182E7A; text-decoration:underline; } |
|
||||
|
|
||||
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */ |
|
||||
|
|
||||
p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; } |
|
||||
p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; } |
|
||||
|
|
||||
p.icaption_left img, |
|
||||
p.icaption_right img { padding:0; border: 1px #888 solid; } |
|
||||
|
|
||||
p.icaption_left strong, |
|
||||
p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Generic Content Classes |
|
||||
* |
|
||||
* (en) standard classes for positioning and highlighting |
|
||||
* (de) Standardklassen zur Positionierung und Hervorhebung |
|
||||
* |
|
||||
* @section content-generic-classes |
|
||||
*/ |
|
||||
|
|
||||
.highlight { color: #f60; } |
|
||||
.dimmed { color: #888; } |
|
||||
|
|
||||
.info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; } |
|
||||
|
|
||||
.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; } |
|
||||
|
|
||||
.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 { display:block; text-align:center; margin: 0.5em auto; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Tables | Tabellen |
|
||||
* |
|
||||
* (en) Generic classes for table-width and design definition |
|
||||
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen |
|
||||
* |
|
||||
* @section content-tables |
|
||||
*/ |
|
||||
|
|
||||
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; } |
|
||||
table caption { font-variant:small-caps; } |
|
||||
table.full { width: 100%; } |
|
||||
table.fixed { table-layout:fixed; } |
|
||||
|
|
||||
th,td { padding: 0.5em; } |
|
||||
thead th { color: #000; border-bottom: 2px #800 solid; } |
|
||||
tbody th { background: #e0e0e0; color: #333; } |
|
||||
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; } |
|
||||
|
|
||||
tbody th { border-bottom: 1px solid #fff; text-align: left; } |
|
||||
tbody td { border-bottom: 1px solid #eee; } |
|
||||
|
|
||||
tbody tr:hover th[scope="row"], |
|
||||
tbody tr:hover tbody th.sub { background: #f0e8e8; } |
|
||||
tbody tr:hover td { background: #fff8f8; } |
|
||||
|
|
||||
/** |
|
||||
* ------------------------------------------------------------------------------------------------- # |
|
||||
* |
|
||||
* Miscellaneous | Sonstiges |
|
||||
* |
|
||||
* @section content-misc |
|
||||
*/ |
|
||||
|
|
||||
/** |
|
||||
* (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; |
|
||||
} |
|
||||
*/ |
|
||||
} |
|
||||
@ -1,253 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/** |
|
||||
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|
||||
* |
|
||||
* (en) CSS-component for creating vertical forms |
|
||||
* (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen |
|
||||
* |
|
||||
* @note Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution |
|
||||
* |
|
||||
* @copyright Copyright 2005-2009, 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.1 |
|
||||
* @revision $Revision: 343 $ |
|
||||
* @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ |
|
||||
*/ |
|
||||
|
|
||||
@media all |
|
||||
{ |
|
||||
/** |
|
||||
* YAML Forms - visual styling |
|
||||
* |
|
||||
* (en) visual form styling area |
|
||||
* (de) Festlegung des optischen Erscheinungsbildes |
|
||||
*/ |
|
||||
|
|
||||
form.yform { |
|
||||
background: #f4f4f4; |
|
||||
border: 1px #ddd solid; |
|
||||
margin: 0 0 1em 0; |
|
||||
padding: 10px; |
|
||||
} |
|
||||
|
|
||||
form.yform fieldset { |
|
||||
border: 1px #ddd solid; |
|
||||
background: #fafafa; |
|
||||
margin: 0 0 1em 0; |
|
||||
padding: 0.5em 1em; |
|
||||
} |
|
||||
|
|
||||
form.yform legend { |
|
||||
font-size: 125%; font-weight: normal; color: #000; |
|
||||
} |
|
||||
|
|
||||
form.yform label { |
|
||||
color: #666; |
|
||||
} |
|
||||
|
|
||||
form.yform .type-text input, |
|
||||
form.yform .type-text textarea, |
|
||||
form.yform .type-select select { |
|
||||
font-family: Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */ |
|
||||
border: 1px solid #ddd; |
|
||||
} |
|
||||
|
|
||||
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */ |
|
||||
form.yform div input:focus, |
|
||||
form.yform div select:focus, |
|
||||
form.yform div textarea:focus, |
|
||||
form.yform div input:hover, |
|
||||
form.yform div select:hover, |
|
||||
form.yform div textarea:hover, |
|
||||
form.yform div input:active, |
|
||||
form.yform div select:active, |
|
||||
form.yform div textarea:active { |
|
||||
border: 1px #a66 solid; |
|
||||
background: #fff; |
|
||||
} |
|
||||
|
|
||||
/* Styling of buttons | Gestaltung von Buttons */ |
|
||||
form.yform .type-button input { |
|
||||
border-top: 1px #ddd solid; |
|
||||
border-left: 1px #ddd solid; |
|
||||
border-right: 1px #444 solid; |
|
||||
border-bottom: 1px #444 solid; |
|
||||
color: #000; |
|
||||
background: #454545 url(images/button_gray.png) top left repeat-x; |
|
||||
padding: .5em 1.2em; |
|
||||
} |
|
||||
|
|
||||
form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; } |
|
||||
form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; } |
|
||||
|
|
||||
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */ |
|
||||
form.yform div.type-button input:focus, |
|
||||
form.yform div.type-button input:hover, |
|
||||
form.yform div.type-button input:active { |
|
||||
border-top: 1px #444 solid; |
|
||||
border-left: 1px #444 solid; |
|
||||
border-right: 1px #ddd solid; |
|
||||
border-bottom: 1px #ddd solid; |
|
||||
color: #fff; |
|
||||
background: #555; |
|
||||
} |
|
||||
|
|
||||
form.yform div.type-button input#reset:focus, |
|
||||
form.yform div.type-button input#reset:hover, |
|
||||
form.yform div.type-button input#reset:active { |
|
||||
background: #800; color: #fff; |
|
||||
} |
|
||||
|
|
||||
form.yform div.type-button input#submit:focus, |
|
||||
form.yform div.type-button input#submit:hover, |
|
||||
form.yform div.type-button input#submit:active { |
|
||||
background: #880; color: #fff; |
|
||||
} |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Vertical-Forms - technical base (standard) |
|
||||
* |
|
||||
* |-------------------------------| |
|
||||
* | fieldset | |
|
||||
* |-------------------------------| |
|
||||
* | label | |
|
||||
* | input / select / textarea | |
|
||||
* |-------------------------------| |
|
||||
* | /fieldset | |
|
||||
* |-------------------------------| |
|
||||
* |
|
||||
* (en) Styling of forms where both label and input/select/textarea are styled with display: block; |
|
||||
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden |
|
||||
* |
|
||||
* WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! |
|
||||
*/ |
|
||||
|
|
||||
/* General form styling | Allgemeine Formatierung des Formulars */ |
|
||||
form.yform { overflow: hidden; } |
|
||||
form.yform fieldset { overflow: hidden; } |
|
||||
form.yform legend { background: transparent; border: 0; } |
|
||||
form.yform label { display:block; cursor: pointer; } |
|
||||
form.yform .message { display: block; margin-bottom: 0.5em; color: #666; } |
|
||||
|
|
||||
/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */ |
|
||||
form.yform input[type=hidden] { display: none !important; } |
|
||||
|
|
||||
/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */ |
|
||||
form.yform sup { color: #800; font-weight: bold; } |
|
||||
|
|
||||
/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */ |
|
||||
form.yform div.type-text, |
|
||||
form.yform div.type-select, |
|
||||
form.yform div.type-check, |
|
||||
form.yform div.type-button { |
|
||||
margin: 0.5em 0; |
|
||||
position: relative; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
|
|
||||
/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */ |
|
||||
form.yform .type-text input, |
|
||||
form.yform .type-text textarea { |
|
||||
display: block; |
|
||||
position: relative; |
|
||||
padding: 0.3em 0.3em; |
|
||||
width: 58.5%; |
|
||||
} |
|
||||
|
|
||||
form.yform .type-select select { |
|
||||
display: block; |
|
||||
position: relative; |
|
||||
padding: 0.3em 2px 0.3em 1px; |
|
||||
width: 60%; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
form.yform .type-select select optgroup { |
|
||||
font-style: normal; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
|
|
||||
form.yform .type-check input { cursor: pointer; } |
|
||||
form.yform .type-check label { display: inline; } |
|
||||
|
|
||||
/* Styling of buttons | Gestaltung von Buttons */ |
|
||||
form.yform .type-button input { |
|
||||
width: auto; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
/* Styling of error-messages | Fehlermeldungen */ |
|
||||
form.yform div.error { |
|
||||
border: 1px #a00 dashed; |
|
||||
background: #faf4f4; |
|
||||
padding: 0.5em; |
|
||||
} |
|
||||
|
|
||||
form.yform div.error label { color: #000; font-weight:bold; } |
|
||||
form.yform div.error .message { color: #800; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Columnar forms display - technical base (optional) |
|
||||
* |
|
||||
* |-------------------------------------------| |
|
||||
* | fieldset | |
|
||||
* |-------------------------------------------| |
|
||||
* | | |
|
||||
* | label | input / select / textarea | |
|
||||
* | | |
|
||||
* |-------------------------------------------| |
|
||||
* | /fieldset | |
|
||||
* |-------------------------------------------| |
|
||||
* |
|
||||
* (en) Styling of forms where label floats left of form-elements |
|
||||
* (de) Formulargestaltung, bei der die label-Elemente nach links fließen |
|
||||
* |
|
||||
* WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! |
|
||||
*/ |
|
||||
|
|
||||
/* Columnar display | Spalten-Darstellung */ |
|
||||
.columnar .type-text label, |
|
||||
.columnar .type-select label { |
|
||||
float: left; |
|
||||
width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */ |
|
||||
} |
|
||||
|
|
||||
/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */ |
|
||||
.columnar div.type-check { padding-left: 30%; } |
|
||||
.columnar div.error .message { margin-left: 30%; } |
|
||||
|
|
||||
.columnar div.type-text input, |
|
||||
.columnar div.type-text textarea { width: 67.8%; } |
|
||||
.columnar div.type-select select { width: 69.4%; } |
|
||||
|
|
||||
/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */ |
|
||||
* html .columnar div.type-text input, |
|
||||
* html .columnar div.type-text textarea { width: 67.2%; } |
|
||||
* html .columnar div.type-select select { width: 68.8%; } |
|
||||
|
|
||||
/*------------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/** |
|
||||
* Forms Fieldset/Legend-Bug in IE |
|
||||
* @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/ |
|
||||
* |
|
||||
* @workaround |
|
||||
* @affected IE 5.x/Win, IE6, IE7 |
|
||||
* @css-for IE 5.x/Win, IE6, IE7 |
|
||||
* @valid yes |
|
||||
*/ |
|
||||
|
|
||||
/* IE5.x & IE6 */ |
|
||||
* html form.yform legend { position:absolute; top: -.5em; left: .5em; } |
|
||||
* html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; } |
|
||||
|
|
||||
/* IE7 */ |
|
||||
*+html form.yform legend { position:absolute; top: -.5em; left: .5em; } |
|
||||
*+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; } |
|
||||
} |
|
||||
|
Before Width: 20 | Height: 58 | Size: 428 B |
|
Before Width: 20 | Height: 58 | Size: 428 B |
|
Before Width: 20 | Height: 58 | Size: 428 B |
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save
Reference in new issue