@charset "UTF-8"; /** * YAML-based Template for xt:Commerce * * (en) central stylesheet * (de) entrales Stylesheets * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ /* import core styles | Basis-Stylesheets einbinden */ /** * "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-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.0.2 * @revision $Revision: 107 $ * @lastmodified $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $ */ @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 } /** * (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% } body { min-height: 101%; /* (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: #1a171b; background: #fff; text-align: left; } /* (en) Clear borders for
and elements */ /* (de) Rahmen für
und 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 } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;} /*------------------------------------------------------------------------------------------------------*/ /** * @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 } #topnav { position:absolute; top: 10px; right: 10px; /* (en) essential for correct alignment in Opera 6 ! */ /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */ text-align: right; } #nav { clear:both; width: auto } #main { clear:both; width: auto } /* (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) Backup for #footer positioning */ /* (de) Absicherung für die Positionierung von #footer */ #footer { clear:both; display:block } /* (en) Adjustment: sort #col3 behind float columns using z-index */ /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */ #col1 {z-index: 3} #col2 {z-index: 5} #col3 {z-index: 1} #col1_content {z-index: 4} #col2_content {z-index: 6} #col3_content {z-index: 2} #col1_content, #col2_content, #col3_content { position:relative } /*------------------------------------------------------------------------------------------------------*/ /** * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * .hidenone -> show all columns * .hideleft -> 2-column-layout (using #col2 and #col3) * .hideright -> 2-column-layout (using #col1 and #col3) * .hidenone -> single-column-layout (using #col3) */ .hidenone #col3 {margin: 0 200px} .hideboth #col3 {margin-left: 0; margin-right: 0} .hideleft #col3 {margin-left: 0; margin-right: 200px} .hideright #col3 {margin-left: 200px; margin-right: 0} .hideboth #col1, .hideboth #col2 {display:none} .hideleft #col1 {display:none} .hideright #col2 {display:none} /*------------------------------------------------------------------------------------------------------*/ /** * @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; 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, .subcolumns_oldgecko { 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 { 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 } /*------------------------------------------------------------------------------------------------------*/ /** * @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: -1000em; left: -1000em; height: 1px; width: 1px; } /* (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; height: auto; width: auto; } } /** * YAML-based Template for xt:Commerce * * (en) Variation of screen layout (basemod.css) * (de) Variation des Screenlayouts (basemod.css) * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /*------------------------------------------------------------------------------------------------------*/ /** * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts * * @section layout-basics */ /* Page margins and background | Randbereiche & Seitenhintergrund */ body { background: #b2b2b2; padding: 10px; background-image: url(../../img/body_bg.gif);background-repeat: repeat-x; } /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */ #page{ border: 1px #667 solid; } #page_margins {border:0; min-width: 756px; max-width: 80em; margin:auto;} /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ #header { position:relative; height: 140px; color: #fff; background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; } img#companyLogo {position:absolute; top: 25px; left: 10px; font-size:208%;} #main { background: #fff ; padding-top: 1em;} #footer { color:#9A9A9A; background: #363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x top; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 1.5em; font-size:0.8em;} #teaser { margin:0; background: #ffffff; padding:4px 4px 4px 18px; color: #5f5d75; } /*------------------------------------------------------------------------------------------------------*/ /** * Formatting of the Content Area | Formatierung der Inhaltsbereichs * * @section layout-main */ #col1 { width: 185px; } #col1_content { margin-left:0; margin-right:0; color: #444; background:inherit; } #col2 { width:200px; } #col2_content { padding-left:4px; margin-left:0; margin-right:0; } #col3 { margin-left: 185px; margin-right: 200px; border-left: 0px dotted #ddd; border-right: 0px dotted #ddd; } #col3_content { margin-left: 1em; margin-right: 1em; } /*------------------------------------------------------------------------------------------------------*/ /** * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente * * @section layout-misc */ /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */ #main_checkout { background:#ffffff; } #col3_checkout { width:100%; } } /** * YAML-based Template for xt:Commerce * * (en) Variation of screen layout (basemod.css) for layout example "3col_fixed" * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "3col_fixed" * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:commve * @version 1.3.0 */ @media screen { /** * (en) * (de) * * |-------------------------------| * | #header | * | 960px | * |-------------------------------| * | #col1 | #col3 | #col2 | * | 185px | 575px | 200px | * |-------------------------------| * | #footer | * |-------------------------------| */ #kopf { position: absolute; top: 0; left: 0; width: 100%; height: 116px; background: transparent url(img/kopf_bg.gif) repeat-x scroll; } #page_margins, #kopf_content { width: 960px; margin-left: auto; margin-right: auto; max-width:inherit; /* min-width für fixes Layout abschalten */ min-width:inherit; /* max-width für fixes Layout abschalten */ position: relative; } #kopf_content { height: 15px; overflow: visible; } #kopf_content #copyright { position: absolute; top: 0; left: 825px; } /* Korrektur von Randabständen */ #main { margin: 0; padding: 0; } #footer {margin:0; padding: 1em; border-color: #aaa; } /* Hintergrundgrafik für linke Spalte - Grafikbreite 200 Pixel */ #main { background: transparent; } } /** * "Yet Another Multicolum Layout" - (X)HTML/CSS Framework * * (en) Uniform design of standard content elements * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @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) base layout gets standard font size 12px */ /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ body { background: #fff; padding: 0; background-image: none; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:68.75%; } /* ###################################################################################################### ** # Standard-Vorgaben ################################################################################## ** ###################################################################################################### ** */ h1,h2,h3,h4 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal; font-style: italic; } h1 {font-size: 1.00em; color: #1a171b; margin: 0; font-weight:bold; } h2 {font-size: 1.05em; color: #1a171b; margin: 0 0 0.30em 0; font-weight:bold; } h3 {font-size: 1.0em; color: #1a171b; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; } h4 {color: #1a171b; padding-top: 0.3em; font-weight:bold; /* border-bottom: 1px #C5C5C5 solid; */ } #teaser h1 { font-size: 1.2em; border: 0; } #teaser a { color: #939598; font-weight: bold; } ul,p,dd,dt,div { line-height: 1.5em;} p { line-height: 1.5em; margin: 0 0 1em 0; } strong,b { font-weight: bold; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif } 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 0; } #col3_content h4 {font-size: 1.05em; color: #1a171b; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;} /* ### Produkname ###*/ #col3_content h1 { font-size: 150%; } .contentContainer h3 { font-size: 127.27%; } /* ###################################################################################################### ** # YAML für xt:commerce (c) by Björn Teßmann (http://yaml.t3net.de / http://www.zerosoftware.de ###### ** ###################################################################################################### ** ** YAML für xt:commerce Version: 1.0.2 ** Dateiversion: 18.05.07 ** Datei : content.css ** Funktion : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.) ** */ /* ###################################################################################################### */ /* ### Allgemeine Angaben ############################################################################### */ /* ###################################################################################################### */ /* ### beende Umfluß in Abschnitt ### */ .clearHere { clear: both; } /* ### special für Überschrift und danben ein pulldown-Filter alle contents darunter - obwohl floats ### */ .headundfilter { position: relative; overflow: hidden; } /* ### CSS für floatende Inhaltselemente ### */ /* ### DIV-Tags ### */ .leftCol { margin-top: 4px; float: left; padding-left: 2px; } .rightCol { position:absolute; margin-top:4px; right:0; padding-right:20px; } /* ### Ausblenden von underline und Rahmen bei Bildern als Link ### */ a.imgLink { border: 0px none; text-decoration: none; } .dontShow { position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline; } .optionsBg { background-color: #F1F1F1; margin: 0; padding: 5px;} #col3_content .longInput, #col3_content .longTextarea textarea { width: 99%; } #col3_content label.longLabel { width: 99%; float: none; } /* ### Auszeichnung lokaler und externer Links ######################################################## */ a, a em.file { color: #939598; text-decoration:none; } a:hover { color: #000; text-decoration:underline; } #topnav a { color: #939598; background:transparent; text-decoration:none; } #topnav a:hover{color: #000; text-decoration:underline; background-color: transparent;} #footer a { color: #939598; } #footer a:hover { color: #000; text-decoration:underline; } /* ### Stehen lassen ### */ #main a.imagelink { padding-left: 0; background: transparent; } /* ### Formatierung "benötigte Felder"-Anzeige ### */ .inputRequirement { font-size: 11px; color: #F00; } /* ### Copyright-Vermerk von xt:C #### */ .copyright { font-size: 11px; line-height: 1.5; text-align:center; } A.copyright { color: #939598; } A.copyright:hover { color: #000; text-decoration: underline; } A.acrobat { padding-left: 15px; background: transparent url(img/icons/acrobat_12.gif) no-repeat scroll 0 0; } a.loeschen, a.loeschen:visited { background:transparent url(img/icons/user-trash.gif) no-repeat scroll right -2px; color:#f00; padding: 2px 18px 2px 0; } a.loeschen:hover { background:transparent url(img/icons/user-trash_h.gif) no-repeat scroll right -2px; color:#cc071e; } /* ### Parse-Time-Anzeige von xt:C #### */ .parseTime { font-size: 11px; line-height: 1.5; text-align:center; } /* ### Stehen lassen ###*/ TD.main, P.main { font-size: 12px; line-height: 1.5; } /* ### Formatierung für Anzeige ausverkaufte Artikel ### */ SPAN.markProductOutOfStock { font-size: 12px; color: #c76170; font-weight: bold; } /* ### Formatierung Sonderpreis ### */ SPAN.productSpecialPrice { color: #F00; } /* ### Formatierung alter Preis ### */ SPAN.productOldPrice { color: #F00; text-decoration: line-through; } SPAN.errorText { color: #F00; } SPAN.productDiscountPrice { color: #F00; font-weight: bold; } /* #################################################################################################### */ /* ### Layoutelement Container ######################################################################## */ /* #################################################################################################### */ .container { background-color: #f5f5f5; margin-bottom: 3px; padding: 5px; } .container2 { background-color: #f0f0f0; margin-bottom: 3px; padding: 5px; } .moduleRow { background-color: transparent; margin-bottom: 3px; padding: 5px; border: 1px solid #eee; } .moduleRowOver { background-color: #eee; border: 1px solid #ccc; margin-bottom: 3px; padding: 5px; } .moduleRowSelected { background-color: #eee; border: 1px solid #ccc; margin: 0; padding: 5px; } /* ###################################################################################################### ** ### Formulare & Tabellen ############################################################################# ** ###################################################################################################### */ form { overflow:hidden; } input, textarea, select { font-size: 127.28%; padding: 2px; } /* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */ #col3_content label { font-size: 1em; line-height: 130%; background: transparent; color: #1a171b; width: 16em; padding-right: 4px; margin-bottom: 5px; float: left; } /* ### Texteingabefelder ### */ input[type=text], #col3_content textarea, input[type=password] , select { background-color: #f5f5f5; color: #504c57; border: 1px solid #d3d4d6; /* ### Farbe für den Rand ### */ float: left; margin-bottom: 5px; } /* ### Standardgröße für Texteingabefelder Inhaltsspalte (col3)### */ #col3_content input[type=text], #col3_content textarea,#col3_content input[type=password] { width: 15em; } /* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */ input[type=text]:hover, input[type=text]:active, input[type=text]:focus, input[type=password]:hover, input[type=password]:active, input[type=password]:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus, #col3_content textarea:hover, #col3_content textarea:active, #col3_content textarea:focus { background-color: #fff; color: #1a171b; border: 1px solid #939598; /* Farbe für den Rand bei Hover */ } /* ### Suche im Kopf ### */ #box_search input.headsearch { width: 135px; padding: 0 2px; font-size: 80.00%; } #box_search input.headsearch[type=text]:hover, #box_search input.headsearch[type=text]:active, #box_search input.headsearch[type=text]:focus { border: 1px solid #fff; } /* ### Rahmen um Eingabefelder ### */ #col3_content fieldset { border: 1px solid #939598; padding: 4px; margin-bottom: 1em; margin-top: 5px;} /* ### Beschriftung der fieldsets ### */ #col3_content legend { font-size: 127.27%; font-weight: bold; color: #1a171b; padding-top: 2px; padding-bottom: 2px; } /* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */ input[type=hidden] { display: none; } /* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */ input[type=radio] , input[type=checkbox] { background: #fff; color: #1a171b; border: 0 none; width: 1em; height: 1em; margin: 0 15px 0 0; padding: 0; float: left; } /* ### Inhalt: Tabelle ### */ table { width: 100%; margin-bottom:0.5em; } caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; } tbody td, th { border-bottom: 1px dotted #939598; vertical-align: top; padding:5px; } thead th { padding: 5px; text-align: left; color: #1a171b; border-bottom: 1px dotted #939598; font-weight: bold; } tbody th { padding: 5px; text-align: left; color: #1a171b; line-height: 1.5em; font-weight: normal; } tbody tr.odd, tbody tr.odd th { background: #FEE9BD; } tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; } /* tbody tr, tbody tr th { background: #d3ebfb; } */ tfoot th, tfoot td { margin: 0; padding: 5px 10px; text-align: left; color: #1a171b; } tfoot th { border: none; } tfoot td { padding-left: 10px; } tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #fff; vertical-align: top; padding:2px; } tbody td.attribute , tbody td.value{ margin:0; padding:0; border:0; font-size:0.9em; line-height:1.5em; } tbody td.messageStackError, tbody td.messageStackWarning { background: #fdecf1; color: #c00; } tbody td.messageStackSuccess { background: #ecfdec; color: #060; } /* ### Warenkorb total ### */ tfoot td.subTotal { margin: 0; padding: 5px 10px; text-align: right; color: #1a171b; } /* */ tbody td.singlePrice, tbody td.totalPrice { font-size:0.8em; border-left: 1px dotted #939598; vertical-align: top; padding: 5px 10px; white-space: nowrap; } tbody td.delete { background-color:#FDD; padding:0; vertical-align:middle; line-height:20px; } tbody td.delete input { margin-left:35px; } /* ### Inhalt: Tabelle für Adressauswahl checkout_shipping_address.html und checkout_payment_address.html ### */ .adressBlockContainer td { border-left: 1px dotted #fff; padding: 3px; } .adressBlockContainer tbody td,.adressBlockContainer th { border: 0px ; vertical-align: top; padding: 0px; } /* ### Produktabbildungen ### */ .subcl img { background: #fff; padding: 0; } #col3_content td.prodRow1 { background-color:#97AFBF; } hr { height: 1px; margin: 10px 0; border: 0; border-top: 1px dotted #939598; padding: 0; } hr.dis { margin-bottom: 1em; } hr.cart { color: #97AFBF; background-color:#97AFBF; height:1px; margin-right:0; text-align:right; width:80%; margin: 0; padding: 0; border:0; } .hrDiv { height: 1px; margin: 3px 0; border: 0; border-top: 2px solid #97AFBF; padding: 0; } .error { color: #F00; } .must { color: #F00; } acronym, abbr { letter-spacing: .07em; border-bottom: 1px dashed #c00; cursor: help; } .rechts { text-align: right; } img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; } img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; } img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; } .nobr { white-space: nowrap; } /* ### stehen lassen ### */ } /** * YAML-based Template for xt:Commerce * * (en) CSS for boxes * (de) CSS-Definitionen für die Boxen * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ###################################################################################################### ** # Spezielle Inhaltselemente ########################################################################## ** ###################################################################################################### */ /* ### KopfBoxen ###################################################################### */ #kopf_content #box_languages { position: absolute; top: 0; left: 17px; width: auto; height: 15px; color: #646567; z-index: 99; } #kopf_content #box_languages p { line-height: 1; padding-top: 1px; } #kopf_content #box_languages p a:link strong, #kopf_content #box_languages p a:visited strong { color: #fff; } #kopf_content #box_languages p a:hover, #kopf_content #box_languages p a:active, #kopf_content #box_languages p a:focus { color: #fff; text-decoration: none; } #kopf_content p#copyright { line-height: 1; padding-top: 1px; color: #D3D4D6; font-size: 11px; } /* ### Boxen allgemein ###################################################################### */ #page { border: 0; } #header { position: relative; height: 200px; background: transparent url(img/bg_head.jpg) no-repeat 0 25px; } #header #topnav { right: 0; top: 15px; width: 378px; height: 95px; background: transparent url(img/head_theme.jpg) no-repeat; } #header img#companyLogo { left: 10px; top: 33px; } #header #box_search { position: absolute; top: 94px; right: 20px; width: 210px; height: 50px; } #teaser { padding: 4px; margin-left: 20px; display: none; } #col1 { width: 220px; } #col1_content { color: #444; margin-left: 0; } #box_categories { margin-top: 4px; } #col2 { width: 240px; display: none; } #col2_content { padding-left: 0; margin-left:0; margin-right: 20px; } #col3 { margin-left: 220px; margin-right: 0; } #col3_content { margin-left: 2em; margin-right: 2em; } .contentInfo { padding: 10px 4px; background: transparent; border: 2px solid #fff; } /* ### Kopf der Infoboxen ################################################################### */ #col1_content h4, #col2_content h4, #col3_content h2 { background: transparent; color: #cc071e; padding: 0; width:auto; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; line-height: 1; border-bottom: 0; margin-bottom: 0; } /* #col3_content h2 { margin-bottom: 0; } */ #col3_content .contentContainer h3, #col3_content .contentContainer h2, #col3_content .contentContainer h1 { background: transparent; text-transform: none; margin-bottom: 0.3em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.33; color: #1a171b; } #col3_content .contentContainer h1 { font-size: 180%; color: #cc071e; } #col3_content .contentContainer h2 { font-size: 150%; } #col3_content .contentContainer h3 { font-size: 120%; } #col3_content .contentContainer .subcr h3 { padding-top: 0; } #col3_content .contentContainer p.composer { margin-bottom: 3px; } #col3_content .contentContainer .subcr p.halb { float: left; width: 250px; margin-right: 20px; } /* ### Körper der Infoboxen */ .boxInfoLS, .boxInfoRS { /* margin-bottom:10px;*/ /* Abstand der Boxen */ /* border-bottom: 1px #1a171b solid;*/ /* Rahmen Boxkörper unten */ background: transparent; overflow:hidden; margin-bottom: 15px; } /* ### Innenabstand linke Boxen*/ .boxInfoBodyLS { padding: 0 4px 10px 4px; margin: 4px 10px 10px; /* font-size: 0.8em; */ background: transparent; } /* ### Innenabstand rechte Boxen*/ .boxInfoBodyRS { padding: 10px 4px; margin: 10px; /* font-size: 0.8em; */ background: transparent; } /* ### Abschnitte in den Boxen ### */ #col1_content p , #col2_content p { margin:0; line-height:1.2em; } /* ### Container im Inhaltsbereich ### */ .contentContainer { background: transparent; padding: 12px; overflow: auto; margin-bottom: 4px; border-top: 1px dotted #939598; } /* ### Abstand für Inputs (Eingabefelder / Buttons in den Boxen ### */ #col1_content input , #col2_content input { margin:2px; font-size: 1.2em; } #box_manufacturers_info .boxInfoBodyRS h4 { /* AUTOR */ padding: 5px 0 5px 8px; background: transparent; text-align: left; font-size: 127.27%; text-transform: none; color: #1a171b; } #box_manufacturers_info .boxInfoBodyRS p { /* AUTOR */ line-height: 1.5; padding-left: 8px; } /* ### Einzug für Text in den Boxen ### */ p.boxTxtInd { padding-left:12px; font-size:0.9em; } /* ### Highlight in den Boxen ### */ .boxTxtInd span{ color:#900; } p.boxTxtRight { text-align:right; font-size:0.9em; } p.boxTxtLeft { font-size:0.9em; } #col1_content h1 , #col2_content h1 { margin-bottom:0px; margin-top:0px; font-size:0.9em; } /* ### Listenformatierung für Boxen ### */ #col1_content ul.conandinfo ,#col2_content ul.conandinfo { list-style-type:none; margin:0; padding:0; } /* ### Anpassen der Linkdarstellung für die Köpfe der Boxen ### */ #col1_content h4 a, #col2_content h4 a { color: #cc071e; text-decoration: none; } #col1_content li ,#col2_content li { margin:0; padding:0; } /* ################################################################################################### */ /* ### Bildpositionierung in Boxen ################################################################### */ /* ################################################################################################### */ /* ### Bild links ### */ img.imgRight { float: right; margin: 2px 0px 2px 10px; position: relative; } /* ### Bild rechts ### */ img.imgLeft { float: left; margin: 2px 10px 2px 0px; position: relative; } /* ### Bild zentriert in Boxen ### */ #col1_content img.imgCenter , #col2_content img.imgCenter { background: #fff; padding: 1px; /* border: 1px #9A9999 solid; */ } p.centerContent { text-align:center; } p.rightContent { text-align:right; } /* ############################################################################################ */ /* ### Boxen speziell ######################################################################### */ /* ############################################################################################ */ /* ### Box cart ############################################################################### */ .cartBox h4 { border-bottom: 0px; } /* ### Box Bestseller ######################################################################### */ p.bestseller { font-size:0.9em; padding-left:7px; } /* ############################################################################################ */ /* ### Box für die Kategorie (Kategorienavigation) ############################################ */ /* ############################################################################################ */ .catListBody { width: 100%; overflow: hidden; /* font-family: Verdana, Arial, Helvetica, sans-serif; */ padding:0; border:0; margin:0; } .catListBody li ul { list-style-type: none; margin:0; padding: 0; } .catListBody ul { list-style-type:none; padding:0; border:0; margin:0; } .catListBody a { display:block; text-decoration: none; } .catListBody li { float:left; width: 100%; margin:0; } #col1_content .catListBody img { margin-right:0.7em; } .cllist {float: right; width: 111px; } .crlist {float: left; width: 545px; } .cllist .subcl, .contentContainer .imgContainer { padding: 0 10px 10px 0; background: transparent url(img/img_bg.gif) no-repeat scroll bottom right; } .crlist .subcr { padding: 0; } .contentContainer .imgContainer { float: right; } /* ############################################################################################ */ /* ### Dropdown für Herstellerbox ############################################################# */ /* ############################################################################################ */ .manuDropdown { width: 80% } #footer { background: #fff; border-top: 0; } } /** * YAML-based Template for xt:Commerce * * (en) Categories listing * (de) Kategorieauflistung * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/) * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ################################################################################################################### */ /* ### catListing1 ################################################################################################### */ /* ################################################################################################################### */ .catListing1 .subcolumns { text-align:center; margin-top:10px; } .catListing1 .subcl , .catListing1 .subc ,.catListing1 .subcr { padding:0; } /* Kopf für Kategorien, verwendet bei allen product_listing und categorie_listing */ #frameListHead { border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px; } } /** * YAML-based Template for xt:Commerce * * (en) Navigation for product categories * (de) Navigation für die Produktkategorien * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ################################################################################################################### */ /* ### Definition des Randes für die einzelnen Kategorieebenen + Text- und Hintergrundfarbe (Werte werden vererbt) ### */ /* ### width + padding-left = 100% ################################################################################### */ /* ################################################################################################################### */ /* ### 1.Ebene ### */ .catListBody ul li { /* background: #fff url(img/katnav/ebene1.jpg) no-repeat; border-bottom: 1px solid #fff; */ } .catListBody ul li a { padding: 0 0 0 10px; color: #939598; } /* ### 2.Ebene ### */ .catListBody ul li ul { margin-left: 5px; overflow: hidden; } .catListBody ul li li { background-color: transparent; background-image: none; } .catListBody ul li ul li a, .catListBody li.activeCat ul li a { padding: 0 0 0 10px; color: #939598; background-image: none; } /* ### 3.Ebene ### */ .catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a { width: 70%; padding: 0 0 0 10px; color: #939598; background-image: none; } /* ### 4.Ebene ### */ .catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a { width: 60%; padding: 3px 0px 3px 40%; color: #444; border-bottom: 1px #eee solid; background-color:#B2B2B2; } .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a { color: #cc071e; } /* ############################################################################################ */ /* ### MouseOver ############################################################################## */ /* ############################################################################################ */ /* ### 1.Ebene ### */ .catListBody li a:hover { background: transparent url(img/pfeil_schwarz.gif) no-repeat scroll 0 5px; color: #1a171b; text-decoration: none; } /* ### 2.Ebene ### */ .catListBody li li a:hover , .catListBody li.activeCat li a:hover { background: transparent url(img/pfeil_schwarz.gif) no-repeat scroll 0 5px; color: #1a171b; text-decoration: none; } /* ### 3.Ebene ### */ .catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover { background: transparent url(img/pfeil_schwarz.gif) no-repeat scroll 0 5px; color: #1a171b; text-decoration: none; } /* ### 4.Ebene ### */ .catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover { background-color:#CA513E; color: #fff; text-decoration: none; } /* ############################################################################################ */ /* ### Aktive Kategorie ####################################################################### */ /* ############################################################################################ */ /* ### 1.Ebene & 2.Ebene ### */ .catListBody li.activeCat a , .catListBody li.activeCat li.activeCat a { background: transparent url(img/pfeil_rot.gif) no-repeat scroll 0 5px; color: #cc071e; } /* ### 3.Ebene & 4.Ebene ### */ .catListBody li.activeCat li.activeCat li.activeCat a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat a { background: transparent url(img/pfeil_rot.gif) no-repeat scroll 0 5px; color: #cc071e; } } /** * YAML-based Template for xt:Commerce * * (en) modules * (de) Module * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ################################################################################################################### */ /* ### Spezielle Anweisungen für einzelne Module ##################################################################### */ /* ################################################################################################################### */ /* ### orderDetails ################################################################################################## */ #col3_content .orderDetailsTab .quantity input { width: 25px ; } thead.orderDetailsTab td { background-color:#CCCCCC; } /* ### productNavigator ############################################################################################## */ .productNavigator { background: transparent; padding:8px; /* border:#0E3578 1px solid; */ font-size:1em; margin-bottom:3px; } /* ### processCheckout: Bestellverlauf ########################################################################### */ .processCheckoutGreen { background-color:#D5FFBF; text-align:center; height:35px; width:24%; float:left; border:1px #666 solid; padding:1px; margin-right:1px; font-size:10px; color:#060; line-height:15px; } .processCheckoutRed { background-color:#ddd; text-align:center; height:35px; width:24%; float:left; border:1px #666 solid; padding:1px; margin-right:1px; font-size:10px; color:#666; line-height:15px; } .processCheckoutYellow { background-color:#ffe; text-align:center; height:35px; width:24%; float:left; border:1px #1a171b solid; padding:1px; margin-right:1px; font-size:10px; color:#1a171b; line-height:15px; } /* ### advanced_search #################################################################################################### */ #advanced_search input[type="text"] { width:40% !important; margin-right:4px; } #advanced_search label { width: 18em; } /* ### Auswahl für Anrede in diversen Eingabeformularen ################################################################################################ */ #checkout_address input[type="radio"] , #addressbook input[type="radio"] ,#create_account input[type="radio"] { float:none; margin-left:5px; margin-right:10px; } /* ### Bearbeiten-Link im CheckoutConfirmation ### */ a.checkoutLink { color:#009933; font-style:italic; } /* ### Tabelle CheckoutConfirmation ### */ .checkoutConfirmation table{ border:#C5C5C5 1px solid; margin-left:1px; width:98%; } /* ### Container für NewProducts ################################################################################################ */ .containerNewProd { padding: 0 4px 10px 4px; background: transparent; } .containerNewProdOverview { background: #f1f1f1; border-color: #cccccc; border-style: solid; border-width: 1px; padding:5px; margin-bottom:10px; } } /** * YAML-based Template for xt:Commerce * * (en) CSS for product informations * (de) CSS für die Produktinformationsseiten * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ################################################################################################################### */ /* ### productInfo allgemein ################################################################################################ */ /* ################################################################################################################### */ .productInfo1, .productInfo2 { padding: 10px 4px; background: transparent; overflow: hidden; } /* ### Bilder ###*/ .productInfo1 img.imgLeft ,.productInfo2 img.imgLeft { padding: 0; } /* ### Produkname ###*/ #col3_content .productInfo1 h2, #col3_content .productInfo2 h2 { background:transparent; padding:0; border:0; color: #CC071E; } .productInfo1 p.halb, .productInfo2 p.halb, .productInfo1 div.halb, .productInfo2 div.halb, .contentContainer div.halb { float: left; width: 250px; margin-right: 20px; } .productInfo1 p.basicData , .productInfo2 p.basicData { line-height:1.5em; /* text-align:right; */ float: right; } #col3_content .productInfo1 input[type=text] , #col3_content .productInfo2 input[type=text]{ width: 2em; float:none; } .productInfo1 .addCart , .productInfo2 .addCart { position: relative; width: 150px; padding: 6px 2px 2px 10px; background: #E3E4E6; overflow: hidden; top: 10px; } .prodInfo1Spacer { margin-bottom: 15px; } .prodInfo1Spacer h2 { font-size:0.9em; } .desc { margin:10px 0 10px 0; } /* ################################################################################################################### */ /* ### productInfo1 ################################################################################################## */ /* ################################################################################################################### */ /* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */ .productInfo1 .morePics { padding-top: 50px; } .productInfo1 .morePics img.imgLeft { height: auto; } /* ################################################################################################################### */ /* ### productInfo2 ################################################################################################## */ /* ################################################################################################################### */ .productInfo2 .subcr { padding:0; } /* ################################################################################################################### */ /* ### productInfo3 ################################################################################################## */ /* ################################################################################################################### */ .productInfo3 { color: #444; padding:10px; border-left:1px solid #7B7F7E; border-right:1px solid #7B7F7E; border-bottom: 1px solid #7B7F7E; margin-bottom:15px; } .productInfo3 img.imgLeft, .productInfo3 img.imgRight{ background: #fff; padding: 15px; border:1px #9A9999 solid; } #col3_content .productInfo3 input[type=text]{ width: 2em; float:none; } .productInfo3 .addCart { text-align:right; } .productInfo3 .morePics img.imgLeft{ height:55px; } #col3_content .productInfo3Head { background:#363636 url(img/shiny_buttons/tab_bg.gif) repeat-x right center; padding:2px 4px 2px; color: #fff; } .yui-skin-sam .yui-panel .hd { line-height: 1.4 !important; } } /** * YAML-based Template for xt:Commerce * * (en) product listing * (de) Produktauflistung * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ################################################################################################################## */ /* ### productListing1 ############################################################################################## */ /* ################################################################################################################## */ .containerProdListing1 { padding: 10px 4px; background: transparent; } } /** * YAML-based Template for xt:Commerce * * (en) Productoptions * (de) Produktoptionen * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { /* ### prodOptionsDropdown ################################################################################################## */ .prodOptionsDrop { font-size:0.9em; padding:3px; background-color: #d3ebfb; } .prodOptionsDropName { float:left; width:48%;; } .prodOptionsDropSel{ margin-left:48%; } } /** * YAML-based Template for xt:Commerce * * (en) Shinybuttons-Navigation * (de) Shinybuttons-Navigation * * @copyright Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de) * Based on YAML, Copyright 2005-2007, Dirk Jesse * @link http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html * @package yaml for xt:Commerce * @version 1.3.0 */ @media all { #nav { display: block; position: absolute; top: 135px; left: 0; width: 100%; height: 20px; background: transparent; border-top: 1px dotted #666; border-bottom: 1px dotted #666; } #nav_main { overflow:hidden; background: transparent; border-bottom: 0; margin-top: 3px; } /* #main { border-top: 1px #ddd solid; } */ #nav_main ul { padding: 0; font-size: 1.0em; line-height: 1; width: 100%; /* display: inline; float: left; */ } #nav_main ul li { float: left; margin: 0; padding: 0; font-size: 1.0em; line-height:1; list-style: none; } /* #nav_main ul li#first { border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; } #nav_main ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; } */ #nav_main ul li a, #header #box_search #quick_find a { display:block; width: auto; text-transform: uppercase; font-size: 12px; background: transparent; text-decoration: none; color: #939598; font-weight: normal; background: transparent url(img/pfeil_grau.gif) no-repeat scroll 0 3px; margin-left: 132px; padding: 0 0 0 9px; } #nav_main ul li a#navhomelink { margin-left: 0; } #header #box_search #quick_find a { float: right; padding: 2px 0 0 9px; line-height: 14px; background: transparent url(img/pfeil_grau.gif) no-repeat scroll 0 3px; } #nav_main ul li a:hover, #header #box_search #quick_find a:hover { background: transparent url(img/pfeil_schwarz.gif) no-repeat scroll 0 3px; color: #1a171b; text-decoration: none; } #header #box_search #quick_find a:hover { background: transparent url(img/pfeil_schwarz.gif) no-repeat scroll 0 3px; } #nav_main ul li#current { color: #fff; } #nav_main ul li#current a, #nav_main ul li#current a:hover { background: transparent url(img/pfeil_rot.gif) no-repeat scroll 0 3px; color: #cc071e; } #nav2 { display: block; position: absolute; top: 90px; left: 231px; } #nav2_main { width: 490px; overflow:hidden; background: transparent; border-bottom: 0; } /* #main { border-top: 1px #ddd solid; } */ #nav2_main ul { padding: 0; font-size: 1.0em; line-height: 0; display:inline; float: left; } #nav2_main ul li { float: left; margin: 0; padding: 0; font-size: 1em; line-height:1.0em; list-style-type: none; } /* #nav_main ul li#first { border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; } #nav_main ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; } */ #nav2_main ul li a { display:block; width: auto; font-size: 1em; background: transparent; text-decoration: none; color: #fff; font-weight: bold; background: transparent url(img/ama_pfeil_weiss.gif) no-repeat scroll 0 0.6em; margin: 0; padding: 0.5em 1.6em 0.5em 14px; } #nav2_main ul li a:hover { background: transparent url(img/ama_pfeil_orange.gif) no-repeat scroll 0 0.6em; color: #cc071e; text-decoration: none; } #nav2_main ul li#current { color: #fff; } #nav2_main ul li#current a, #nav2_main ul li#current a:hover { background: transparent url(img/ama_pfeil_orange.gif) no-repeat scroll 0 0.6em; color: #cc071e; } } /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ .yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;}.yui-panel-container form{margin:0;}.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}.mask.block-scrollbars{overflow:auto;}.masked select,.drag select,.hide-select select{_visibility:hidden;}.yui-panel-container select{_visibility:inherit;}.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.show-scrollbars{overflow:auto;}.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}.yui-effect-fade .underlay{display:none;}.yui-tt-shadow{position:absolute;}.yui-skin-sam .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}.yui-skin-sam .yui-panel-container{padding:0 1px;*padding:2px 3px;}.yui-skin-sam .yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:1;}.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}.yui-skin-sam .yui-panel .hd{border-bottom:solid 1px #ccc;}.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{background-color:#F2F2F2;}.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(sprite.png) repeat-x 0 -200px;}.yui-skin-sam .yui-panel .bd{padding:10px;}.yui-skin-sam .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}.yui-skin-sam .yui-panel-container.focused .yui-panel .hd{}.yui-skin-sam .container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(sprite.png) no-repeat 0 -300px;cursor:pointer;}.yui-skin-sam .yui-panel-container .underlay{right:-1px;left:-1px;}.yui-skin-sam .yui-panel-container.matte{padding:9px 10px;background-color:#fff;}.yui-skin-sam .yui-panel-container.shadow{_padding:2px 5px 0 3px;}.yui-skin-sam .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}.yui-skin-sam .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}.yui-skin-sam .yui-dialog .ft .button-group{display:block;text-align:right;}.yui-skin-sam .yui-dialog .ft button.default{font-weight:bold;}.yui-skin-sam .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-dialog .ft span.default .first-child{border-color:#304369;}.yui-skin-sam .yui-dialog .ft span.default button{color:#fff;}.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}.yui-skin-sam .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}.yui-skin-sam .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}.yui-skin-sam .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}.yui-skin-sam .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}.yui-skin-sam .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}.yui-skin-sam .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}.yui-skin-sam .yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}.yui-skin-sam .yui-tt.show-scrollbars .bd{overflow:auto;}.yui-skin-sam .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}.yui-skin-sam .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);} /** * "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-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.0.2 * @revision $Revision: 108 $ * @lastmodified $Date: 2007-08-01 18:38:01 +0200 (Mi, 01 Aug 2007) $ */ @media print { /*------------------------------------------------------------------------------------------------------*/ /** * @section layout preparation * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /* (en) Preparing base layout for print */ /* (de) Basislayout für Druck aufbereiten */ body, #page_margins, #page, #main {margin:0; padding: 0; border: 0;} #page_margins, #page {width: 100% !important; min-width: inherit; max-width: none} #header {height: auto} #footer {display: none} /* (en) Hide unneeded container of the screenlayout in print layout */ /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ #topnav {display: none} #nav {display:none} #search {display: none} /* (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; float:none; overflow:visible; display:table; } .subc, .subcl, .subcr {margin: 0; padding: 0;} /*------------------------------------------------------------------------------------------------------*/ /** * @section content preparation * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /* (en) Change font to serif */ /* (de) Zeichensatz auf Serifen umstellen */ body * {font-family: "Times New Roman", Times, serif} code, pre { font-family:"Courier New", Courier, mono} body {font-size: 12pt} /* (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) Format acronyms and abbreviations for print*/ /* (de) Auszeichnung von Abkürzungen */ abbr[title]:after, acronym[title]:after {content: '(' attr(title) ')'} /* (en) Disable background graphics of links */ /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */ #page a[href^="http:"], #page a[href^="https:"] { padding-left: 0; background-image: none; } /* (en) Enable URL output in print layout */ /* (de) Sichtbare Auszeichnung der URLs von Links */ /* Für xt:commerce deaktiviert a[href]:after { content:" "; color:#444; background:inherit; font-style:italic; }*/ /* (en) Preparation for optional column labels */ /* (de) Vorbereitung für 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; } /*------------------------------------------------------------------------------------------------------*/ /** * @section browser fixes for print layouts * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /** * (en) overflow:hidden Bug in print layouts * (de) overflow:hidden Bug in Drucklayouts * * @bugfix * @since 3.0 * @affected FF2.0, IE7 * @css-for all browsers * @valid yes */ .floatbox, .subcolumns, .subcolums_oldgecko { overflow:visible; display: table; } } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) print stylesheet * (de) Druck-Stylesheet * * @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.0.1 * @revision $Revision: 92 $ * @lastmodified $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $ */ /* #col1 - 0 ** #col2 - 0 ** #col3 - x */ @media print { #col1 { display: none; } #col2 { display: none; } #col3, col3_content { width: 100%; margin: 0; padding: 0; border: 0; } }