das läuft im moment bei mir daheim local.
Code:
CSS - http://localhost/kibes_static/index.php?debug=1
* Collapse All
* Expand All
http://localhost/kibes_static/index.php?debug=1
http://localhost/kibes_static/templates/eberhard/css/zentral.css
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) central stylesheet - layout example "3col_standard"
* (de) Zentrales Stylesheet - Beispiellayout "3col_standard"
*
* @copyright Copyright 2005-2007, 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/screen/basemod_grids2.css);
@import url(../yaml/screen/content_grids2.css);
/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_grids2.css);
@import url(forms.css);
@media screen{
body {
font-family: sans-serif, serif, monospace;
font-size: 13px;
background-color: #E0E1F2;
behavior:url("csshover.htc");
}
#footer form{
padding:0;
}
.page_margins{
background-color: transparent;
width:auto;
height:auto;
}
#header{
border: 1px solid #A6A7AF;
}
#header img{
border: 0;
}
#header .angemeldet{
padding-left:50px;
}
#header .search{
float:right;
width:200px;
padding-top:40px;
top:50px;
}
#main{
background-color: transparent;
padding:0;
}
#main .subcl , .subc, .subcr{
background-color:white;
border: 1px solid #000099;
padding:5px 10px;
margin-top: 5px;
margin-bottom: 0;
}
#main {
margin-top: 0px;
}
.subcl {
margin-right:5px;
}
.subc {
margin-left: 5px;
margin-right:5px;
}
.subcr{
margin-left: 5px;
}
.subcl h2{
margin-top: 0;
}
h2 {
font-style: normal;
font-weight: bold;
color: black;
}
#main .login{
background: transparent;
border:0;
}
#main .test1{
background: transparent;
border:none;
margin-left:0;
padding-left:0;
}
#main .tabelle{
width:100%;
border: 1px solid #000099;
padding:0;
margin:0;
background: #D8D8D8;
}
#main .tabelle1{
background:transparent;
border:none;
padding:0;
padding-left:1px;
}
#footer{
padding:0;
}
#main p + p{
text-indent:0;
}
#main .noBorder{
border:0px;
background:transparent;
padding:0;
padding-left:1px;
}
#main .schriftfarbe{
color:#030C95;
font-size:200%;
}
#main .schriftfarbe2{
color:#030C95;
}
#main .noBackground{
background:transparent;
}
#main .grenzeOben{
margin-top:0;
margin-bottom: 10px;
}
#main .border{
border: 1px solid Black;
}
#main .mitte{
padding:2px;
margin:auto;
width:300px;
text-align: center;
}
ul#navmenu {
margin-top: 15px;
border: 0 none;
padding: 0;
margin-right: 10px;
width: 100%; /*For KHTML*/
list-style: none;
height: 24px;
font-size: 13px;
}
#navmenu{
background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' );
background-repeat: repeat-x;
margin-left: 0;
margin-top: 5px;
height:30px;
}
#menu_list a{
}
.menu_sub_list{
/*display: none;*/
background:#EEE;
}
.btn {
background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' );
color: black;
text-decoration: none;
border: 1px black solid;
text-align: center;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: transparent;
color: #666;
text-decoration: none;
height: auto !important;
height: 100%; /*For IE*/
color: Black;
font-size: 13;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #FFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
#infobox{
}
#header .subcl{
}
#header .subcr{
padding: 0 0 0 24px;
}
#header .subc{
background:transparent;
}
#header .c33r{
margin: 5px;
padding: 5px;
}
.c25l{
border: 1px solid #000099;
}
.table_row_1{
background: #8ba6d0 url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' ) repeat-x;
}
.table_row_2{
background: #F1F1F1;
}
input {
border: 1px blue solid;
}
td a{
color:black;
font-weight: bold;
}
.tooltip {
text-decoration:none;
}
.tooltip:hover {
background-color: #E0E1F2;
text-decoration:none;
}
.tooltip span.info{
display:none;
}
.tooltip:hover span.info{
display:block;
position: absolute;
width: 250px;
background-color: white;
border: 1px solid black;
}
}
http://localhost/kibes_static/templates/eberhard/yaml/core/base.css
@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;
}
}
http://localhost/kibes_static/templates/eberhard/yaml/screen/basemod_grids2.css
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Screen layout for YAML examples
* (de) Bildschirmlayout für YAML-Beispiele
*
* @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
{
/*-------------------------------------------------------------------------*/
/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
body { background: #fff; }
/* Layout Alignment | Layout-Ausrichtung */
body { text-align:center; }
body * { text-align:left; }
.page_margins { margin: 0 auto; }
/* Layout Properties | Layout-Eigenschaften */
.page_margins { width: auto; min-width: 360px; max-width: 98%; background: #ddd; padding: 12px; }
.page { padding: 12px 24px; border: 1px #aaa solid; background: #fff; }
#header { padding: 12px 24px 0 24px; color: #000; background: #fff; }
#topnav { top: 24px; right: 24px; color: #aaa; background: transparent; }
#main { margin: 12px 0; background: #fff; }
#footer { padding: 0px 24px; color:#666; }
/*-------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
*/
#main { padding: 0px 24px; }
#header .subc { padding: 0 24px; }
.subcl { padding: 0 24px 0 0; }
.subcr { padding: 0 0 0 24px; }
#header .subc { border: 1px solid black;}
#main .subcl { border-right: 1px #ddd solid; }
.subcolumns { border-bottom: 1px #ddd solid; }
.subcolumns .subcolumns {border-bottom: 0px #ddd solid; }
.maincontent { padding-left: 36px; }
}
http://localhost/kibes_static/templates/eberhard/yaml/screen/content_grids2.css
@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) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts
*/
/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01% }
/* (en) reset monospaced elements to font size 16px in Gecko browsers */
/* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
textarea, pre, tt, code {
font-family:"Courier New", Courier, monospace;
}
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 75.00%;
color: #444;
}
h1,h3,h4,h5,h6 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing: -1px;
color:#000;
}
h2, h3 em {
font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
font-weight:normal;
letter-spacing: 0px;
font-style:italic;
}
h1 { font-size: 300%; line-height: .5em; margin-top: .5em; margin-bottom: .5em; letter-spacing: -2px; }/* 36px */
h2 { font-size: 200%; line-height: 1.5em; margin-top: .75em; margin-bottom: .75em; color: #666; } /* 24px */
h3 { font-size: 150%; line-height: 1.0em; margin-top: 1.0em; margin-bottom: 1.0em; } /* 18px */
h4 { font-size: 133.333%; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 1.125em; } /* 16px */
h5 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight:bold;} /* 14px */
h6 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight:bold;} /* 14px */
#header h2 {border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin: 0; padding: .75em 0 .75em 0;}
#footer h2 {border-bottom: 1px #ddd solid; margin-bottom: 0; padding-bottom: .75em;}
p { font-size: 1em; color: #444; line-height: 1.5em; margin: 1.5em 0; }
p.small { font-size: 0.8333em; line-height: 1.8em; margin: 1.8em 0; }
#main p + p { text-indent: 2em; }
#header .subcolumns p, .subcolumns .subcolumns p { margin-bottom: 0; padding-bottom: 1.5em;}
.subcolumns .subcolumns p { text-indent: 0; margin-left: 0;}
/* ### Lists | Listen #### */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 1.5em 0em 1.5em 2em }
/* ### text formatting | Textauszeichnung ### */
cite, blockquote { font-style:italic }
blockquote { margin: 1.5em 0 1.5em 2em; color: #888;}
strong,b { font-weight: bold }
em,i { font-style:italic }
pre, code { font-family: monospace; font-size: 1.1em; }
acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}
/**
* Generic Content Classes
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.note { text-indent: 0 !important; color: #333; background: #f4f4f4; padding: 1.5em; }
.important { text-indent: 0 !important; background: #ffd; padding: 1.5em; }
.warning { text-indent: 0 !important; background: #fdd; padding: 1.5em; }
.float_left { float: left; display:inline; margin: 0 1.5em 1em -36px; }
.float_right { float: right; display:inline; margin: 0 -36px 1em 1.5em; }
.center { text-align:center; margin: 1.5em auto }
img {padding: 5px; border: 1px #888 solid; }
/**
* External Links
*
* (en) Formatting of hyperlinks
* (de) Gestaltung von Hyperlinks
*
*/
a {color: #4D87C7; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#182E7A; text-decoration:underline;}
#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent;}
#footer a { color: #222; background:transparent; font-weight: bold;}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
/**
* (en) Emphasizing external Hyperlinks via CSS
* (de) Hervorhebung externer Hyperlinks mit CSS
*
* @section content-external-links
* @app-yaml-default disabled
*/
/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
padding-left: 12px;
background-image: url('your_image.gif');
background-repeat: no-repeat;
background-position: 0 0.45em;
}
*/
/**
* Tables | Tabellen
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }
th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }
/**
* Miscellaneous | Sonstiges
*
* @section content-misc
*/
hr {
color: #fff;
background:transparent;
margin: 1.5em 0;
padding:0;
border:0;
border-bottom: 2px #ddd solid;
}
}
http://localhost/kibes_static/templates/eberhard/yaml/print/print_grids2.css
@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(../../yaml/core/print_base.css);
@media print
{
#header, #main { padding: 0; }
body .subc, body .subcl, body .subcr,
.maincontent { padding: 0 !important; border: 0 none !important;; }
body .subcolumns { border: 0 none; }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) optional changes of font-family and font size
* (de) optionale Anpassung der Schriftenfamilie und der Schriftgröße
*/
/*
body { font-size: 12pt; }
body * { font-family: "Times New Roman", Times, serif; }
code, pre { font-family:"Courier New", Courier, mono; }
*/
/*------------------------------------------------------------------------------------------------------*/
/* (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;
}
*/
}
http://localhost/kibes_static/templates/eberhard/yaml/core/print_base.css
@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;
}
}
http://localhost/kibes_static/templates/eberhard/css/forms.css
@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: transparent;
/* border: 1px #ddd solid;*/
margin: 0;
padding: 5px;
width: 350px;
}
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-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' );
/* background: #454545 url(images/button_gray.png) top left repeat-x; */
padding: .5em 1.2em;
text-align:center;
}
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; }
}
22.06.2009, 22:19
Ähnliche Themen
Linear-Darstellung
