/*@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-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ */ @media all { /*------------------------------------------------------------------------------------------------------*/ /** * @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; font-size: 16px;} /* (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%; 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: #3F3730; 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 { margin: 0 0 1em 1.5em; } /*------------------------------------------------------------------------------------------------------*/ /** * @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; } /* (en) Backup for correct positioning */ /* (de) Absicherung korrekte Positionierung */ /* #header, #nav, #main, #footer { clear:both; }*/ /*------------------------------------------------------------------------------------------------------*/ /** * @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 { 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; } .c01l, .c02l, .c03l, .c04l, .c05l, .c06l, .c07l, .c08l, .c09l, .c10l, .c11l, .c12l, .c13l, .c14l, .c15l, .c16l, .c17l, .c18l, .c19l {float: left; } .c01r, .c02r, .c03r, .c04r, .c05r, .c06r, .c07r, .c08r, .c09r, .c10r, .c11r, .c12r, .c13r, .c14r, .c15r, .c16r, .c17r, .c18r, .c19r {float: right; margin-left: -5px; } .c01l, .c01r { width: 2em; } .c02l, .c02r { width: 4.4375em; } .c03l, .c03r { width: 6.875em; } .c04l, .c04r { width: 9.3125em; } .c05l, .c05r { width: 11.75em; } .c06l, .c06r { width: 14.1875em; } .c07l, .c07r { width: 16.625em; } .c08l, .c08r { width: 19.0625em; } .c09l, .c09r { width: 21.5em; } .c10l, .c10r { width: 23.9375em; } .c11l, .c11r { width: 26.375em; } .c12l, .c12r { width: 28.8125em; } .c13l, .c13r { width: 31.25em; } .c14l, .c14r { width: 33.6875em; } .c15l, .c15r { width: 36.1250em; } .c16l, .c16r { width: 38.5625em; } .c17l, .c17r { width: 41em; } .c18l, .c18r { width: 43.4375em; } .c19l, .c19r { width: 45.875em; } .subc { padding: 0; /*padding: 0 0.5em;*/ } .subcl { padding: 0; /*padding: 0 1em 0 0;*/ } .subcr { padding: 0; /*padding: 0 0 0 1em;*/ } /* .gll { margin:0 0 0 0.4375em; } /* for left column without gutter */ /* .glr { margin:0 0.4375em 0 0; } /* for right column without gutter */ /*------------------------------------------------------------------------------------------------------*/ /** * @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; } } /*@charset "UTF-8";*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win * * Don't make any changes in this file! * Your changes should be added to a separate patch-file. * * @copyright Copyright 2005-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ * @appdef yaml */ @media all { /** * (en) Debugging: When you see a green background, IE is getting this stylesheet * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde * * @debug * @app-yaml-default disabled */ /* body { background: #0f0; background-image: none; } */ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari) * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari) * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ html { height: auto; margin-bottom:0; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid no */ * html textarea { overflow:scroll; overflow-x: hidden; } * html input { overflow: hidden; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Stability fixes with 'position:relative' * (de) Stabilitätsverbesserungen durch 'position:relative' * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ body { position:relative; } /* Essential in IE7 for correct layout scaling ... */ * html body { position:static; } /* ... but not for IE5.x and IE6 */ #main { position: relative; } /* helpful for several problems in older IE versions*/ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Clearfix Method for containing floats in IE * (de) Clearfix-Anpassung für diverse IE-Versionen * * @workaround * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28 * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ .clearfix { display: inline-block; } /* ... especial for IE7 */ .clearfix { display: block; } /* ... für IE5,IE6,IE7 */ * html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Adjustment of .floatbox class for IE * (de) Anpassung der .floatbox-Klasse für IE * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html .floatbox { width:100%; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Special class for oversized content element * (de) Spezielle Klasse für übergroße Inhaltselemente * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ .slidebox { position:relative; margin-right: -1000px; height: 1%; } /*------------------------------------------------------------------------------------------------------*/ /** * (en): Bugfix for partially displayed column separators * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html #col1, * html #col2, * html #col3 { position:relative; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Preventing several css bugs by forcing "hasLayout" * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout" * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ body { height: 1%; } #page_margins, #page, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */ #page_margins, #page { height: 1%; } /* IE 5.x */ * html #header, * html #nav, * html #main, * html #footer { width: 100%; } /* IE 5.x & IE6 */ * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6 */ /*------------------------------------------------------------------------------------------------------*/ /** * Disappearing List-Background Bug * @see http://www.positioniseverything.net/explorer/ie-listbug.html * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html ul, * html ol, * html dl { position: relative; } /*------------------------------------------------------------------------------------------------------*/ /** * List-Numbering Bug * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ body ol li { display:list-item; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear * Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the * longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed * in YAML. * * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear * Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout * wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt * sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen. * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid no */ #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; z-index: -1; } /*------------------------------------------------------------------------------------------------------*/ /** * IE/Win Guillotine Bug * @see http://www.positioniseverything.net/explorer/guillotine.html * * @workaround * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body a, * html body a:hover { background-color: transparent; } } @media screen, projection { /** * (en) IE-Adjustments for content columns and subtemplates * (de) IE-Anpassung für Spaltencontainer und Subtemplates * * Doubled Float-Margin Bug * @see http://positioniseverything.net/explorer/doubled-margin.html * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ #col1, #col2 { display:inline; } .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } /*------------------------------------------------------------------------------------------------------*/ /** * 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; } * html .subcolumns .subc, * html .subcolumns .subcl, * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; } } @media print { /** * (en) Avoid unneeded page breaks of #col3 content in print layout. * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3. * * @bugfix * @affected IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ #col3 { height: 1%; } } /*@charset "UTF-8";*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Horizontal list navigation "Shiny Buttons" * (de) Horizontale Navigationsliste "Shiny Buttons" * * @copyright Copyright 2005-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ */ @media all { #nav_main { /* (en) containing floats in IE */ /* (de) Einfassen der Floats im IE */ width: 100%; overflow: hidden; /* (en) containing floats in all other browsers */ /* (de) Einfassen der Floats in allen anderen Browsern */ float: left; display: inline; /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ background: url("/images/layout/header.png") repeat center right; line-height: 0; border-bottom: #667733 solid 1px; border-top: #667733 solid 1px; } #nav_main ul { /* (en|de) Bugfix: IE - Doubled Float Margin Bug */ display: inline; float: right; margin: 0; /* (en) Left margin of the first button */ /* (de) Abstand des ersten Buttons vom linken Rand */ margin-right: 0.1875em; padding: 0; } #nav_main ul li { /* (en|de) Bugfix: IE - Doubled Float Margin Bug */ display: inline; float: left; font-size: 1.0em; line-height: 0.8888em; list-style-type: none; margin: 0; padding: 0; } #nav_main ul li a, #nav_main ul li strong, #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active { display: block; font-weight: bold; margin: 0.2142em 0.2857em; padding: 0.2857em 0.7142em; text-decoration: none; width: auto; } #nav_main ul li a, #nav_main ul li strong, #nav_main ul li a.search:focus, #nav_main ul li a.search:hover, #nav_main ul li a.search:active { border: 0 none; background: #f7f7f7; color: #FF7700; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active, #nav_main ul li a.search { opacity: 0.85; cursor: pointer; } } /*@charset "UTF-8";*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Template for designing a screen layout * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts * * @copyright Copyright 2005-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ */ @media screen, projection { /*------------------------------------------------------------------------------------------------------*/ /** * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts * * @section layout-basics */ /* Page margins and background | Randbereiche & Seitenhintergrund */ body { background: #ECECEC; } /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */ #page_margins { max-width:1039px; /* 953px |8gfxb|773c|8gfxb| 4px |160px Sky| */ /* 993px für 200px skyscraper */ min-width:1039px; /*Damit Werbung nicht untergeschoben wird*/ *width:1039px; margin: auto; position: relative; } #page{ min-width: 789px; max-width: 789px; margin: 0 auto; position: relative; float: none; } /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */ #header { background:#f7f7f7; margin:0; max-width:788px; /* 788 px */ min-width:788px; *width:788px; } * html #header { width: 788px; } #topnav { padding-right: 0.5em; margin-bottom: 0.1875em; } #main { background:#f7f7f7; margin:0 0.5em; max-width:773px; /* 773 px */ min-width:773px; *width:773px; } #homepage { background: white; padding-bottom: 5px; border-bottom: 1px solid #667733; } #footer, #random_top_flop { background:#f7f7f7; margin:0 0.5em; max-width:773px; /* 773 px */ min-width:773px; *width:773px; } /*------------------------------------------------------------------------------------------------------*/ /** * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente * * @section layout-misc */ .logo { width:70px; height:70px; background-image: url("/images/layout/meinprof_logo.png"); position:absolute; z-index:1; top: 0.65em; left: 0.5em; } #nav_main ul.site_name { float:left !important; margin-left:65px !important; } #nav_main ul.site_name li a, #nav_main ul.site_name li a:hover { background:#F7F7F7; border-color:#BFC6AA #8C9966 #8C9966 #BFC6AA; color:#FF7700; font-size:1.125em; line-height:16px; margin:3px 0px; padding:4px 10px 4px 20px; } #breadcrumb { margin: 0 0 0.2em 0; } #footer #links, #footer #links p, #footer #links a { font-size: 10px; line-height: 110%; font-weight: bold; color: #888888; margin-bottom: 0; text-align: center; } #footer #links p, #footer #links img { vertical-align: top; } #flagbar { padding-right: 0.375em; text-align:right; background: #EDEEE9; } #flagbar img { margin:5px 2px 0px 10px; } #topnav img.flag { vertical-align: middle; margin: 0; /* cursor:pointer;*/ } #invite_messages { font-weight: bold; color: #FF7700; } #map { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #map_wrapper_de { position: relative; height: 320px; } #map_wrapper_at { position: relative; height: 206px; } #map_wrapper_ch { position: relative; height: 249px; } /* ================= */ /* = Werbesettings = */ /* ================= */ #banner_top { margin-bottom: 4px; float: none; z-index: 1; position: relative; left: 125px; } #banner_right { position: absolute; left: 917px; min-height: 600px; } @media (min-width: 1024px) { #vertical_tops { position: absolute; left: -40px; top: 216px; } } @media (max-width: 1023px) { #vertical_tops { display: none; } } #banner_top.hockeystick { margin-right:0px; } #banner_right.hockeystick { margin-top:0px; } /* Ad-Tech */ /*#Top_Flash_FEM_DIV { margin-left: 30px; } #FEM_WALL_DIV { left: 758px !important; margin-top: -90px; } */ /* ==================== */ /* = Grafische Border = */ /* ==================== */ .border-l { background: url(/images/gfxborder/l.png) left center repeat-y; border:0 none; margin-bottom:0.5em; } .border-r { background: #F7F7F7 url(/images/gfxborder/r.png) right center repeat-y; border:0 none; } .border-t { overflow:hidden; width: auto; height: 0.5em; background: url(/images/gfxborder/t.png) top left repeat-x; } .edge-tl { float: left; width: 0.5em; height: 0.5em; background: url(/images/gfxborder/tl.png) top left no-repeat; } .edge-tr { float: right; width: 0.5em; height: 0.5em; background: url(/images/gfxborder/tr.png) top right no-repeat; } .border-b { overflow:hidden; width: auto; height: 0.5em; background: url(/images/gfxborder/b.png) top left repeat-x; } .edge-bl { float: left; width: 0.5em; height: 0.5em; background: url(/images/gfxborder/bl.png) top left no-repeat; } .edge-br { float: right; width: 0.5em; height: 0.5em; background: url(/images/gfxborder/br.png) top right no-repeat; } } /*@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-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ * @appdef yaml */ @media all { /* ========= */ /* = Fonts = */ /* ========= */ /* (en) 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%; } html { overflow-y:scroll; } /* (en) reset monospaced elements to font size 16px in Gecko browsers */ /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */ 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: Arial, Helvetica, sans-serif; font-size: 100.01%; } h1,h2,h3,h4,h5,h6,.like_h1,.like_h2 { font-weight:bold; margin: 0 0 0.25em 0; color:#3A6C15; padding-left:0.25em;} h1, .like_h1 { font-size:1.5em; /* 24px */ background:transparent url(/images/layout/h2.png) repeat scroll right center; line-height:1.3333em; /* 32px */ border-top:#3A6C15 solid 2px; border-bottom:#3A6C15 solid 2px; } h2, .like_h2, #footer .heading { font-size:1em; /* 16px */ background:#EBEEE5; line-height:1.5em; /* 24px */ border-top:#3A6C15 solid 1px; border-bottom:#3A6C15 solid 1px; } #footer .heading, #random_top_flop h2 { font-size:12px; padding-left:0.25em; } #footer .heading { width: auto; color: #3A6C15; font-weight: bold; margin: 0 0 0.25em; } h3 { font-size: 1.125em } /* 18px */ h4 { font-size: 1em } /* 16px */ #random_top_flop h4 { font-size:12px; padding-left:0.25em; } h5 { font-size: .875em; } /* 14px */ h6 { font-size: .8125em; } /* 13px */ p, .like_p, text { font-size: 0.75em; line-height: 1.2727em; margin: 0 0 1em 0; color:#3F3730; padding:0 4px;} /* 11px */ p.nomargin {margin-bottom: 0;} .indented_snd_line {text-indent:-2em; margin-left:2em} .hidden {display: none;} /* ========= */ /* = Lists = */ /* ========= */ ul, ol, dl { margin: 0; line-height: 1.5em; list-style-image:none; list-style-position:outside; list-style-type:none; } ul.intext, ol.intext { margin: -0.6em 0 0.2em 1.5em; } ul.square { list-style-type: square; } ol.number { list-style-type: decimal; } li { margin: 0; line-height: 1.5em; font-size: 75%;} #footer li { color:#888; line-height: 1.1em; padding-left:0.2727em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } /* =================== */ /* = Text formatting = */ /* =================== */ cite, blockquote { font-style:italic; } blockquote { margin: 0 0 1em 1.5em; } strong,b,.bold { font-weight: bold; } em,i { font-style:italic; } small { font-size:0.875em;line-height:1.25em; } .big { font-size:0.8125em;line-height:1.5em;} .font_normal { font-weight:normal; } pre, code { font-family: monospace; font-size: 1.1em; } acronym, abbr { cursor: help; border-bottom: 1px dashed #3F3730; } sup {font-size: 0.5em;} .big_sup sup { font-size: 0.75em; } /* ================== */ /* = Flash messages = */ /* ================== */ #flash_notice, #flash_warning, .generic_flash { padding: 0.5em 0; margin-bottom: 0.5em; font-weight: bold; } #flash_notice h5, #flash_warning h5, .generic_flash h5 {margin: 0;} #flash_notice { color: #3A6C15; } #flash_notice p.close, #flash_warning p.close { text-align: center; color: #3A6C15; cursor: pointer; margin-bottom: 0; } #flash_warning h5, #flash_warning p.close { color: red; } #flash_notice a {color: #3A6C15; text-decoration: underline;} #flash_notice a:hover, #flash_notice a:active, #flash_notice a:focus {text-decoration: none;} #flash_warning a {color: red; text-decoration: underline;} #flash_warning a:hover, #flash_warning a:active, #flash_warning a:focus {text-decoration: none;} /* ================== */ /* = Generic / Misc = */ /* ================== */ .pointer { cursor: pointer; } .break { margin-top: 0.75em; } .break_both {margin-top: 0.75em; margin-bottom: 0.75em;} .break_bottom { margin-bottom: 0.75em; } .orange { color: #FF7700; } .green { color: #3A6C15; } .red { color: red; } .darkgray {color: #3F3730; } .filled { background: #EBEEE5; padding-top: 6px; padding-bottom: 6px; margin-bottom: 6px; }} .white_back {background: white;} .note, .important, .warning, .region_selector { padding: 1em 0.5em; } .note { background: #CCFFCC; border: 1px solid #3A6C15; } .important { background: #ffd; border: 1px solid #FFCC33; } .warning { color: red; background: #fdd; border: 1px solid red; } .region_selector { background: #fff; border: 1px solid #ddd; } .region_selector:hover { background: #fcfcfc; border: 1px solid #d0d0d0; } .nopadding { padding-right: 0; padding-left: 0; } /* sometimes necessary in combination with important/note/warning and inner p tags */ .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; } .float_right { float: right; display:inline; margin-left: 1em; } .clear_both { clear: both; } .center { text-align:center; margin: 0.5em auto; } .center_block { margin: 0 auto; } .justify { text-align:justify; } .right { text-align:right;} .indent {margin-left:2em;} .top {vertical-align: top;} .bottom {vertical-align: bottom;} .half {width: 50%;} .small {font-size: 0.625em;} .password_submit {margin-top: 8px;} .nowrap {white-space: nowrap;} .floatfix {font-size: 105%; line-height: 105%} .top_bottom_border {border-top: 1px solid #3A6C15; border-bottom: 1px solid #3A6C15;} .bottom_border {border-bottom: 1px solid #3A6C15;} span.brvbar {background: transparent url(/images/layout/brvbar.png) center center no-repeat; width: 1px; min-height: 0.5em;} img.brvbar {margin: 0; vertical-align: middle} span.hidden_sort_by { color: red; font-weight: bold; background: yellow; display: none; } /* necessary for correct sorting of some tables */ .errorExplanation { color: red; background: #fdd; border: 1px solid red; padding: 0; margin-bottom: 1em; } .errorExplanation h2, .errorExplanation p { background: none; border: none; color: red; } .errorExplanation p { display: none; } /* don't show the additional text since it's rubbish */ .errorExplanation h2 { margin: 0.25em; } .errorExplanation ul { margin: 0 0.5em 0.5em 1.5em; } .errorExplanation li, .press_releases ul { list-style: disc inside none; } button.quad { height: 26px; padding: 0; width: 26px; } #errorContainer.error { background-color: #FFE0D0; border: 1px solid #FF7700; font-size: 13px; margin: 20px; padding: 15px; text-align: center; font-weight: bold; color: #FF7700; } #errorContainer.success { background-color: #E4EECD; border: 1px solid #3A6C15; color: #3A6C15; font-size: 13px; margin: 20px; padding: 15px; text-align: center; font-weight: bold; } hr { /* background: #FFFFFF url("/images/layout/hr.png") repeat-x top left; */ background: transparent; border:none; padding:1px 0px; margin: 5px 0px; } div.like_hr { /*background: #FFFFFF url("/images/layout/hr.png") repeat-x top left; */ margin: 5px 0px; height: 2px; } /* because IE cannot display hr like we want it to */ div.like_hr_nomargin { background: #FFFFFF url("/images/layout/hr.png") repeat-x top left; margin: 0px 0px 5px 0px; height: 2px; } div.admintool { background: transparent; color: #FF7700; float: right; font-size: 0.75em; } div.uni_admintool { font-weight: bold; margin: 0 0 0.25em 0; color:#FF7700; padding-left:0.25em; font-size:1.125em; line-height:1.3333em; position: absolute; top: 33px; right: 0px } div.node { font-size: 0.5em; padding-right: 1em; display: inline; } div.country_tags { word-spacing: 0.5em; } .badge { background: #FFFFFF; border-top:1px solid #C7CDB7; border-left:1px solid #C7CDB7; border-bottom:1px solid #A7B08B; border-right:1px solid #A7B08B; } .badge p { margin:0; padding:4px } .badge.blue .menu table tr td a { color: #0096e6; } .badge.blue .menu table tr td a:hover { color: #1d72b6; } .badge.blue .menu table tr td a div.m_icon.m_rate,.badge.blue .menu table tr td a div.m_icon.m_rate_invert { background: url("/images/layout/rate_btn_blue.png") no-repeat scroll 0 -32px transparent; } .badge.blue .menu table tr td a div.m_icon.m_rate:hover, .badge.blue .menu table tr td a:hover div.m_icon.m_rate, .badge.blue .menu table tr td a div.m_icon.m_rate_invert:hover, .badge.blue .menu table tr td a:hover div.m_icon.m_rate_invert { background: url("/images/layout/rate_btn_blue.png") no-repeat scroll 0 0px transparent; } .tooltip { background: none repeat scroll 0 0 #fff; border: 1px solid #adbe7b; border-radius: 10px; color: #44521b; font-size: 11px; padding: 4px; width: 16em; } .no_width_tooltip { border:1px solid #c7cdb7; } .tooltip h5, .no_width_tooltip h5 { background: #f4f5f1; color:#f70; margin:0px; padding:3px 7px 3px 7px; border-bottom:1px solid #c7cdb7; } .tooltip p, .no_width_tooltip p { background: #e8eae3; margin:0px; padding:3px 7px 3px 7px; } .bold_tooltip { border:1px solid #c7cdb7; } .bold_tooltip h5 { display: none; } .bold_tooltip p { background: #e8eae3; margin:0px; padding:3px 7px 3px 7px; font-weight: bold; } .trigger { font-size:0.75em; font-weight:bold; cursor: default;color: #f70; line-height:1em; vertical-align:top; cursor: help; } .navitext-small { float:right; margin-right:6px; border:1px solid #fff; padding:2px; margin-top:-4px; } .navitext-small:hover { background: #F2F8F0; border:1px solid #C7CDB7; } .navitext-small:hover span { color:#FF7700 } .navitext-small span { color:#3A6C15; font-size:10px; display:inline-block; padding:7px 4px; vertical-align:top; font-weight:400px } .navitext-small a { display:block; height:40px; vertical-align:middle } div.ads_breadcrumb {width: 728px; height: 15px; margin-left: -33px; overflow: hidden;} div.no_entity_photo { width:176px; height:60px; border-top: 1px solid #3A6C15; border-left: 1px solid #3A6C15; border-right: 1px solid #556622; border-bottom: 1px solid #556622; color: #3A6C15; font-weight: bold; text-align: center; font-size: 12px; padding-top: 50px; } div.vertical_top { margin-top:0.5em; border: 1px solid #3A6C15; font-size: 90%; background: white; height: 242px; padding: 0 0 8px 0; } .mint { color: #009681 !important; } /* ========= */ /* = Links = */ /* ========= */ a { color: #FF7700; text-decoration:none; font-weight:bold; outline:none; -moz-outline-style:none; cursor: pointer; } a:hover, a:focus, a:active { color: #3A6C15; text-decoration:none; } a.white_text:hover, a.white_text:focus, a.white_text:active { color: #fff; } a.inverted { color: #3A6C15; } a.inverted:hover, a.inverted:focus, a.inverted:active { color: #FF7700; } .like_a { color: #FF7700 !important; text-decoration:none !important; font-weight:bold !important; } .like_a:hover, .like_a:focus, .like_a:active { color: #3A6C15 !important; text-decoration:none !important; } #map a { line-height: 1.5em; } /* p a { font-size:1.0909em; } */ a.external { background-image:url(/images/layout/menu_icons.png); background-position:right -16px; background-repeat:no-repeat; padding-right:20px; word-break: break-all; } a.external:focus, p a.external:hover, p a.external:active{ background-position:right top; } #header a { font-size:14px; line-height:16px; background:transparent; text-decoration:none; padding-right: 0; } #header a:focus, #header a:hover, #header a:active { background-color: transparent; opacity: .8;} #flagbar a, #flagbar a:hover, #flagbar a:focus, #flagbar a:active {text-decoration: none;} #footer a { color: #888888; background:transparent; font-size:11px; line-height:14px; } #footer a:focus, #footer a:hover, #footer a:active { color: #FF7700; background-color: transparent; } #footer #links a:focus, #footer #links a:hover, #footer #links a:active{ color: #FF7700; } #random_top_flop a { font-size: 11px; line-height: 14px; } .onetwothree a { color: #3F3730; font-weight: normal; text-decoration: underline; } .onetwothree a:hover, .123people a:active, .123people a:focus { text-decoration: none; } /* ========== */ /* = Tables = */ /* ========== */ table{ border-collapse:separate; border-spacing:0px; } th { font-size: 0.875em; line-height: 1.2727em; color:#3A6C15; padding:1px; font-weight: bold; } td { font-size: 0.75em; line-height: 1.2727em; color:#3F3730; padding:1px; } table.full { width: 100%; } table.indented { margin-left: 4px; } tr.image_header, tr.image_header th { vertical-align: bottom !important; } tr.lightgray { background: #EDEDED;} td.left_padding, th.left_padding { padding-left: 4px; } td.top_padding, th.top_padding { padding-top: 4px; } td.right_padding, th.right_padding { padding-right: 26px; } td.spinner { width: 16px; } td.important { background: #FFFFDD !important; padding: 1em 0.5em; border-top: none; border-bottom: 1px solid #FFCC33 !important;} td.yellow_border { border-bottom: 1px solid #FFCC33 !important;} td.menu_help {padding: 0 0 7px 8px;} td.menu_icon {width: 32px;} td.tan_download {width: 60px; text-align: center;} thead th, thead td, tbody td { border-bottom: 1px solid #EDEEE9; text-align: left; } td.white_border { border-bottom: 1px solid #FFFFFF; } tr:hover td { border-bottom-color: #C6CCB0; background-image:url(/images/layout/menu_icons.png); background-position:-1552px bottom; background-repeat:no-repeat; } table.notrhover tr:hover td, tfoot tr:hover td { background:none; border-bottom-color: #EDEEE9; } table.plain td { border-bottom: none ; } table.plain tr:hover td { background:none; border-bottom: none ; } table.reset td, table.reset th { font-size: 1em; line-height: 1.2727em; border: none;} tr select, tr input {font-size: 1em;} table.ranking { margin: 0 auto 1em auto; } table.new_ranking { margin: 0 auto 1em auto; } table.new_ranking td, table.new_ranking th { padding-right: 4em; } table.new_ranking td.last, table.new_ranking th.last { padding-right: 0; } table.middle td, table.middle img { vertical-align: middle; } .press_releases img.thumb { background-color: #fff; } table.ratings td {padding: 0.5em 0.2em 0.5em 0.1em;} table.ratings table td {padding: 0.1em 0.8em 0.1em 0.1em;} table.ratings td.empty {padding-right: 3em;} table.ratings tr.my_rating {background: #F7F7F7;} table.ratings tr.my_rating td {border: none;} table.ratings table.my_rating td {white-space:nowrap; border: none;} table.rating_table td {padding-top: 2px; padding-bottom: 2px;} table.rating_table td.tp {padding-top: 8px;} table.rating_table td.lp {padding-left: 8px;} table.rating_table td.bp {padding-bottom: 8px;} table.rating_table td.sixteen {line-height: 16px;} table.rating_table td.message {width: 180px;} table.rating_table select {width:80%} th.icon, td.icon {width: 16px;} table.textile td {vertical-align: top; padding: 1em 2px 1em 2px;} table.textile td.syntax {font-family:monospace,"Courier New", Courier; color: #000000; padding-right: 0.5em;} table.textile ul {margin-left: 1.5em; list-style-type: square;} table.textile ol {margin-left: 1.5em; list-style-type: decimal;} table.textile li {font-size: 100%;} table.portraits tr:hover td { background-image: none; } table.portraits th, table.portraits td { border-bottom: 1px solid #666666; border-left: 1px solid #666666; } table.portraits th { text-align: center; width: 15%; } table.portraits th.normal { width: 55%; border-left: none; } table.portraits td { text-align: center; color: #3A6C15; } table.portraits td.text { text-align: left; color: #000000; border-left: none; } table.portraits td.text_footer { text-align: right; color: #000000; border-left: none; padding-right: 1em; } table.portraits tr.footer td { color: #000000; } table.portraits tr.price td { border-bottom: 2px solid #666666; } table.benefits { margin: 0 0 0.5em 1em } table.benefits td.tick { color: #3A6C15; padding-right: 1em; } table.nocellwrap td {white-space: nowrap;} table.vertical_top { width: 190px; } table.vertical_top td.logged_in { display: block; overflow: hidden; width: 125px; } table.vertical_top td.logged_out { display: block; overflow: hidden; width: 146px; } table.vertical_top td.show_all { text-align: right; padding-right: 4px; padding-top: 10px } table.right_cell_padding td, td.right_cell_padding { padding-right: 8px; } table.right_cell_padding td.reset { padding-right: 0px; } /* ======================== */ /* = Icons used in tables = */ /* ======================== */ .t_icon{ background:transparent url(/images/layout/menu_icons.png) no-repeat; height:16px; width: 16px; } .t_ranking{ background-position:-1024px 0px; } .t_ranking:hover, .t_ranking:focus, .t_ranking:active { background-position:-1024px -16px; } .t_settings{ background-position:-1024px -32px; } .t_settings:hover, .t_settings:focus, .t_settings:active { background-position:-1024px -48px; } .t_add{ background-position:-1040px 0px; } .t_add:hover, .t_add:focus, .t_add:active { background-position:-1040px -16px; } .t_protect{ background-position:-1040px -32px; } .t_protect:hover, .t_protect:focus, .t_protect:active { background-position:-1040px -48px; } .t_no, .t_no_unclickable { background-position:-1056px 0px; } .t_no:hover, .t_no:focus, .t_no:active, .t_no_clicked { background-position:-1056px -16px; } .t_yes, .t_yes_unclickable { background-position:-1056px -32px; } .t_yes:hover, .t_yes:focus, .t_yes:active, .t_yes_clicked { background-position:-1056px -48px; } .t_yes_inverted { background-position:-1056px -48px; } .t_yes_inverted:hover, .t_yes_inverted:focus, .t_yes_inverted:active { background-position:-1056px -32px; } .t_profuser{ background-position:-1072px 0px; } .t_profuser:hover, .t_profuser:focus, .t_profuser:active { background-position:-1072px -16px; } .t_profile{ background-position:-1072px -32px; } .t_profile:hover, .t_profile:focus, .t_profile:active { background-position:-1072px -48px; } .t_down{ background-position:-1088px 0px; } .t_down:hover, .t_down:focus, .t_down:active { background-position:-1088px -16px; } .t_up{ background-position:-1088px -32px; } .t_up:hover, .t_up:focus, .t_up:active { background-position:-1088px -48px; } .t_minus{ background-position:-1104px 0px; } .t_minus:hover, .t_minus:focus, .t_minus:active { background-position:-1104px -16px; } .t_exit{ background-position:-1104px -32px; } .t_exit:hover, .t_exit:focus, .t_exit:active { background-position:-1104px -48px; } /* ========= */ /* = Forum = */ /* ========= */ .new_post { background: #F9F9F9; border: 1px solid #CCCCCC; padding: 4px; margin: 10px 0 0 0; } .posting ul {margin-left: 1.5em; list-style-type: square;} .posting ol {margin-left: 1.5em; list-style-type: decimal;} .posting li {font-size: 0.75em;} .posting li li {font-size: 1em;} #post_list div.post_menu {margin-left: -4px;} #post_list div.arrow {cursor: pointer; margin-left: 8px;} div.post_depth_0, div.post_depth_1, div.post_depth_2, div.post_depth_3, div.post_depth_4, div.post_depth_5, div.post_depth_6 { margin: 5px -1px -1px 0px; padding: 4px 0 0 0; border: 1px solid #CCCCCC; } div.post_depth_0, div.post_depth_2, div.post_depth_4, div.post_depth_6 { background: #FFFFFF; } div.post_depth_1, div.post_depth_3, div.post_depth_5 { background: #F9F9F9 url(/images/layout/h2.png) repeat scroll right center; } div.post_depth_0 { margin: 10px 0 10px 0; } div.post_depth_6 div.post_depth_6 { border: none;} div.post_depth_6 div.post_depth_6 div.posting {border: 1px solid #CCCCCC; padding-top: 4px;} .new_reply { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px; margin: 10px 0 -1px 0; background: #F9F9F9; } .new_post input[type=text], .new_post textarea, .new_reply input[type=text], .new_reply textarea { width: 500px; } div.post_depth_6 input[type=text], div.post_depth_6 textarea { width: 400px; } div.post_depth_6 input[type=button] { margin-left: 8px; margin-right: 8px; } div.dashboard_posts .posting {margin-bottom: 1em;} div.dashboard_posts p {margin-bottom: 0.5em;} /* ======== */ /* = Menu = */ /* ======== */ div.menu { position: relative; margin-bottom: 7px; } div.menu table { height: 32px; width: 100%; } div.menu table td { border: 0; padding: 0; } div.menu a, div.menu span.no_link { display: block; font-size: 14px; line-height: 16px; } div.menu span.no_link { font-weight: bold; color: #3A6C15;} div.menu div.m_text { margin-left: 39px; } div.menu div.small_text { font-size:0.86em; line-height: 1em; font-weight: normal; color: #3F3730; } div.left_margin {margin-left: 4px;} div.m_icon { width: 32px; height: 32px; background: transparent url(/images/layout/menu_icons.png) no-repeat top left; position: absolute; top: 0; left: 0; } .menu .m_add{ background-position:0px 0px; } .menu a:hover div.m_add, .menu a:focus div.m_add, .menu a:active div.m_add { background-position:0px -32px; } .menu .m_del{ background-position:-32px 0px; } .menu a:hover div.m_del, .menu a:focus div.m_del, .menu a:active div.m_del { background-position:-32px -32px; } .menu .m_edit{ background-position:-64px 0px; } .menu a:hover div.m_edit, .menu a:focus div.m_edit, .menu a:active div.m_edit { background-position:-64px -32px; } .menu .m_help{ background-position:-96px 0px; } .menu a:hover div.m_help, .menu a:focus div.m_help, .menu a:active div.m_help { background-position:-96px -32px; } .menu .m_subscribe{ background-position:-128px 0px; } .menu a:hover div.m_subscribe, .menu a:focus div.m_subscribe, .menu a:active div.m_subscribe { background-position:-128px -32px; } .menu .m_rss{ background-position:-160px 0px; } .menu a:hover div.m_rss, .menu a:focus div.m_rss, .menu a:active div.m_rss { background-position:-160px -32px; } .menu .m_flag{ background-position:-192px 0px; } .menu a:hover div.m_flag, .menu a:focus div.m_flag, .menu a:active div.m_flag { background-position:-192px -32px; } .menu .m_protect{ background-position:-224px 0px; } .menu a:hover div.m_protect, .menu a:focus div.m_protect, .menu a:active div.m_protect { background-position:-224px -32px; } .menu .m_protected{ background-position:-224px 0px; } .menu .m_unprotect{ background-position:-256px 0px; } .menu a:hover div.m_unprotect, .menu a:focus div.m_unprotect, .menu a:active div.m_unprotect { background-position:-256px -32px; } .menu .m_yes{ background-position:-288px 0px; } .menu a:hover div.m_yes, .menu a:focus div.m_yes, .menu a:active div.m_yes { background-position:-288px -32px; } .menu .m_post{ background-position:-320px 0px; } .menu a:hover div.m_post, .menu a:focus div.m_post, .menu a:active div.m_post { background-position:-320px -32px; } .menu .m_reply{ background-position:-352px 0px; } .menu a:hover div.m_reply, .menu a:focus div.m_reply, .menu a:active div.m_reply { background-position:-352px -32px; } .menu .m_settings{ background-position:-384px 0px; } .menu a:hover div.m_settings, .menu a:focus div.m_settings, .menu a:active div.m_settings { background-position:-384px -32px; } .menu .m_rate{ background-position:-416px 0px; } .menu a:hover div.m_rate, .menu a:focus div.m_rate, .menu a:active div.m_rate { background-position:-416px -32px; } .menu .m_rate_invert{ background-position:-416px -32px; } .menu a:hover div.m_rate_invert, .menu a:focus div.m_rate_invert, .menu a:active div.m_rate_invert { background-position:-416px 0px; } .menu .m_bookmark{ background-position:-448px 0px; } .menu a:hover div.m_bookmark, .menu a:focus div.m_bookmark, .menu a:active div.m_bookmark { background-position:-448px -32px; } .menu .m_print{ background-position:-480px 0px; } .menu a:hover div.m_print, .menu a:focus div.m_print, .menu a:active div.m_print { background-position:-480px -32px; } .menu .m_thumb_up{ background-position:-512px 0px; } .menu a:hover div.m_thumb_up, .menu a:focus div.m_thumb_up, .menu a:active div.m_thumb_up { background-position:-512px -32px; } .menu .m_thumb_down{ background-position:-544px 0px; } .menu a:hover div.m_thumb_down, .menu a:focus div.m_thumb_down, .menu a:active div.m_thumb_down { background-position:-544px -32px; } .menu .m_mail{ background-position:-576px 0px; } .menu a:hover div.m_mail, .menu a:focus div.m_mail, .menu a:active div.m_mail { background-position:-576px -32px; } .menu .m_doc_upload{ background-position:-608px 0px; } .menu a:hover div.m_doc_upload, .menu a:focus div.m_doc_upload, .menu a:active div.m_doc_upload { background-position:-608px -32px; } .menu .m_doc_download{ background-position:-640px 0px; } .menu a:hover div.m_doc_download, .menu a:focus div.m_doc_download, .menu a:active div.m_doc_download { background-position:-640px -32px; } .menu .m_ranking{ background-position:-672px 0px; } .menu a:hover div.m_ranking, .menu a:focus div.m_ranking, .menu a:active div.m_ranking { background-position:-672px -32px; } .menu .m_profuser{ background-position:-704px 0px; } .menu a:hover div.m_profuser, .menu a:focus div.m_profuser, .menu a:focus div.m_profuser { background-position:-704px -32px; } .menu .m_arrow_down{ background-position:-736px 0px; } .menu a:hover div.m_arrow_down, .menu a:focus div.m_arrow_down, .menu a:active div.m_arrow_down { background-position:-736px -32px; } .menu .m_arrow_right{ background-position:-768px 0px; } .menu a:hover div.m_arrow_right, .menu a:focus div.m_arrow_right, .menu a:active div.m_arrow_right { background-position:-768px -32px; } .menu .m_course{ background-position:-800px 0px; } .menu a:hover div.m_course, .menu a:focus div.m_course, .menu a:active div.m_course { background-position:-800px -32px; } .menu .m_no{ background-position:-832px 0px; } .menu a:hover div.m_no, .menu a:focus div.m_no, .menu a:active div.m_no { background-position:-832px -32px; } .menu .m_top{ background-position:-864px 0px; } .menu a:hover div.m_top, .menu a:focus div.m_top, .menu a:active div.m_top { background-position:-864px -32px; } .menu .m_register{ background-position:-896px 0px; } .menu a:hover div.m_register, .menu a:focus div.m_register, .menu a:active div.m_register { background-position:-896px -32px; } .menu .m_yes_no{ background-position:-928px 0px; } .menu a:hover div.m_yes_no, .menu a:focus div.m_yes_no, .menu a:active div.m_yes_no { background-position:-928px -32px; } .menu .m_book{ background-position:-960px 0px; } .menu a:hover div.m_book, .menu a:focus div.m_book, .menu a:active div.m_book { background-position:-960px -32px; } .menu .m_public{ background-position:-992px 0px; } .menu a:hover div.m_public, .menu a:focus div.m_public, .menu a:active div.m_public { background-position:-992px -32px; } .menu .m_yes_to_no{ background-position:-288px -32px; } .menu a:hover div.m_yes_to_no, .menu a:focus div.m_yes_to_no, .menu a:active div.m_yes_to_no { background-position:-832px 0px; } .menu .m_no_to_yes{ background-position:-832px 0px; } .menu a:hover div.m_no_to_yes, .menu a:focus div.m_no_to_yes, .menu a:active div.m_no_to_yes { background-position:-288px -32px; } .m_big_protection{ background:transparent url(/images/layout/menu_icons.png) no-repeat; background-position:-1120px 0px; height:64px; margin-left:7px; } /* =================== */ /* = Tabs navigation = */ /* =================== */ .tab-nav{ clear:both; float:left; font-weight:bold; color:#3A6C15; padding-left:4px; min-width:100%; list-style-type:none; background:url(/images/layout/tabs-sprite.png) transparent repeat-x 0px -96px; margin-top:7px; } .tab-nav li{ font-size:16px; line-height:32px; list-style-type:none; float:left; margin:0 0 0 2px; padding:0 0 0 0.5em; background:url(/images/layout/tabs-sprite.png) transparent no-repeat 0px -32px; } .tab-nav li a, .tab-nav li.inactive strong { color:#FF7700; background:url(/images/layout/tabs-sprite.png) transparent no-repeat right -32px; display:block; padding:0 0.5em 0 0; } .tab-nav li.inactive strong, .tab-nav li.inactive a, .tab-nav li.inactive a:hover, .tab-nav li.inactive a:active, .tab-nav li.inactive a:focus { color: #999999; } .tab-nav li:hover { background:url(/images/layout/tabs-sprite.png) #FF7700 no-repeat left -64px; cursor: pointer; } .tab-nav li.inactive, .tab-nav li.inactive:hover { background:url(/images/layout/tabs-sprite.png) transparent no-repeat 0px -32px; cursor: default; } .tab-nav li:hover a { background:url(/images/layout/tabs-sprite.png) #FF7700 no-repeat right -64px; color:#FFFFFF; } .tab-nav li.inactive:hover a { background:url(/images/layout/tabs-sprite.png) transparent no-repeat right -32px !important; } .tab-nav li a span.new { margin: 0 8px 0 2px; padding: 2px 4px; color: #FFFFFF; background:url(/images/layout/tabs-span-sprite.png) #FF7700 repeat-x left top; } .tab-nav li:hover a span.new { color: #FF7700; background:url(/images/layout/tabs-span-sprite.png) #FFFFFF repeat-x right center; } .tab-nav li.active a span.new { margin: 0 8px 0 2px; padding: 2px 4px; background:url(/images/layout/tabs-span-sprite.png) #3A6C15 repeat-x center center; color: white; } .tab-nav li.active { background:url(/images/layout/tabs-sprite.png) transparent no-repeat left 0px; cursor: default; } .tab-nav li.active strong, .tab-nav li.active a { display:block; color:#3A6C15; padding:0 10px 0 0; text-decoration:none; background:url(/images/layout/tabs-sprite.png) transparent no-repeat right 0px; } .tab-content{ background: #FFFFFF; /*border-bottom: 1px solid #3A6C15;*/ padding-top: 10px; padding-bottom: 5px; } /* ### Inner Tabs ### */ .tab-content .tab-nav { background: none; min-width: 770px; } .tab-content .tab-nav li, .tab-content .tab-nav li.inverted:hover { font-size: 12px; line-height: 24px; margin: 0 10px 2px 0px; background:url(/images/layout/tabs-sprite-small.png) transparent repeat-x left top; } .tab-content .tab-nav li a, .tab-content .tab-nav li.inverted:hover a { color:#FF7700; background:url(/images/layout/tabs-sprite-small.png) transparent no-repeat right top; display:block; padding:0 0.5em 0 0; } .tab-content .tab-nav li:hover, .tab-content .tab-nav li.inverted { background:url(/images/layout/tabs-sprite-small.png) #FF7700 no-repeat left -24px; cursor: pointer; } .tab-content .tab-nav li:hover a, .tab-content .tab-nav li.inverted a { background:url(/images/layout/tabs-sprite-small.png) #FF7700 no-repeat right -24px; color:#FFFFFF; } .inner-tab-content { background: #FFFFFF; padding-bottom: 5px; padding-top: 10px; clear: both; } /* ========= */ /* = vCard = */ /* ========= */ .vcard .photo { height:9.625em; } .vcard .type { display: none; } /* ================== */ /* = User timetable = */ /* ================== */ .user_timetable ul.timetable_courselist a { color: #3F3730; font-weight: normal; } .user_timetable ul.timetable_unilist { margin-left: 0; list-style-type: none; } .user_timetable ul.timetable_unilist li.timetable_uni { font-weight: bold; color: #FF7700; } .user_timetable ul.timetable_termlist { font-weight: normal; margin-left: 1em; list-style-type: none; } .user_timetable ul.timetable_termlist li { color: #3F3730; font-size: 100%; } .user_timetable ul.timetable_courselist { margin-left: 2em; list-style-type: square; } .user_timetable ul.timetable_courselist li { font-weight: normal; font-size: 90%; } .user_timetable { padding: 0 4px; } /* ================= */ /* = Frontend sort = */ /* ================= */ table.sortable thead th { white-space: nowrap; vertical-align: middle; } .sort_asc{ background-image:url(/images/layout/menu_icons.png); background-position:-1088px -48px; background-repeat:no-repeat; height:16px; width:16px; margin:0px 4px -3px 4px; display: inline-block; } .sort_desc{ background-image:url(/images/layout/menu_icons.png); background-position:-1088px -16px; background-repeat:no-repeat; height:16px; width:16px; margin:0px 4px -3px 4px; display: inline-block; } .sort_neutral{ background-image:url(/images/layout/menu_icons.png); background-position:-1104px 0px; background-repeat:no-repeat; height:16px; width:16px; margin:0px 4px -3px 4px; display: inline-block; } .plus_neutral{ background-image:url(/images/layout/menu_icons.png); background-position:-1040px -16px; background-repeat:no-repeat; height:16px; width:16px; margin:0px 4px -3px 4px; display: inline-block; } .plus_neutral:hover, a:hover .plus_neutral { background-position:-1040px 0px; } .minus_neutral{ background-image:url(/images/layout/menu_icons.png); background-position:-1104px 0px; background-repeat:no-repeat; height:16px; width:16px; margin:0px 4px -3px 4px; display: inline-block; } .inline_flag{ background-image:url(/images/layout/menu_icons.png); background-position:-128px 0px; background-repeat:no-repeat; height:32px; width:32px; margin:-3px 5px; display: inline-block; float:left; } .inline_contact_btn { float: right; margin-bottom: 7px; width: 160px; } .inline_contact_btn a { font-size: 11px; } .inline_contact_btn .btn_text{ } th.vertical {width:18px;} th.vertical .sort_asc, th.vertical .sort_desc, th.vertical .sort_neutral {margin: 4px 0 1px -1px;} /* ================= */ /* = Form elements = */ /* ================= */ label, .like_label, input, button { font-size: 0.75em; line-height: 1.3333em; color:#3F3730; margin-left:4px; vertical-align:middle; } label { font-weight:bold; } td label {font-size:1em; margin-left:0px;} td label.indented { margin-left: 4px; } p.like_label { font-weight:bold; margin-bottom: 0; margin-left: 0;} p.hint, td.hint { color: #666666; font-style:italic; margin-top: 1.4em; margin-bottom: 0; } p.bottom_hint {color: #666666; font-style:italic;} #nav_main form { margin:0; } #nav_main form input { border-top: 1px #bfc6aa solid; border-left: 1px #bfc6aa solid; border-right: 1px #8c9966 solid; border-bottom: 1px #8c9966 solid; background: #FFFFFF url("/images/layout/header-menu-back.png") repeat-x center left; font-size:14px; height:18px; margin:3px 0 3px 4px; padding:3px 4px; } input[type=button], input[type=submit], button, #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active, #nav_main ul li a.search { border-top: none; border-left: none; border-right: none; border-bottom: none; background: #ff7700; color: #F7F7F7; font-weight: bold; height: 24px; padding: 4px 6px 4px 6px; margin: 3px 16px 3px 4px; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active, #nav_main ul li a.search { height:17px; margin: 0.2142em 0.2857em; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active, #nav_main ul li a.search { height:17px; } input[type=button].disabled, input[type=submit].disabled, button.disabled, input[type=button].disabled:hover, input[type=submit].disabled:hover, input[type=button].disabled:focus, input[type=submit].disabled:focus, input[type=button].disabled:active, input[type=submit].disabled:active, button.disabled:active, button.disabled:hover, button.disabled:focus { border: 1px #999 solid; background: #999 url("/images/layout/header-menu-back.png") repeat-x center left; color: #999; cursor:default; } input[type=button]:hover, input[type=submit]:hover, input[type=button]:focus, input[type=submit]:focus, input[type=button]:active, input[type=submit]:active, button:active, button:hover, button:focus { opacity:0.8; cursor:pointer; } input[type=button].snd_button, input[type=submit].snd_button { background:transparent !important; border:none; color:#FF7700; cursor: pointer; } input[type=button].snd_button:hover, input[type=button].snd_button:focus, input[type=button].snd_button:active, input[type=submit].snd_button:hover, input[type=submit].snd_button:focus, input[type=submit].snd_button:active { background:transparent !important; color:#3A6C15; } .l_radio { font-weight:normal; cursor: pointer; } .l_radio:hover, .l_radio:hover span { color:#FF7700; } label.error { color:red !important; } textarea.error,input.error,select.error { border-top-color: red; border-left-color: red; border-right-color: #C00000; border-bottom-color: #C00000; } input[readonly] { color:#999999; } input:active, input:focus, textarea:active, textarea:focus { color:#000000 !important; background:#FFFFFF !important; /*border-top: 1px #8c9966 solid; border-left: 1px #8c9966 solid; border-right: 1px #3A6C15 solid; border-bottom: 1px #3A6C15 solid;*/ border:none; } textarea, input { border-top: 1px #bfc6aa solid; border-left: 1px #bfc6aa solid; border-right: 1px #8c9966 solid; border-bottom: 1px #8c9966 solid; background: #FFFFFF; color: #3F3730; margin: 3px 4px; padding: 4px; } textarea { font-size: 12px; } select { font-size: 0.75em; line-height: 1.3333em; color:#3F3730; border-top: 1px #bfc6aa solid; border-left: 1px #bfc6aa solid; border-right: 1px #8c9966 solid; border-bottom: 1px #8c9966 solid; background: #FFFFFF; margin: 3px 4px; padding: 1px; } input[type=checkbox] { vertical-align:middle; background:none; margin: 0 4px; border: none; padding: 1px; /* for Opera */ } input[type=radio] { margin:0 8px 0 4px; vertical-align:middle; margin-bottom:0; border: none; padding: 2px; /* for Opera */ } .c10l #loginbox input[type=text], .c10l #loginbox input[type=password] { width: auto; } .c10l input[type=text], .c10l input[type=password], .c10l input[type=file], .c10l textarea, .c10r input[type=text], .c10r input[type=password], .c10r input[type=file], .c10r textarea { width: 350px; } .c10l select { width: 360px; } .c08l select, .c08r select {width:295px;} #invite_table_form .c07l input[type=text] { width: 180px; } .c06l input[type=text], .c06l input[type=password], .c06r input[type=text], .c06r input[type=password] {width:200px !important;} .c06l select, .c06r select, .c06l input[type=file], .c06r input[type=file] {width:210px;} .c05l input[type=text], .c05r input[type=text] {width: 155px !important;} .c05l select, .c05r select {width: 165px !important;} .c04l input[type=text], .c04r input[type=text], .c04l input[type=password], .c04r input[type=password] {width: 130px !important;} .c04l select, .c04r select {width: 140px !important;} .separated_label {height:24px; padding-top: 7px;} .form_margins {margin-top: 3px;} a button { cursor: pointer; } fieldset { border-top:1px solid #C7CDB7; border-left:1px solid #C7CDB7; border-bottom:1px solid #A7B08B; border-right:1px solid #A7B08B; padding: 6px 4px; margin-top: 1em; } fieldset.mezzanine { border: none; margin-top: 0; } fieldset legend { font-size: 0.875em; font-weight: bold; color: #3A6C15; margin-left: 2px; padding: 0 2px; } fieldset.nomargin { margin-top: 0; } fieldset.nopadding { padding-left: 0; padding-right: 0; } fieldset.nopadding div.margin { margin: 0 4px; } fieldset.nopadding legend { margin: 0 6px; } div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0; padding:0; z-index: 100; } div.autocomplete ul { list-style-type:none; margin:0; padding:0; } div.autocomplete ul li.selected { background-color: #F70; color: white;} div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } table div.autocomplete li { font-size: 100%; } /* ========= */ /* = Books = */ /* ========= */ .book, .entity, .program { border-top:1px solid #C7CDB7; border-left:1px solid #C7CDB7; border-bottom:1px solid #A7B08B; border-right:1px solid #A7B08B; padding:4px; } .book { background-color:#F9F9F9; } .subcolumns .book, .subcolumns .entity, .subcolumns .program {width:auto;margin-bottom:4px;} .book h3 {padding:0; font-size: 0.875em} .entity h3 {padding:0; font-size: 1em} .program h3 {padding:0; font-size: 0.875em} .book h4, .entity h4, .program h4 {padding:0; font-size: 0.75em} .book p, .entity p, .program p {margin:0;padding:2px} .book .c02l img{ width:63px; margin-top:6px; } .discount{ background-image:url("/images/layout/discount.png"); background-repeat:no-repeat; background-position: left center; width:60px; height:27px; color:#FF7700; font-weight:bold; font-size:1.125em; padding-top:5px; padding-left:50px; margin:4px 0; } .sell { height: 59px; } .stars_default{ margin-top:2px; height:12px; width:64px; background-image:url("/images/layout/menu_icons.png"); background-position:bottom right; } .stars_50{background-position:-1184px -2px;} .stars_45{background-position:-1248px -2px;} .stars_40{background-position:-1184px -14px;} .stars_35{background-position:-1248px -14px;} .stars_30{background-position:-1184px -26px;} .stars_25{background-position:-1248px -26px;} .stars_20{background-position:-1184px -38px;} .stars_15{background-position:-1248px -38px;} .stars_10{background-position:-1184px -50px;} .stars_5{background-position:-1248px -50px;} .stars_0{display: none;} /* =========== */ /* = Ratings = */ /* =========== */ .rating{ margin-top:2px; height:16px; background-image:url("/images/layout/menu_icons.png"); background-position:bottom right; } .rating_1{width:16px; background-position:-1392px -32px;} .rating_2{width:16px; background-position:-1408px -32px;} .rating_3{width:16px; background-position:-1424px -32px;} .rating_4{width:16px; background-position:-1440px -32px;} .rating_5{width:16px; background-position:-1456px -32px;} .rating_1_full{width:80px; background-position:-1392px -48px;} .rating_2_full{width:80px; background-position:-1472px -48px;} .rating_3_full{width:80px; background-position:-1472px -32px;} .rating_4_full{width:80px; background-position:-1472px -16px;} .rating_5_full{width:80px; background-position:-1472px 0px;} } /* # siegel in uni profile */ .ranked p { width: 213px; margin: 6px; } /* MINT 10 */ #mint { background: url(/resources/arrow-bl-tr.png) no-repeat left bottom; } table.mint10 { border: none; margin: 2em 0 0 10px; padding-left: 4px; } table.mint10 td { width: 150px; font-size: 16px; height: 44px; background-color: #e7e7e7; border: 4px solid #fff; vertical-align: middle; text-align: left; border-radius: 8px; padding: 0 10px; } table.mint10 tr:hover td{ background-image: none; } /* störer / overlay (2 styles)*/ #mpf-teaser-overlay { position:absolute; top:0; width:100%; height: 2400px; background-image: url("/images/lightwindow/black-70.png"); background-repeat: repeat; z-index:6000; } #mpf-teaser-box { position:relative; width:381px; z-index:6001; height:235px; top:4em; left:50%; margin: 0 0 0 -200px; box-shadow:0px 0px 24px black; background-color:#f7f7f7; padding: 0 1em; } #mpf-teaser-box.wide_layout { margin: 0 0 0 -350px; width: 700px; height: auto; } #mpf-teaser-box2 { position:relative; width:381px; z-index:6001; height:235px; top:4em; left:50%; margin: 0 0 0 -200px; box-shadow:0px 0px 24px black; background: linear-gradient(to bottom, #ff993f 0%,#ff7c09 100%); border: 5px solid #72833a; border-radius:12px; padding: 10px; } #mpf-teaser-box2:after { content: url("/images/layout/teaser_box2.png"); left: 3px; position: relative; top: 2px; } #mpf-teaser-box2 h4 { color: #fff; padding-bottom:12px; } #mpf-teaser-box2 p { color: #fff; font-size: 14px; } #mpf-teaser-box2 a { color: #fff; font-size: 10px; } #mpf-teaser-box.wide_layout2 { margin: 0 0 0 -350px; width: 700px; height: auto; } /* google charts (wahl2013) */ #flex_text_for_specific_evaluation { min-height: 2.5em; /* flexible texts = min 2 lines */ } .tab-nav #evaluation_dates li { font-size: 15px; margin: 0 0 0 1px; } #chart_container .icon_student { background: url("/images/wahl2013/icon_student.png") no-repeat scroll 0 center transparent; height: 242px; margin: 10px auto; overflow: hidden; width: 90%; } #chart_container .icon_student .legend { left: 250px; top: 13px; list-style: none; position: relative; } #chart_container .icon_student .main_label { color: #EEEEEE; font-size: 26px; left: 84px; position: relative; top: 53px; } .wide_layout label { line-height: 30px; padding:4px; } .wide_layout fieldset select, .wide_layout fieldset input[type=text] { width:350px; } .wide_layout #add_program_btn { font-size:12px; margin:10px 10px 0 0; } .wide_layout #add_program_btn button { margin-right:15px; } .wide_layout fieldset.poldi:before, .break.badge.poldi:before { content: url("//www.meinprof.de/uploads/images/62_poldi_arm_original.png"); float: right; height: 87px; margin-right: 5px; margin-top: -85px; width: 51px; } .tab-content.poldi:before { content: url("//www.meinprof.de/uploads/images/62_poldi_arm_original.png"); float: right; height: 83px; margin-right: 325px; margin-top: -83px; position: relative; width: 51px; } .badge.bubble:after { content: url("/images/bubble-arrow.png"); height: 0; left: 3px; position: relative; bottom: -2px; width: 120px; } .badge.bubble { border-radius: 9px; float: right; height: 40px; margin-right: 322px; margin-top: -128px; padding: 3px; width: 129px; position: relative; } .wide_layout { overflow:visible; } #rating_program_id, #rating_comment { margin: 6px; padding: 1px; width: 95%; } #program_top_flop_list .department { font-size:11px; } .rating_tables #tab-nav strong, .rating_tables #tab-nav a { font-size: 14px; } /* Starbox.css Part of http://www.nickstakenburg.com/projects/starbox/ */ /* ========================================= */ /* = THESE ARE (MORE OR LESS) THE DEFAULTS = */ /* ========================================= */ .starbox .stars { background: #FFFFFF; } .starbox .rated .stars { background: #FFFFFF; } .starbox .rated .hover .stars { background: #FFFFFF; } .starbox .colorbar { background: #1e90ff; } .starbox .hover .colorbar { background: #ffcc1c; } .starbox .rated .colorbar { background: #64b2ff; } .starbox .rated .hover .colorbar { background: #1e90ff; } .starbox .ghost { background: #a1a1a1; } .starbox .indicator { clear: both; } .starbox .dotted .stars, .starbox .dotted .hover .stars, .starbox .dotted .rated .stars, .starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; } .starbox .dotted .colorbar, .starbox .dotted .hover .colorbar, .starbox .dotted .rated .colorbar, .starbox .dotted .rated .hover .colorbar { background: #000000; } .starbox .dotted .ghost { background: #3F3730; } .starbox .pointy .colorbar { background: #ffcc1c; } .starbox .pointy .hover .colorbar { background: #ff9231; } .starbox .inverse .stars { float: right; } .starbox .inverse .indicator { clear: both; display: block; text-align: right; } /* ============================ */ /* = THIS IS THE RELEVANT BIT = */ /* ============================ */ .starbox .meinprof_0 .colorbar, .starbox .meinprof_0 .hover .colorbar, .starbox .meinprof_0 .rated .colorbar, .starbox .meinprof_0 .rated .hover .colorbar { background: transparent; } .starbox .meinprof_1 .colorbar, .starbox .meinprof_1 .hover .colorbar, .starbox .meinprof_1 .rated .colorbar, .starbox .meinprof_1 .rated .hover .colorbar { background: #FF7700 url(/images/layout/menu_icons.png) -1392px 0px no-repeat; } .starbox .meinprof_2 .colorbar, .starbox .meinprof_2 .hover .colorbar, .starbox .meinprof_2 .rated .colorbar, .starbox .meinprof_2 .rated .hover .colorbar { background: #FF7700 url(/images/layout/menu_icons.png) -1312px -48px no-repeat; } .starbox .meinprof_3 .colorbar, .starbox .meinprof_3 .hover .colorbar, .starbox .meinprof_3 .rated .colorbar, .starbox .meinprof_3 .rated .hover .colorbar { background: #FF7700 url(/images/layout/menu_icons.png) -1312px -32px no-repeat; } .starbox .meinprof_4 .colorbar, .starbox .meinprof_4 .hover .colorbar, .starbox .meinprof_4 .rated .colorbar, .starbox .meinprof_4 .rated .hover .colorbar { background: #FF7700 url(/images/layout/menu_icons.png) -1312px -16px no-repeat; } .starbox .meinprof_5 .colorbar, .starbox .meinprof_5 .hover .colorbar, .starbox .meinprof_5 .rated .colorbar, .starbox .meinprof_5 .rated .hover .colorbar { background: #FF7700 url(/images/layout/menu_icons.png) -1312px 0px no-repeat; } #lightwindow_overlay { /* REQUIRED */ display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 500; /* REQUIRED */ } #lightwindow { /* REQUIRED */ /* Of Note - The height and width of this element are set to 0px */ display: none; visibility: hidden; position: absolute; z-index: 999; line-height: 0px; /* REQUIRED */ } #lightwindow_container { /* REQUIRED */ display: none; visibility: hidden; position: absolute; /* REQUIRED */ padding: 0 0 0 0; margin: 0 0 0 0; } /* IE6 needs this or it messes with our positioning */ * html #lightwindow_container { overflow: hidden; } #lightwindow_contents { overflow: hidden; z-index: 0; position: relative; border: 10px solid #ffffff; background-color: #ffffff; color: #ffffff; /* javascript won't be shown */ } #lightwindow_loading { /* REQUIRED */ height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9999; position: absolute; /* REQUIRED */ background-color: #ffffff; padding: 10px; } #lightwindow_loading_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; } #lightwindow_loading span { font-size: 12px; line-height: 32px; color: #444444; float: left; padding: 0 10px 0 0; } #lightwindow_loading span a, #lightwindow_loading span a:link, #lightwindow_loading span a:visited { color: #09F; text-decoration: none; cursor: pointer; } #lightwindow_loading span a:hover, #lightwindow_loading span a:active { text-decoration: underline; } #lightwindow_loading img { float: left; margin: 0 10px 0 0; } /*----------------------------------------------------------------------------------------------- I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/ I mean let's face it, it works really well and is very easy to figure out. -----------------------------------------------------------------------------------------------*/ #lightwindow_navigation { /* REQUIRED */ position: absolute; top: 0px; left: 0px; display: none; /* REQUIRED */ } /* We need to shim the navigation for IE, though its more of a sub-floor */ #lightwindow_navigation_shim { /* REQUIRED */ display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; /* REQUIRED */ } #lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, #lightwindow_navigation a:hover, #lightwindow_navigation a:active { /* REQUIRED */ outline: none; /* REQUIRED */ } #lightwindow_previous, #lightwindow_next { width: 49%; height: 100%; background: transparent url(/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #lightwindow_previous { float: left; left: 0px; } #lightwindow_next { float: right; right: 0px; } #lightwindow_previous:hover, #lightwindow_previous:active { background: url(/images/lightwindow/prevlabel.gif) left 15% no-repeat; } #lightwindow_next:hover, #lightwindow_next:active { background: url(/images/lightwindow/nextlabel.gif) right 15% no-repeat; } #lightwindow_previous_title, #lightwindow_next_title { display: none; } #lightwindow_galleries { width: 100%; position: absolute; z-index: 50; display: none; overflow: hidden; margin: 0 0 0 10px; bottom: 0px; left: 0px; } #lightwindow_galleries_tab_container { width: 100%; height: 0px; overflow: hidden; } a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab { display: block; height: 20px; width: 77px; float: right; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 11px; color: #ffffbe; background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent; } * html a#lightwindow_galleries_tab, * html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab { color: #ffffbe; } #lightwindow_galleries_tab_span { display: block; height: 20px; width: 63px; padding: 0 7px 0 7px; } #lightwindow_galleries_tab .up { background: url(/images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent; } #lightwindow_galleries_tab .down { background: url(/images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent; } #lightwindow_galleries_list { background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent; overflow: hidden; height: 0px; } * html #lightwindow_galleries_list { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } .lightwindow_galleries_list { width: 200px; float: left; margin: 0 0 10px 0; padding: 10px; } .lightwindow_galleries_list h1 { color: #09F; text-decoration: none; font-weight: bold; cursor: pointer; padding: 10px 0 5px 0; font-size: 16px; } .lightwindow_galleries_list li { margin: 5px 0 5px 0; list-style-type: none; } .lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited { display: block; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0 0 0 10px; font-size: 11px; } .lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active { background: #000000; color: #ffffbe; border-left: 3px solid #ffffbe; padding: 0 0 0 7px; } #lightwindow_data { /* REQUIRED */ position: absolute; /* REQUIRED */ } #lightwindow_data_slide { /* REQUIRED */ position: relative; /* REQUIRED */ } #lightwindow_data_slide_inner { background-color: #ffffff; padding: 0 10px 10px 10px; } #lightwindow_data_caption { padding: 10px 0 0 0; color: #666666; line-height: 25px; background-color: #ffffff; clear: both; } #lightwindow_data_details { background-color: #f0f0f0; padding: 0 10px 0 10px; height: 20px; } #lightwindow_data_author_container { width: 40%; text-align: right; color: #666666; font-style: italic; font-size: 10px; line-height: 20px; float: right; overflow: hidden; } #lightwindow_data_gallery_container { font-size: 10px; width: 40%; text-align: left; color: #666666; line-height: 20px; float: left; overflow: hidden; } #lightwindow_title_bar { height: 25px; overflow: hidden; background: #ffffff; } #lightwindow_title_bar_title { color: #ffffbe; font-size: 14px; line-height: 25px; text-align: left; float: left; } a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link { float: right; text-align: right; cursor: pointer; color: #ffffbe; line-height: 25px; padding: 0; margin: 0; } a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #ffffff; } #lightwindow_title_bar_close_image { height:16px; width:16px; background: url(/images/lightwindow/exit-button.png) 0px 0px; cursor: pointer; margin: 9px 10px 0 0; float: right; } * html #lightwindow_title_bar_close_image { margin: 9px 5px 0 0; /* for IE6 */ } #lightwindow_title_bar_close_image:hover, #lightwindow_title_bar_close_image:active { background-position: 16px 0px; } /*----------------------------------------------------------------------------------------------- Theme styling stuff -----------------------------------------------------------------------------------------------*/ #lightwindow_contents { line-height: 1em; }