Added YAML template
This commit is contained in:
Deon George
parent
9e21f60066
commit
3d1c43687c
250
application/media/css/yaml/3.3.1/core/base.css
Normal file
250
application/media/css/yaml/3.3.1/core/base.css
Normal file
@ -0,0 +1,250 @@
|
|||||||
|
/**
|
||||||
|
* "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-2011, 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.3.1
|
||||||
|
* @revision $Revision: 501 $
|
||||||
|
* @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
|
||||||
|
*/
|
||||||
|
|
||||||
|
@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; }
|
||||||
|
|
||||||
|
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 */
|
||||||
|
background:#fff;
|
||||||
|
color:#000;
|
||||||
|
text-align:left; /* LTR */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* (en) avoid visible outlines on DIV containers in Webkit browsers */
|
||||||
|
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
|
||||||
|
div { outline:0 none; }
|
||||||
|
|
||||||
|
/* (en) HTML 5 - adjusting visual formatting model to block level */
|
||||||
|
/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
|
||||||
|
article,aside,canvas,details,figcaption,figure,
|
||||||
|
footer,header,hgroup,menu,nav,section,summary {
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* (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 {
|
||||||
|
line-height:1.5em;
|
||||||
|
margin-left:0.8em; /* LTR */
|
||||||
|
}
|
||||||
|
|
||||||
|
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 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 {
|
||||||
|
clear:both;
|
||||||
|
content:".";
|
||||||
|
display:block;
|
||||||
|
font-size:0;
|
||||||
|
height:0;
|
||||||
|
visibility:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* (en) essential for Safari browser !! */
|
||||||
|
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
|
||||||
|
.clearfix { display:block; }
|
||||||
|
|
||||||
|
/* (en) alternative solution to contain floats */
|
||||||
|
/* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
|
||||||
|
.floatbox { display:table; width:100%; }
|
||||||
|
|
||||||
|
/* (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 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 {
|
||||||
|
position:absolute;
|
||||||
|
top:-32768px;
|
||||||
|
left:-32768px; /* LTR */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* (en) make skip links visible when using tab navigation */
|
||||||
|
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
|
||||||
|
.skip:focus, .skip:active {
|
||||||
|
position:static;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* skiplinks:technical setup */
|
||||||
|
#skiplinks {
|
||||||
|
position:absolute;
|
||||||
|
top:0px;
|
||||||
|
left:-32768px;
|
||||||
|
z-index:1000;
|
||||||
|
width:100%;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
list-style-type:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skiplinks .skip:focus,
|
||||||
|
#skiplinks .skip:active {
|
||||||
|
left:32768px;
|
||||||
|
outline:0 none;
|
||||||
|
position:absolute;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen, projection
|
||||||
|
{
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @section base layout | Basis Layout
|
||||||
|
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
|
||||||
|
*
|
||||||
|
* |-------------------------------|
|
||||||
|
* | #col1 | #col3 | #col2 |
|
||||||
|
* | 20% | flexible | 20% |
|
||||||
|
* |-------------------------------|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#col1 { float:left; width:20%; }
|
||||||
|
#col2 { float:right; width:20%; }
|
||||||
|
#col3 { width:auto; margin:0 20%; }
|
||||||
|
|
||||||
|
/* (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 subtemplates
|
||||||
|
* @see http://www.yaml.de/en/documentation/practice/subtemplates.html
|
||||||
|
*/
|
||||||
|
.subcolumns { display:table; width:100%; table-layout:fixed; }
|
||||||
|
.subcolumns_oldgecko { width: 100%; float:left; }
|
||||||
|
|
||||||
|
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
|
||||||
|
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }
|
||||||
|
|
||||||
|
.c20l, .c20r { width:20%; }
|
||||||
|
.c40l, .c40r { width:40%; }
|
||||||
|
.c60l, .c60r { width:60%; }
|
||||||
|
.c80l, .c80r { width:80%; }
|
||||||
|
.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 { table-layout:fixed; }
|
||||||
|
|
||||||
|
.equalize > div {
|
||||||
|
display:table-cell;
|
||||||
|
float:none;
|
||||||
|
margin:0;
|
||||||
|
overflow:hidden;
|
||||||
|
vertical-align:top;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
|
||||||
|
* (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
|
||||||
|
*/
|
||||||
|
|
||||||
|
.subcolumns,
|
||||||
|
.subcolumns > div {
|
||||||
|
overflow:visible;
|
||||||
|
display:table;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* (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; }
|
||||||
|
}
|
||||||
343
application/media/css/yaml/3.3.1/core/iehacks.css
Normal file
343
application/media/css/yaml/3.3.1/core/iehacks.css
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
/**
|
||||||
|
* "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-2011, 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.3.1
|
||||||
|
* @revision $Revision: 501 $
|
||||||
|
* @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
|
||||||
|
* @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) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
|
||||||
|
* (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
|
||||||
|
*
|
||||||
|
* @workaround
|
||||||
|
* @affected IE6, IE7
|
||||||
|
* @css-for IE6, IE7
|
||||||
|
* @valid no
|
||||||
|
*/
|
||||||
|
|
||||||
|
body { o\verflow:visible; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* (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 iframe,
|
||||||
|
* html frame { overflow:auto; }
|
||||||
|
* html input,
|
||||||
|
* html frameset { overflow:hidden; }
|
||||||
|
* html textarea { overflow:scroll; overflow-x:hidden; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* (en) Stability fixes with 'position:relative'
|
||||||
|
* (de) Stabilitätsverbesserungen durch 'position:relative'
|
||||||
|
*
|
||||||
|
* Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
|
||||||
|
* Helpful to fix several possible problems in older IE versions (#main).
|
||||||
|
*
|
||||||
|
* @bugfix
|
||||||
|
* @affected IE 5.x/Win, IE6, IE7
|
||||||
|
* @css-for IE 5.x/Win, IE6, IE7
|
||||||
|
* @valid yes
|
||||||
|
*/
|
||||||
|
|
||||||
|
body, #main { position:relative; }
|
||||||
|
* html body { position:static; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* (en) Clearfix adjustents for containing floats in IE
|
||||||
|
* (de) Clearfix-Anpassung für diverse IE-Versionen
|
||||||
|
*
|
||||||
|
* @workaround
|
||||||
|
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
|
||||||
|
* @affected IE 5.x/Win, IE6, IE7
|
||||||
|
* @css-for IE 5.x/Win, IE6, IE7
|
||||||
|
* @valid yes
|
||||||
|
*/
|
||||||
|
|
||||||
|
.clearfix { height:1%; } /* hasLayout aktivieren */
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* (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, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */
|
||||||
|
* html .page_margins, * html .page { height:1%; hei\ght:auto; } /* IE 5.x & IE6 | IE6 only */
|
||||||
|
* html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; } /* IE 5.x & IE6 | IE6 only */
|
||||||
|
|
||||||
|
/* trigger hasLayout to force containing content */
|
||||||
|
.subc, .subcl, .subcr { height:1%; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 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; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* (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 linke 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/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; }
|
||||||
|
|
||||||
|
.c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
|
||||||
|
.c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { 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 .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
|
||||||
|
.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
|
||||||
|
.equalize .c62l,.equalize .c66l,.equalize .c75l {
|
||||||
|
float:left; display:inline;
|
||||||
|
padding-bottom:32767px;
|
||||||
|
margin-bottom:-32767px;
|
||||||
|
}
|
||||||
|
.equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
|
||||||
|
.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
|
||||||
|
.equalize .c62r,.equalize .c66r,.equalize .c75r {
|
||||||
|
float:right; margin-left:-5px; display:inline;
|
||||||
|
padding-bottom:32767px;
|
||||||
|
margin-bottom:-32767px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
|
||||||
|
.no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
|
||||||
|
.no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
|
||||||
|
.no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
|
||||||
|
.no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
|
||||||
|
.no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {
|
||||||
|
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; }
|
||||||
|
|
||||||
|
/* avoid growing widths */
|
||||||
|
* html .subc,
|
||||||
|
* html .subcl,
|
||||||
|
* html .subcr { word-wrap:break-word; o\verflow: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
|
||||||
|
*/
|
||||||
|
|
||||||
|
.subc,
|
||||||
|
.subcl,
|
||||||
|
.subcr,
|
||||||
|
.col3 { height:1%; }
|
||||||
|
}
|
||||||
74
application/media/css/yaml/3.3.1/print/print_100_draft.css
Normal file
74
application/media/css/yaml/3.3.1/print/print_100_draft.css
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
/**
|
||||||
|
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
||||||
|
*
|
||||||
|
* (en) print stylesheet
|
||||||
|
* (de) Druck-Stylesheet
|
||||||
|
*
|
||||||
|
* @copyright Copyright 2005-2011, 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.3.1
|
||||||
|
* @revision $Revision:392 $
|
||||||
|
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 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) Hide unneeded container of the screenlayout in print layout */
|
||||||
|
/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
|
||||||
|
#topnav, #nav, #search, nav, #info_box { display:none; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/* (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; }
|
||||||
|
|
||||||
|
/*------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
223
application/media/css/yaml/3.3.1/screen/content.css
Normal file
223
application/media/css/yaml/3.3.1/screen/content.css
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
/**
|
||||||
|
* "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-2011, 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.3.1
|
||||||
|
* @revision $Revision:392 $
|
||||||
|
* @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 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 { list-style-type:disc; }
|
||||||
|
ul ul { list-style-type:circle; margin-bottom:0; }
|
||||||
|
|
||||||
|
ol { list-style-type:decimal; }
|
||||||
|
ol ol { list-style-type:lower-latin; margin-bottom:0; }
|
||||||
|
|
||||||
|
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; }
|
||||||
|
|
||||||
|
big { font-size:116.667%; }
|
||||||
|
small { font-size:91.667%; }
|
||||||
|
|
||||||
|
pre { line-height:1.5em; margin:0 0 1em 0; }
|
||||||
|
pre, code, kbd, tt, samp, var { font-size:100%; }
|
||||||
|
pre, code { color:#800; }
|
||||||
|
kbd, samp, var, tt { color:#666; font-weight:bold; }
|
||||||
|
var, dfn { font-style:italic; }
|
||||||
|
|
||||||
|
acronym, abbr {
|
||||||
|
border-bottom:1px #aaa dotted;
|
||||||
|
font-variant:small-caps;
|
||||||
|
letter-spacing:.07em;
|
||||||
|
cursor:help;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub { vertical-align: sub; font-size: smaller; }
|
||||||
|
sup { vertical-align: super; font-size: smaller; }
|
||||||
|
|
||||||
|
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; }
|
||||||
|
|
||||||
|
/* (en) maximum constrast for tab focus - change with great care */
|
||||||
|
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
|
||||||
|
a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
|
||||||
|
a:hover,
|
||||||
|
a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }
|
||||||
|
|
||||||
|
/* --- 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:#c30; }
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
BIN
application/media/css/yaml/images/arrow.gif
Normal file
BIN
application/media/css/yaml/images/arrow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 B |
BIN
application/media/css/yaml/images/bg_body.gif
Normal file
BIN
application/media/css/yaml/images/bg_body.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
application/media/css/yaml/images/bg_dotted.png
Normal file
BIN
application/media/css/yaml/images/bg_dotted.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 B |
BIN
application/media/css/yaml/images/bg_head.gif
Normal file
BIN
application/media/css/yaml/images/bg_head.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 B |
BIN
application/media/css/yaml/images/bg_logo.gif
Normal file
BIN
application/media/css/yaml/images/bg_logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
application/media/css/yaml/images/bg_main_bottom.gif
Normal file
BIN
application/media/css/yaml/images/bg_main_bottom.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 B |
BIN
application/media/css/yaml/images/bg_main_top.gif
Normal file
BIN
application/media/css/yaml/images/bg_main_top.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 B |
Binary file not shown.
|
After Width: | Height: | Size: 282 B |
Binary file not shown.
|
After Width: | Height: | Size: 612 B |
Binary file not shown.
|
After Width: | Height: | Size: 138 B |
16
application/media/css/yaml/navigation/nav_buttons.css
Normal file
16
application/media/css/yaml/navigation/nav_buttons.css
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
@media all {
|
||||||
|
#nav_main{width:100%;float:left;background:#000 url(images/buttons/bg_hnav1.gif) repeat-x top left;line-height:0}
|
||||||
|
#nav_main ul{float:left;display:inline;border-left:1px #000 solid;margin:0 0 0 20px;padding:0}
|
||||||
|
#nav_main ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-right:1px #000 solid;margin:0;padding:0}
|
||||||
|
#nav_main ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#ccc;margin:0;padding:10px 1em}
|
||||||
|
#nav_main ul li a:focus,#nav_main ul li a:hover,#nav_main ul li a:active{color:#eee;text-decoration:none;background:transparent url(images/buttons/bg_hnav1_hover.gif) repeat-x top right}
|
||||||
|
#nav_main ul li#current{background:transparent url(images/buttons/bg_hnav1_hover.gif) repeat-x top right}
|
||||||
|
#nav_main ul li#current a,#nav_main ul li#current a:focus,#nav_main ul li#current a:hover,#nav_main ul li#current a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
|
||||||
|
#nav_main2{width:100%;float:left;background:#4e5155;border-top:1px #666 solid;line-height:0;font-size:90%;height:2.2em;overflow:hidden}
|
||||||
|
#nav_main2 ul{float:left;display:inline;border-left:0 #aaa solid;border-right:0 #fff solid;border-bottom:red 1px solid;margin:0 0 0 21px;padding:0}
|
||||||
|
#nav_main2 ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-left:0 #fff solid;border-right:0 #aaa solid;margin:0;padding:0}
|
||||||
|
#nav_main2 ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#aaa;margin:0;padding:.6em .8em}
|
||||||
|
#nav_main2 ul li a:focus,#nav_main2 ul li a:hover,#nav_main2 ul li a:active{color:#fff;text-decoration:none}
|
||||||
|
#nav_main2 ul li#current2{background:#4e5155 url(images/buttons/bg_hnav2_hover.gif) no-repeat bottom center}
|
||||||
|
#nav_main2 ul li#current2 a,#nav_main2 ul li#current2 a:focus,#nav_main2 ul li#current2 a:hover,#nav_main2 ul li#current2 a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
|
||||||
|
}
|
||||||
12
application/media/css/yaml/page.css
Normal file
12
application/media/css/yaml/page.css
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
@import url(3.3.1/core/base.css);
|
||||||
|
@import url(3.3.1/core/iehacks.css);
|
||||||
|
|
||||||
|
/* screen layout */
|
||||||
|
@import url(screen/basemod.css);
|
||||||
|
@import url(screen/basemod_2col.css);
|
||||||
|
@import url(navigation/nav_buttons.css);
|
||||||
|
@import url(3.3.1/screen/content.css);
|
||||||
|
@import url(screen/content.css);
|
||||||
|
|
||||||
|
/* print layout */
|
||||||
|
@import url(3.3.1/print/print_100_draft.css);
|
||||||
38
application/media/css/yaml/screen/basemod.css
Normal file
38
application/media/css/yaml/screen/basemod.css
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
@media screen, projection {
|
||||||
|
body{background:#404347 url(../images/bg_dotted.png) repeat;text-align:center;padding:0;overflow-y:scroll}
|
||||||
|
#page{background:#fff}
|
||||||
|
#page_margins{width:95%;min-width:740px;max-width:90em;text-align:left;position:relative;margin:auto}
|
||||||
|
#header,#nav,#main,#footer{clear:both}
|
||||||
|
#nav { overflow:hidden; }
|
||||||
|
#topnav{position:static;background:#000 url(../images/bg_head.gif) repeat-x bottom;color:#666;text-align:left;font-size:81.25%;border-bottom:1px #000 solid;overflow:hidden;padding:2px 20px}
|
||||||
|
#topnav .langMenu{float:right}
|
||||||
|
#topnav .langMenu a{float:left;margin-right:.5em}
|
||||||
|
#topnav .langMenu img{float:left;border:1px solid #444;margin-right:.3em;margin-top:.1em}
|
||||||
|
#topnav .langMenu img.arrow{border:0;margin-right:0;margin-top:2px}
|
||||||
|
#topnav .langMenu a span.text{float:left;margin-right:.5em;color:#666}
|
||||||
|
#topnav .langMenu a:hover span.text{float:left;margin-right:.5em;color:#FFF}
|
||||||
|
#topnav .langMenu span.text{float:left;margin-right:.5em;color:#FFF}
|
||||||
|
#topnav .langMenu span.text2{float:left;margin-right:.5em}
|
||||||
|
#topnav .langMenu span.textOff{float:left;margin-right:.5em;color:#666}
|
||||||
|
#header{height:60px;color:#fff;background:#000 url(../images/bg_logo.gif) repeat-x top;overflow:hidden}
|
||||||
|
#header img{font-size:208%;margin:10px 0 0 20px}
|
||||||
|
#nav_main2 .tx-macinasearchbox-pi1{float:right;margin:.2em 2em 2px 0}
|
||||||
|
#nav_main2 .tx-macinasearchbox-pi1 input.suchBox{width:12em;padding:.1em}
|
||||||
|
#shadow{height:10px;background:url(../images/bg_main_bottom.gif) repeat-x bottom;border-bottom:1px #888 solid}
|
||||||
|
#footer{position:relative;color:#888;background:#000 url(../navigation/images/buttons/bg_hnav1.gif) repeat-x top;line-height:2em;padding:20px 20px 10px}
|
||||||
|
#backlink{position:absolute;right:20px;bottom:10px;color:#666}
|
||||||
|
#backlink img{position:relative;top:5px}
|
||||||
|
#main{position:relative;border-top:1px #888 solid;background:#fff url(../images/bg_main_top.gif) repeat-x top}
|
||||||
|
.first{overflow:hidden;width:auto;background:url(../images/bg_firstblock.gif) repeat-x bottom;border-bottom:2px #fff solid;height:1%;padding:0 20px 12px}
|
||||||
|
.second{overflow:hidden;color:#f4f4f4;background:#404347 url(../images/bg_body.gif) repeat-x 0 -250px;height:1%;padding:0 20px}
|
||||||
|
* html > body .first{float:left;overflow:visible}
|
||||||
|
* html > body .second{float:left;overflow:visible}
|
||||||
|
#col1{width:22.5%}
|
||||||
|
#col1_content{margin-left:1em;margin-right:1em;background:inherit}
|
||||||
|
#col2{width:280px}
|
||||||
|
#col2_content{margin-left:1em;margin-right:1em}
|
||||||
|
#col3{margin-left:22.5%;margin-right:280px;border-left:0 dotted #ddd;border-right:0 dotted #ddd}
|
||||||
|
#col3_content{margin-left:1em;margin-right:1em}
|
||||||
|
.skip:focus,a.skip:active{position:absolute;display:block;background:#fff;color:#333}
|
||||||
|
}
|
||||||
16
application/media/css/yaml/screen/basemod_2col.css
Normal file
16
application/media/css/yaml/screen/basemod_2col.css
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
@media screen, projection
|
||||||
|
{
|
||||||
|
/* #col1 is the tree menu */
|
||||||
|
#col1 { width: 25%; float:left; margin-top: 10px;}
|
||||||
|
#col1_content { padding: 10px 5px 5px 5px; }
|
||||||
|
|
||||||
|
/* #col2 is not used */
|
||||||
|
#col2 { display:none; }
|
||||||
|
|
||||||
|
/* #col3 is the main content */
|
||||||
|
#col3 { margin-left: 25%; margin-right: 0; margin-top: 10px; border-left: 1px #ddd solid;}
|
||||||
|
#col3_content { padding: 10px 5px 5px 5px; }
|
||||||
|
#info_box { padding: 5px 5px 5px 5px; margin-top: 0px }
|
||||||
|
|
||||||
|
#main {padding: 0em 0}
|
||||||
|
}
|
||||||
131
application/media/css/yaml/screen/content.css
Normal file
131
application/media/css/yaml/screen/content.css
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
@media all {
|
||||||
|
body{color:#333;font-size:81.25%;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif}
|
||||||
|
h1,h2,h3,h4,h5,h6{font-family:Georgia, Times, Serif;font-weight:400}
|
||||||
|
h1{font-size:1.6em;color:#FFF;letter-spacing:-.02em;position:absolute;height:55px;width:85%;margin:0 0 .25em 7em;padding:5px 0 0 20px}
|
||||||
|
h2{font-size:1.8em;color:#111;padding-top:0.25em;letter-spacing:-.02em;margin:0 0 .25em}
|
||||||
|
h3{font-size:1.5em;color:#222;padding-top:1.5em;border-bottom:1px #ddd solid;letter-spacing:0;margin:0 0 .25em}
|
||||||
|
h4{font-size:1.4em;color:#889;padding-top:1em;font-weight:400;margin:0 0 .3em}
|
||||||
|
h5{font-size:1.2em;color:#889;font-style:italic;margin:0 0 .3em}
|
||||||
|
h6{font-size:1em;color:#889;padding-bottom:.3em;border-bottom:1px #ddd solid;margin:0 0 .3em}
|
||||||
|
.first .c33r h2{border-left:10px #800 solid;margin-top:1.5em;background:#f4f4f4;padding:0 0 0 10px}
|
||||||
|
.second a{color:#aaa;font-weight:700}
|
||||||
|
.second h3{font-size:1.6em;color:#fff;padding-bottom:.3em;border-bottom:1px #800 solid}
|
||||||
|
.second h6{border:0;margin:0}
|
||||||
|
h1 span{position:absolute;background:url(/osb/media/img/logo-small.png) no-repeat;height:100%;width:100%;margin-left:-7em;margin-top:-0.4em;}
|
||||||
|
p,ul,dd,dt{line-height:1.5em}
|
||||||
|
p{line-height:1.5em;text-align:justify;margin:0 0 1em}
|
||||||
|
th p{margin:0}
|
||||||
|
table.bugs p{line-height:1.5em;text-align:center;margin:0}
|
||||||
|
dt,li{text-align:justify}
|
||||||
|
strong,b{font-weight:700}
|
||||||
|
em,i{font-style:italic}
|
||||||
|
pre,code{font-family:"Courier New", Courier, monospace}
|
||||||
|
address{font-style:normal;line-height:1.5em;margin:0 0 1em}
|
||||||
|
hr{color:#fff;background:transparent;border:0;border-bottom:1px #eee solid;margin:0 0 .5em;padding:0 0 .5em}
|
||||||
|
acronym,abbr{letter-spacing:.07em;border-bottom:1px dashed #c00;cursor:help}
|
||||||
|
.float_left{float:left;margin-right:1em;margin-bottom:.15em;border:0}
|
||||||
|
.float_right{float:right;margin-left:1em;margin-bottom:.15em;border:0}
|
||||||
|
.center{text-align:center;margin-left:auto;margin-right:auto}
|
||||||
|
.framed{border:4px #222 solid;background:#fff;padding:4px}
|
||||||
|
a,a em.file{color:#aa1124;text-decoration:none}
|
||||||
|
a:hover{text-decoration:underline}
|
||||||
|
a:focus{text-decoration:underline}
|
||||||
|
#topnav a{color:#666;background:transparent;text-decoration:none}
|
||||||
|
#topnav a:hover{color:#fff;text-decoration:underline;background-color:transparent}
|
||||||
|
#topnav a:focus{color:#fff;text-decoration:underline;background-color:transparent}
|
||||||
|
#footer a{color:#ccc}
|
||||||
|
#main a.imagelink{padding-left:0;background:transparent}
|
||||||
|
table{border-collapse:collapse;width:100%;margin-bottom:.5em}
|
||||||
|
table.bugs{margin-bottom:1em;margin-top:.5em}
|
||||||
|
table.bugs th{background:#444;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
|
||||||
|
table.bugs td{background:#888;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
|
||||||
|
table.description{margin-bottom:1em;margin-top:.5em}
|
||||||
|
table.description th{background:#aaa;color:#fff;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
|
||||||
|
table.description td{background:#f4f4f4;color:#444;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
|
||||||
|
input[type=text],input[type=password],textarea,select{background:#fff url(../images/bg_main_top.gif) repeat-x top;border:1px #ccc solid;padding:.2em}
|
||||||
|
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px #448 solid;background:#eef;color:#333}
|
||||||
|
input.suchbox{border:1px #666 solid;background:#333;color:#888;padding:3px}
|
||||||
|
ul.icon{list-style-type:none;margin:0 0 1em;padding:0}
|
||||||
|
ul.icon li{background:url(../../img/icons/symb_item.png) no-repeat left center;margin-left:0;padding-left:20px;text-align:left}
|
||||||
|
ul.link{list-style-type:none;margin:0 0 1em;padding:0}
|
||||||
|
ul.link li{background:url(../../img/icons/symb_link.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
|
||||||
|
ul.info{list-style-type:none;margin:0 0 1em;padding:0}
|
||||||
|
ul.info li{background:url(../../img/icons/symb_info.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
|
||||||
|
.warnung{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_warning.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
|
||||||
|
.wichtig{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_attention.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
|
||||||
|
.hinweis{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_hint.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
|
||||||
|
p.demo{color:#aa1124;background-color:#fff5f5;border:1px #fcc dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_file.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.7em 1em .7em 48px}
|
||||||
|
p.demo span.file{color:#aa1124}
|
||||||
|
p.navlink{background:#f4f5f6 url(../../img/symbols/symb_forward.png);background-repeat:no-repeat;background-position:top left;color:#56636f;border-top:2px #aab2ba solid;margin-bottom:.5em;padding:.7em 1em .7em 48px}
|
||||||
|
p.navlink a{color:#56636f}
|
||||||
|
p.navlink a:hover{font-weight:700;background:transparent}
|
||||||
|
blockquote{color:#444;background:#f8f8f8;border:1px #ddd solid;border-left:8px #ddd solid;margin:0 0 1em 1em;padding:1em 1em 0}
|
||||||
|
ul.linklist{list-style-type:none;margin:0 0 1em}
|
||||||
|
ul.linklist li{margin:0 0 1em}
|
||||||
|
ul.browsers{margin:0 0 .4em}
|
||||||
|
ul.browsers li{list-style-type:none;background:#f8f8f8;color:#444;font-weight:400;text-align:left;border-bottom:1px #fff solid;border-right:1px #fff solid;margin:0;padding:.1em .1em .2em .5em}
|
||||||
|
ul.browsers li img{vertical-align:bottom}
|
||||||
|
ul.browsers li.title{font-weight:700;background:#eee;color:#444;padding:.2em .2em .2em .5em}
|
||||||
|
em.mono,em.file,em.directory{font-family:"Courier New", Courier, monospace;font-style:normal}
|
||||||
|
em.mono{color:#56636f;background:#f4f5f6;border:1px #aab2ba solid;padding:0 .3em}
|
||||||
|
em.file{color:#008;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
|
||||||
|
em.directory{color:#008;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
|
||||||
|
pre,code,p.code{font-family:"Courier New", Courier, monospace;text-align:left;display:block;line-height:1.3em;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;margin:0 0 1em 1em;padding:.5em .5em .5em 1em}
|
||||||
|
code.css,p.code{background-image:url(../../img/symbols/symb_css.png);background-repeat:no-repeat;background-position:top right}
|
||||||
|
code.xhtml{background-image:url(../../img/symbols/symb_xhtml.png);background-repeat:no-repeat;background-position:top right}
|
||||||
|
div.download{text-align:left;display:block;line-height:1.3em;color:#353;background-color:#f4f8f4;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_download.png);background-repeat:no-repeat;background-position:left .8em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
|
||||||
|
div.download p,div.doc p{text-align:left}
|
||||||
|
div.download a.file{color:#000;font-weight:700;text-decoration:underline}
|
||||||
|
div.download a.file:hover{color:#aa1124;font-weight:700;text-decoration:none}
|
||||||
|
div.doc{text-align:left;display:block;line-height:1.3em;color:#56636f;background-color:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_doc.png);background-repeat:no-repeat;background-position:10px 1.3em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
|
||||||
|
div.doc a.file{color:#000;font-weight:700;text-decoration:underline}
|
||||||
|
div.doc a.file:hover{color:red;font-weight:700;text-decoration:none}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;margin:0 0 2em;padding:.5em .5em .5em 1em}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox table{width:auto}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox td{padding:.3em}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox p{margin-bottom:0}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-whatis{font-size:1.5em;font-family:Georgia, Times, Serif;font-weight:400;color:#889}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title{margin-bottom:.5em;font-size:1.4em;font-family:Georgia, Times, Serif;font-weight:400;color:#889;background:#fff}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res{text-align:left}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{color:#aaa;font-size:.9em}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{width:100px}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{width:150px}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw{font-weight:700;font-style:italic}
|
||||||
|
.tx-indexedsearch P.tx-indexedsearch-noresults{text-align:center;font-weight:700}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P{font-weight:700}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent{font-weight:400}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P{font-style:italic}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead{margin-top:20px;margin-bottom:5px}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2{color:#069;margin-top:0;margin-bottom:0;background:transparent}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE{background:#ccc}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD{vertical-align:middle}
|
||||||
|
.tx-indexedsearch .tx-indexedsearch-res .noResume{color:#666}
|
||||||
|
.tx-indexedsearch-sw,.csc-sword,.tx-indexedsearch-redMarkup{font-family:monospace;font-style:normal;color:#fff;background:#484;padding:0 .3em}
|
||||||
|
.tx-dropdownsitemap-pi1 A{font-weight:700}
|
||||||
|
.tx-dropdownsitemap-pi1 li.open ol{display:block}
|
||||||
|
.tx-dropdownsitemap-pi1 li.closed ol{display:none}
|
||||||
|
.tx-dropdownsitemap-pi1 li.open ul{display:block}
|
||||||
|
.tx-dropdownsitemap-pi1 li.closed ul{display:none}
|
||||||
|
.tx-dropdownsitemap-pi1 div{padding:2px}
|
||||||
|
.tx-dropdownsitemap-pi1 div.level_2{background:#fff}
|
||||||
|
.tx-dropdownsitemap-pi1 div.level_2 a{font-weight:400}
|
||||||
|
.tx-dropdownsitemap-pi1 div.level_3{background:#fff}
|
||||||
|
.tx-dropdownsitemap-pi1 div.level_4{background:#fff}
|
||||||
|
.tx-dropdownsitemap-pi1 div.level_5{background:#fff}
|
||||||
|
.tx-dropdownsitemap-pi1 div.expAll{text-align:center;background-color:#f4f8f4;border:1px #aca dotted;margin-bottom:1em}
|
||||||
|
.tx-dropdownsitemap-pi1 div.expAll a{color:#353}
|
||||||
|
.tx-dropdownsitemap-pi1 img{margin-right:.5em}
|
||||||
|
.tx-dropdownsitemap-pi1 a:hover{background:transparent}
|
||||||
|
p.floatbox{overflow:hidden}
|
||||||
|
p.smalltext{font-size:.9em}
|
||||||
|
span.mono{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;padding:0 .3em}
|
||||||
|
span.file{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
|
||||||
|
span.directory{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
|
||||||
|
span.version{display:block;color:#666;font-weight:400;font-size:85%;padding:0 5px 0 20px}
|
||||||
|
.csc-mailform-field{clear:left}
|
||||||
|
fieldset.csc-mailform .csc-mailform-field label{width:11em;float:left}
|
||||||
|
fieldset.csc-mailform .csc-mailform-field input,fieldset.csc-mailform .csc-mailform-field select,fieldset.csc-mailform .csc-mailform-field textarea{margin-bottom:.5em}
|
||||||
|
fieldset.csc-mailform .csc-mailform-field textarea{font-size:1em}
|
||||||
|
fieldset.csc-mailform label span{color:red}
|
||||||
|
input#mailformformtype_mail{margin-left:11.1em}
|
||||||
|
}
|
||||||
72
application/media/js/yaml/yaml-focusfix.js
Normal file
72
application/media/js/yaml/yaml-focusfix.js
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
/**
|
||||||
|
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
||||||
|
*
|
||||||
|
* (en) Workaround for IE8 und Webkit browsers to fix focus problems when using skiplinks
|
||||||
|
* (de) Workaround für IE8 und Webkit browser, um den Focus zu korrigieren, bei Verwendung von Skiplinks
|
||||||
|
*
|
||||||
|
* @note inspired by Paul Ratcliffe's article
|
||||||
|
* http://www.communis.co.uk/blog/2009-06-02-skip-links-chrome-safari-and-added-wai-aria
|
||||||
|
* Many thanks to Mathias Schäfer (http://molily.de/) for his code improvements
|
||||||
|
*
|
||||||
|
* @copyright Copyright 2005-2011, 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.3.1
|
||||||
|
* @revision $Revision: 501 $
|
||||||
|
* @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
var YAML_focusFix = {
|
||||||
|
skipClass : 'skip',
|
||||||
|
|
||||||
|
init : function () {
|
||||||
|
var userAgent = navigator.userAgent.toLowerCase();
|
||||||
|
var is_webkit = userAgent.indexOf('webkit') > -1;
|
||||||
|
var is_ie = userAgent.indexOf('msie') > -1;
|
||||||
|
|
||||||
|
if (is_webkit || is_ie) {
|
||||||
|
var body = document.body,
|
||||||
|
handler = YAML_focusFix.click;
|
||||||
|
if (body.addEventListener) {
|
||||||
|
body.addEventListener('click', handler, false);
|
||||||
|
} else if (body.attachEvent) {
|
||||||
|
body.attachEvent('onclick', handler);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
trim : function (str) {
|
||||||
|
return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
|
||||||
|
},
|
||||||
|
|
||||||
|
click : function (e) {
|
||||||
|
e = e || window.event;
|
||||||
|
var target = e.target || e.srcElement;
|
||||||
|
var a = target.className.split(' ');
|
||||||
|
|
||||||
|
for (var i=0; i < a.length; i++) {
|
||||||
|
var cls = YAML_focusFix.trim(a[i]);
|
||||||
|
if ( cls === YAML_focusFix.skipClass) {
|
||||||
|
YAML_focusFix.focus(target);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
focus : function (link) {
|
||||||
|
if (link.href) {
|
||||||
|
var href = link.href,
|
||||||
|
id = href.substr(href.indexOf('#') + 1),
|
||||||
|
target = document.getElementById(id);
|
||||||
|
if (target) {
|
||||||
|
target.setAttribute("tabindex", "-1");
|
||||||
|
target.focus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
YAML_focusFix.init();
|
||||||
|
})();
|
||||||
@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<title><?php echo $meta->title; ?></title>
|
<title><?php echo $meta->title; ?></title>
|
||||||
<link rel="shortcut icon" href="<?php echo $meta->shortcut_icon ? $meta->shortcut_icon : '/favicon.ico' ?>" type="image/vnd.microsoft.icon" />
|
<link rel="shortcut icon" href="<?php echo $meta->shortcut_icon ? $meta->shortcut_icon : '/favicon.ico' ?>" type="image/vnd.microsoft.icon" />
|
||||||
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
<meta http-equiv="Content-Language" content="<?php echo $meta->language; ?>" />
|
<meta http-equiv="Content-Language" content="<?php echo $meta->language; ?>" />
|
||||||
<meta name="keywords" content="<?php echo $meta->keywords; ?>" />
|
<meta name="keywords" content="<?php echo $meta->keywords; ?>" />
|
||||||
<meta name="description" content="<?php echo $meta->description; ?>" />
|
<meta name="description" content="<?php echo $meta->description; ?>" />
|
||||||
|
|||||||
120
application/views/yaml/page.php
Normal file
120
application/views/yaml/page.php
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<!-- YAML Template Layout for lnApp -->
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="auto" lang="auto">
|
||||||
|
<head>
|
||||||
|
<title><?php echo $meta->title; ?></title>
|
||||||
|
<link rel="shortcut icon" href="<?php echo $meta->shortcut_icon ? $meta->shortcut_icon : '/favicon.ico' ?>" type="image/vnd.microsoft.icon" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<meta http-equiv="Content-Language" content="<?php echo $meta->language; ?>" />
|
||||||
|
<meta name="keywords" content="<?php echo $meta->keywords; ?>" />
|
||||||
|
<meta name="description" content="<?php echo $meta->description; ?>" />
|
||||||
|
<meta name="copyright" content="<?php echo $meta->copywrite; ?>" />
|
||||||
|
<!-- JavaScript Detection -->
|
||||||
|
<script type="text/javascript">document.documentElement.className += " js";</script>
|
||||||
|
<link href="<?php echo URL::site(); ?>media/css/yaml/page.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<!--[if lte IE 7]>
|
||||||
|
<link href="<?php #echo URL::site(); ?>media/css/patches/none.css" rel="stylesheet" type="text/css" />
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<?php echo $meta->styles; ?>
|
||||||
|
<?php echo $meta->scripts; ?>
|
||||||
|
<?php if (! $left) { ?>
|
||||||
|
<style type="text/css">
|
||||||
|
#col3 { margin-left: 0; margin-right: 0; border-left: 0px;}
|
||||||
|
#col3_content{ padding-left: 0px; padding-right: 0px; }
|
||||||
|
#col1 { display: none;}
|
||||||
|
</style>
|
||||||
|
<?php } ?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- skip link navigation -->
|
||||||
|
<ul id="skiplinks">
|
||||||
|
<li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
|
||||||
|
<li><a class="skip" href="#col3">Skip to main content (Press Enter).</a></li>
|
||||||
|
</ul>
|
||||||
|
<div id="page_margins">
|
||||||
|
<div id="page">
|
||||||
|
<div id="topnav">
|
||||||
|
<div class="langMenu">
|
||||||
|
<!--
|
||||||
|
<?php #echo HTML::anchor('#',HTML::image(sprintf('media/img/country/%s.png',strtolower(Config::instance()->so->country->two_code)),array('alt'=>Config::instance()->so->country->display('name'),'class'=>'flag','title'=>Config::instance()->so->country->display('name'),'width'=>'18','height'=>'12')).'<span class="text">'.Config::instance()->so->country->display('name').'</span>'); ?>
|
||||||
|
<img class="arrow" src="<?php echo URL::site(); ?>media/css/yaml/images/arrow.gif" width="7" height="10" alt="" />
|
||||||
|
-->
|
||||||
|
<?php echo HTML::image(sprintf('media/img/country/%s.png',strtolower(Config::instance()->so->country->two_code)),array('alt'=>Config::instance()->so->country->display('name'),'class'=>'flag','title'=>Config::instance()->so->country->display('name'),'width'=>'18','height'=>'12')); ?>
|
||||||
|
<span class="text"><?php echo Config::instance()->so->country->display('name'); ?></span>
|
||||||
|
<!-- //@todo Enable contact form -->
|
||||||
|
<div style="display:none">
|
||||||
|
<span class="text2"> | </span>
|
||||||
|
<?php echo HTML::anchor('contact','Contact Us'); ?>
|
||||||
|
</div>
|
||||||
|
<span class="text2"> | </span>
|
||||||
|
<?php echo HTML::anchor('login','Login'); ?>
|
||||||
|
</div>
|
||||||
|
<span><?php echo Company::name(); ?></span>
|
||||||
|
</div>
|
||||||
|
<div id="header" role="banner">
|
||||||
|
<h1><span> </span> </h1>
|
||||||
|
</div>
|
||||||
|
<!-- begin: main navigation #nav -->
|
||||||
|
<div id="nav" role="navigation">
|
||||||
|
<div id="nav_main">
|
||||||
|
<ul>
|
||||||
|
<li id="current"><a href="../index.html">Home</a></li>
|
||||||
|
<li><a href="3col_gfxborder.html">Information</a></li>
|
||||||
|
<li><a href="3col_gfxborder.html">Products</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="nav_main2">
|
||||||
|
<?php echo $control; ?>
|
||||||
|
<ul>
|
||||||
|
<li><a href="en/community/cms-templates.html"><span>CMS Integration</span></a></li>
|
||||||
|
<li id="current2"><a href="en/community/login.html"><span>Login</span></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end: main navigation -->
|
||||||
|
<!-- begin: main content area #main -->
|
||||||
|
<div id="main">
|
||||||
|
<!-- begin: #col1 - first float column -->
|
||||||
|
<div id="col1" role="complementary">
|
||||||
|
<div id="col1_content" class="clearfix">
|
||||||
|
<?php echo $left; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end: #col1 -->
|
||||||
|
<!-- begin: #col2 second float column -->
|
||||||
|
<div id="col2" role="complementary">
|
||||||
|
<div id="col2_content" class="clearfix">
|
||||||
|
<?php echo $right; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end: #col2 -->
|
||||||
|
<!-- begin: #col3 static column -->
|
||||||
|
<div id="col3" role="main">
|
||||||
|
<div id="col3_content" class="clearfix">
|
||||||
|
<div id="ajBODY">
|
||||||
|
<!-- begin: info box -->
|
||||||
|
<?php if ((string)$sysmsg) { ?>
|
||||||
|
<div id="info_box" class="info" style="display:block;">
|
||||||
|
<?php echo $sysmsg; ?>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
<!-- end: info box -->
|
||||||
|
<?php echo $content; ?>
|
||||||
|
<div id="ie_clearing"> </div>
|
||||||
|
<!-- End: IE Column Clearing -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end: #col3 -->
|
||||||
|
</div>
|
||||||
|
<!-- end: #main -->
|
||||||
|
<!-- begin: #footer -->
|
||||||
|
<div id="shadow"></div>
|
||||||
|
<div id="footer" role="contentinfo"><?php echo $footer; ?></div>
|
||||||
|
<!-- end: #footer -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- full skiplink functionality in webkit browsers -->
|
||||||
|
<script src="/osb/media/js/yaml/yaml-focusfix.js" type="text/javascript"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user