zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Untermenü im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 22.06.2009, 22:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.06.2009
Beiträge: 15
nici befindet sich auf einem aufstrebenden Ast
Standard

das läuft im moment bei mir daheim local.

Code:
CSS - http://localhost/kibes_static/index.php?debug=1

    * Collapse All
    * Expand All

http://localhost/kibes_static/index.php?debug=1
http://localhost/kibes_static/templates/eberhard/css/zentral.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) central stylesheet - layout example "3col_standard"

 * (de) Zentrales Stylesheet - Beispiellayout "3col_standard"

 *

 * @copyright       Copyright 2005-2007, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

*/



/* import core styles | Basis-Stylesheets einbinden */

@import url(../yaml/core/base.css);



/* import screen layout | Screen-Layout einbinden */

@import url(../yaml/screen/basemod_grids2.css);

@import url(../yaml/screen/content_grids2.css);



/* import print layout | Druck-Layout einbinden */

@import url(../yaml/print/print_grids2.css);

@import url(forms.css);





@media screen{

    body {

        font-family: sans-serif, serif, monospace;

        font-size: 13px;

        background-color: #E0E1F2;

		behavior:url("csshover.htc");



    }

    #footer form{

        padding:0;

    }



    .page_margins{

        background-color: transparent;

        width:auto;

        height:auto;

    }

    #header{

        border: 1px solid #A6A7AF;

    }



    #header img{

        border: 0;

    }



    #header .angemeldet{

        padding-left:50px;

    }

    

    #header .search{

        float:right;

        width:200px;

        padding-top:40px;

        top:50px;

    }





    #main{

        background-color: transparent;

        padding:0;

    }

    #main .subcl , .subc, .subcr{

        background-color:white;

        border: 1px solid #000099;

        padding:5px 10px;

        margin-top: 5px;

        margin-bottom: 0;

    }

    

    #main {

        margin-top: 0px;

    }



    .subcl {

        margin-right:5px;

    }

    .subc {

        margin-left: 5px;

        margin-right:5px;

    }

    .subcr{

        margin-left: 5px;

    }



    .subcl h2{

        margin-top: 0;

    }



    h2 {

        font-style: normal;

        font-weight: bold;

        color: black;

    }

   



    #main .login{

        background: transparent;

        border:0;

    }

    #main .test1{

        background: transparent;

        border:none;

        margin-left:0;

        padding-left:0;

    }

    #main .tabelle{

        width:100%;

        border: 1px solid #000099;

        padding:0;

        margin:0;

        background: #D8D8D8;

    }

    #main .tabelle1{

        background:transparent;

        border:none;

        padding:0;

        padding-left:1px;

    }





    #footer{

        padding:0;





    }



    #main p + p{

        text-indent:0;

    }

    #main .noBorder{

        border:0px;

        background:transparent;

        padding:0;

        padding-left:1px;

    }

    #main .schriftfarbe{

        color:#030C95;

        font-size:200%;       

    }

    #main .schriftfarbe2{

        color:#030C95;

    }

    #main .noBackground{

        background:transparent;

    }

    #main .grenzeOben{

        margin-top:0;

        margin-bottom: 10px;

    }

    #main .border{

        border: 1px solid Black;

    }

    #main .mitte{

        padding:2px;

        margin:auto;

        width:300px;

        text-align: center;

    }



    ul#navmenu {

        margin-top: 15px;

        border: 0 none;

        padding: 0;

        margin-right: 10px;

        width: 100%; /*For KHTML*/

        list-style: none;

        height: 24px;

        font-size: 13px;

    }





    #navmenu{

        background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' );

        background-repeat: repeat-x;

        margin-left: 0;

        margin-top: 5px;

        height:30px;



    }

    #menu_list a{





    }

    .menu_sub_list{

        /*display: none;*/

        background:#EEE;

    }

	



    .btn {

        background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' );

        color: black;

        text-decoration: none;

        border: 1px black solid;

        text-align: center;

    }

    ul#navmenu li {

        margin: 0;

        border: 0 none;

        padding: 0;

        float: left; /*For Gecko*/

        display: inline;

        list-style: none;

        position: relative;

        height: 24px;

    }



    ul#navmenu ul {

        margin: 0;

        border: 0 none;

        padding: 0;

        width: 160px;

        list-style: none;

        display: none;

        position: absolute;

        top: 24px;

        left: 0;

    }



    ul#navmenu ul li {

        float: none; /*For Gecko*/

        display: block !important;

        display: inline; /*For IE*/

    }



    /* Root Menu */

    ul#navmenu a {



        padding: 0 6px;

        float: none !important; /*For Opera*/

        float: left; /*For IE*/

        display: block;

        background: transparent;

        color: #666;

        text-decoration: none;

        height: auto !important;

        height: 100%; /*For IE*/

        color: Black;

        font-size: 13;

    }



    /* Root Menu Hover Persistence */

    ul#navmenu a:hover,

    ul#navmenu li:hover a,

    ul#navmenu li.iehover a {

        color: #FFF;

    }



    /* 2nd Menu */

    ul#navmenu li:hover li a,

    ul#navmenu li.iehover li a {

        float: none;

        background: #EEE;

        color: #666;

    }



    /* 2nd Menu Hover Persistence */

    ul#navmenu li:hover li a:hover,

    ul#navmenu li:hover li:hover a,

    ul#navmenu li.iehover li a:hover,

    ul#navmenu li.iehover li.iehover a {

        background: #CCC;

        color: #FFF;

    }



    /* 3rd Menu */

    ul#navmenu li:hover li:hover li a,

    ul#navmenu li.iehover li.iehover li a {

        background: #EEE;

        color: #666;

    }



    /* 3rd Menu Hover Persistence */

    ul#navmenu li:hover li:hover li a:hover,

    ul#navmenu li:hover li:hover li:hover a,

    ul#navmenu li.iehover li.iehover li a:hover,

    ul#navmenu li.iehover li.iehover li.iehover a {

        background: #CCC;

        color: #FFF;

    }



    /* 4th Menu */

    ul#navmenu li:hover li:hover li:hover li a,

    ul#navmenu li.iehover li.iehover li.iehover li a {

        background: #EEE;

        color: #666;

    }



    /* 4th Menu Hover */

    ul#navmenu li:hover li:hover li:hover li a:hover,

    ul#navmenu li.iehover li.iehover li.iehover li a:hover {

        background: #CCC;

        color: #FFF;

    }



    ul#navmenu ul ul,

    ul#navmenu ul ul ul {

        display: none;

        position: absolute;

        top: 0;

        left: 160px;

    }



    /* Do Not Move - Must Come Before display:block for Gecko */

    ul#navmenu li:hover ul ul,

    ul#navmenu li:hover ul ul ul,

    ul#navmenu li.iehover ul ul,

    ul#navmenu li.iehover ul ul ul {

        display: none;

    }



    ul#navmenu li:hover ul,

    ul#navmenu ul li:hover ul,

    ul#navmenu ul ul li:hover ul,

    ul#navmenu li.iehover ul,

    ul#navmenu ul li.iehover ul,

    ul#navmenu ul ul li.iehover ul {

        display: block;

    }







    #infobox{



    }



    #header .subcl{



    }

    #header .subcr{

        padding: 0 0 0 24px;



    }



    #header .subc{

        background:transparent;



    }

    #header .c33r{

        margin: 5px;

        padding: 5px;

    }



    .c25l{

        border: 1px solid #000099;

    }



    .table_row_1{

        background: #8ba6d0 url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' ) repeat-x;

    }



    .table_row_2{

        background: #F1F1F1;



    }



    input {

        border: 1px blue solid;

    }



    td a{

        color:black;

        font-weight: bold;

    }



    .tooltip {

        text-decoration:none;

    }

    .tooltip:hover {

        background-color: #E0E1F2;

        text-decoration:none;

    }

    .tooltip span.info{

        display:none;

    }

    .tooltip:hover span.info{

        display:block;

        position: absolute;

        width: 250px;

        background-color: white;

        border: 1px solid black;

    }







}

http://localhost/kibes_static/templates/eberhard/yaml/core/base.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) YAML core stylesheet

 * (de) YAML Basis-Stylesheet

 *

 * Don't make any changes in this file!

 * Your changes should be placed in any css-file in your own stylesheet folder.

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 */



@media all

{



 /**

  * @section browser reset

  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html

  */



  /* (en) Global reset of paddings and margins for all HTML elements */

  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */

  * { margin:0; padding: 0; }



  /* (en) Correction: margin/padding reset caused too small select boxes. */

  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */

  option { padding-left: 0.4em; } /* LTR */

  select { padding: 1px; }



 /**

  * (en) Global fix of the Italics bugs in IE 5.x and IE 6

  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6

  *

  * @bugfix

  * @affected   IE 5.x/Win, IE6

  * @css-for    IE 5.x/Win, IE6

  * @valid      yes

  */

  * html body * { overflow:visible; }

  * html iframe, * html frame { overflow:auto; }

  * html frameset { overflow:hidden; }



  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */

  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */

  html { height: 100%; margin-bottom: 1px; }

  body {

    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */

    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */

    font-size: 100.01%;



    /* (en) Standard values for colors and text alignment */

    /* (de) Vorgabe der Standardfarben und Textausrichtung */

    color: #000;

    background: #fff;

    text-align: left; /* LTR */

  }



  /* (en) Clear borders for <fieldset> and <img> elements */

  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */

  fieldset, img { border: 0 solid; }



  /* (en) new standard values for lists, blockquote and cite */

  /* (de) Neue Standardwerte für Listen & Zitate */

  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */

  li {

    margin-left: 0.8em; /* LTR */

    line-height: 1.5em;

  }



  dt { font-weight: bold; }

  dd { margin: 0 0 1em 0.8em; } /* LTR */



  blockquote { margin: 0 0 1em 0.8em; } /* LTR */



  blockquote:before, blockquote:after,

  q:before, q:after { content: ""; }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * @section base layout | Basis Layout

  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html

  *

  * |-------------------------------|

  * | #header                       |

  * |-------------------------------|

  * | #col1   | #col3     | #col2   |

  * | 200 px  | flexible  | 200px   |

  * |-------------------------------|

  * | #footer                       |

  * |-------------------------------|

  */



  #header { position:relative; }



  /* (en) Text Alignment for #topnav content */

  /* (de) Textausrichtung für #topnav Inhalte */

  #topnav { text-align: right; }  /* LTR */



  /* (en) Absolute positioning only within #header */

  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */

  #header #topnav {

    position:absolute;

    top: 10px;

    right: 10px; /* LTR */

  }



  /* (en) Backup for correct positioning */

  /* (de) Absicherung korrekte Positionierung */

  #header, #nav, #main, #footer { clear:both; }



  /* (en/de) Standard: 200 Pixel */

  #col1 { float: left; width: 200px }

  /* (en/de) Standard: 200 Pixel */

  #col2 { float:right; width: 200px }

  /* (en) Standard: center column with flexible width */

  /* (de) Standard: Flexible mittlere Spalte */

  #col3 { width:auto; margin: 0 200px }



  /* (en) Preparation for absolute positioning within content columns */

  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */

  #col1_content, #col2_content, #col3_content { position:relative; }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * @section clearing methods

  * @see     http://yaml.de/en/documentation/basics/general.html

  */



  /* (en) clearfix method for clearing floats */

  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */

  .clearfix:after {

    content: ".";

    display: block;

    font-size:0;

    height: 0;

    clear: both;

    visibility: hidden;

  }



  /* (en) essential for Safari browser !! */

  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */

  .clearfix { display: block; }



  /* (en) overflow method for clearing floats */

  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */

  .floatbox { overflow:hidden; }



  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */

  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */

  #ie_clearing { display: none; }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * @section subtemplates

  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html

  */



  .subcolumns { width: 100%; overflow:hidden; }



  /* (en) alternative class for optional support of old Mozilla/Netscape browers */

  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */

  .subcolumns_oldgecko { width: 100%; float:left; }



  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }

  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }



  .c25l, .c25r { width: 25%; }

  .c33l, .c33r { width: 33.333%; }

  .c50l, .c50r { width: 50%; }

  .c66l, .c66r { width: 66.666%; }

  .c75l, .c75r { width: 75%; }

  .c38l, .c38r { width: 38.2%; }

  .c62l, .c62r { width: 61.8%; }



  .subc  { padding: 0 0.5em; }

  .subcl { padding: 0 1em 0 0; }

  .subcr { padding: 0 0 0 1em; }



  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,

  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,

  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {

    display:table-cell; vertical-align:top;

    float:none; margin:0; overflow:hidden;

  }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * @section hidden elements | Versteckte Elemente

  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html

  *

  * (en) skip links and hidden content

  * (de) Skip-Links und versteckte Inhalte

  */



  /* (en) classes for invisible elements in the base layout */

  /* (de) Klassen für unsichtbare Elemente im Basislayout */

  .skip, .hideme, .print, dfn {

    position: absolute;

    left: -1000em; /* LTR */

    top: -1000em;

  }



  /* (en) make skip links visible when using tab navigation */

  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */

  .skip:focus, .skip:active {

    position: static;

    left: 0;

    top:0;

  }

}


http://localhost/kibes_static/templates/eberhard/yaml/screen/basemod_grids2.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) Screen layout for YAML examples

 * (de) Bildschirmlayout für YAML-Beispiele

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 */



@media screen, projection

{

  /*-------------------------------------------------------------------------*/



  /* (en) Marginal areas & page background */

  /* (de) Randbereiche & Seitenhintergrund */

  body { background: #fff; }



  /* Layout Alignment | Layout-Ausrichtung */

  body { text-align:center; }

  body * { text-align:left; }

  .page_margins { margin: 0 auto; }



  /* Layout Properties | Layout-Eigenschaften */

  .page_margins { width: auto;  min-width: 360px; max-width: 98%; background: #ddd; padding: 12px; }

  .page { padding: 12px 24px; border: 1px #aaa solid; background: #fff; }

  #header { padding: 12px 24px 0 24px; color: #000; background: #fff; }

  #topnav { top: 24px; right: 24px; color: #aaa; background: transparent; }

  #main { margin: 12px 0; background: #fff; }

  #footer { padding: 0px 24px; color:#666; }



  /*-------------------------------------------------------------------------*/



  /**

   * (en) Formatting content container

   * (de) Formatierung der Inhalts-Container

   *

   */



  #main { padding: 0px 24px; }



  #header .subc  { padding: 0 24px; }

  .subcl { padding: 0 24px 0 0; }

  .subcr { padding: 0 0 0 24px; }

  #header .subc  { border: 1px solid black;}

  #main .subcl { border-right: 1px #ddd solid; }

  .subcolumns { border-bottom: 1px #ddd solid; }

  .subcolumns  .subcolumns {border-bottom: 0px #ddd solid; }



  .maincontent { padding-left: 36px; }

  

  

  

  

  

























}


http://localhost/kibes_static/templates/eberhard/yaml/screen/content_grids2.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) Uniform design of standard content elements

 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 * @appdef yaml

 */



@media all

{

  /**

   * Fonts

   * (en) font-family and font-size selection for headings and standard text elements

   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente

   *

   * @section content-fonts

   */



  /* (en) reset font size for all elements to standard (16 Pixel) */

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

  html * { font-size: 100.01% }



  /* (en) reset monospaced elements to font size 16px in Gecko browsers */

  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */

  textarea, pre, tt, code {

  font-family:"Courier New", Courier, monospace;

  }



  /* (en) base layout gets standard font size 12px */

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */

  body {

    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;

    font-size: 75.00%;

    color: #444;

  }



  h1,h3,h4,h5,h6 {

    font-family: Geneva, Arial, Helvetica, sans-serif;

    font-weight:normal;

  letter-spacing: -1px;

    color:#000;

  }



  h2, h3 em {

    font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;

  font-weight:normal;

  letter-spacing: 0px;

  font-style:italic;

  }



  h1 { font-size: 300%; line-height: .5em; margin-top: .5em; margin-bottom: .5em; letter-spacing: -2px; }/* 36px */

  h2 { font-size: 200%; line-height: 1.5em; margin-top: .75em; margin-bottom: .75em; color: #666; }    /* 24px */

  h3 { font-size: 150%; line-height: 1.0em; margin-top: 1.0em; margin-bottom: 1.0em; }                 /* 18px */

  h4 { font-size: 133.333%; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 1.125em; }       /* 16px */

  h5 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight:bold;}  /* 14px */

  h6 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight:bold;}  /* 14px */



  #header h2 {border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin: 0; padding: .75em 0 .75em 0;}

  #footer h2 {border-bottom: 1px #ddd solid; margin-bottom: 0; padding-bottom: .75em;}



  p { font-size: 1em; color: #444; line-height: 1.5em; margin: 1.5em 0; }

  p.small { font-size: 0.8333em; line-height: 1.8em; margin: 1.8em 0; }

  #main p + p { text-indent: 2em; }

  #header .subcolumns p, .subcolumns .subcolumns p { margin-bottom: 0; padding-bottom: 1.5em;}



  .subcolumns .subcolumns p { text-indent: 0; margin-left: 0;}



  /* ### Lists | Listen  #### */



  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }

  li { margin-left: 1.5em; line-height: 1.5em }



  dt { font-weight: bold }

  dd { margin: 1.5em 0em 1.5em 2em }



  /* ### text formatting | Textauszeichnung ### */



  cite, blockquote { font-style:italic }

  blockquote { margin: 1.5em 0 1.5em 2em; color: #888;}



  strong,b { font-weight: bold }

  em,i { font-style:italic }



  pre, code { font-family: monospace; font-size: 1.1em; }



  acronym, abbr {

    letter-spacing: .07em;

    border-bottom: .1em dashed #c00;

    cursor: help;

  }



  /**

   * Generic Content Classes

   * (en) standard classes for positioning and highlighting

   * (de) Standardklassen zur Positionierung und Hervorhebung

   *

   * @section content-generic-classes

   */



  .note { text-indent: 0 !important; color: #333; background: #f4f4f4; padding: 1.5em; }

  .important { text-indent: 0 !important; background: #ffd; padding: 1.5em; }

  .warning { text-indent: 0 !important; background: #fdd; padding: 1.5em; }



  .float_left { float: left; display:inline; margin: 0 1.5em 1em -36px; }

  .float_right { float: right; display:inline; margin: 0 -36px 1em 1.5em; }

  .center { text-align:center; margin: 1.5em auto }



  img {padding: 5px; border: 1px #888 solid; }

  /**

   * External Links

   *

   * (en) Formatting of hyperlinks

   * (de) Gestaltung von Hyperlinks

   *

   */



  a {color: #4D87C7; text-decoration:none;}

  a:focus,

  a:hover,

  a:active {color:#182E7A; text-decoration:underline;}



  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }

  #topnav a:focus,

  #topnav a:hover,

  #topnav a:active { text-decoration:underline; background-color: transparent;}



  #footer a { color: #222; background:transparent; font-weight: bold;}

  #footer a:focus,

  #footer a:hover,

  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}



  /**

   * (en) Emphasizing external Hyperlinks via CSS

   * (de) Hervorhebung externer Hyperlinks mit CSS

   *

   * @section             content-external-links

   * @app-yaml-default    disabled

   */



  /*

  #main a[href^="http://www.my-domain.com"],

  #main a[href^="https://www.my-domain.com"]

  {

    padding-left: 12px;

    background-image: url('your_image.gif');

    background-repeat: no-repeat;

    background-position: 0 0.45em;

  }

  */



  /**

   * Tables | Tabellen

   * (en) Generic classes for table-width and design definition

   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen

   *

   * @section content-tables

   */



  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }

  table.full { width: 100%; }

  table.fixed { table-layout:fixed }



  th,td { padding: 0.5em; }

  thead th { background: #444; color: #fff }

  tbody th { background: #ccc; color: #333 }

  tbody th.sub { background: #ddd; color: #333 }



  /**

   * Miscellaneous | Sonstiges

   *

   * @section content-misc

   */



  hr {

    color: #fff;

    background:transparent;

    margin: 1.5em 0;

  padding:0;

    border:0;

    border-bottom: 2px #ddd solid;

  }

}




http://localhost/kibes_static/templates/eberhard/yaml/print/print_grids2.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) print stylesheet

 * (de) Druck-Stylesheet

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 */



/* import print base styles | Basisformatierung für Drucklayout einbinden */

@import url(../../yaml/core/print_base.css);



@media print

{

  #header, #main { padding: 0; }



  body .subc, body .subcl, body .subcr,

  .maincontent { padding: 0 !important; border: 0 none !important;; }



  body .subcolumns { border: 0 none; }



  /*------------------------------------------------------------------------------------------------------*/



  /**

   * (en) optional changes of font-family and font size

   * (de) optionale Anpassung der Schriftenfamilie und der Schriftgröße

   */



  /*

  body { font-size: 12pt; }

  body * { font-family: "Times New Roman", Times, serif; }

  code, pre { font-family:"Courier New", Courier, mono; }

  */



  /*------------------------------------------------------------------------------------------------------*/



  /* (en) optional output of acronyms and abbreviations*/

  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */



  /*

    abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

  */



  /*------------------------------------------------------------------------------------------------------*/



  /* (en) optional URL output of hyperlinks in print layout */

  /* (de) optionale Ausgabe der URLs von Hyperlinks */

  /*

  a[href]:after {

    content:" <URL: "attr(href)">";

    color:#444;

    background:inherit;

    font-style:italic;

  }

  */



}


http://localhost/kibes_static/templates/eberhard/yaml/core/print_base.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) YAML core stylesheet - print layout

 * (de) YAML Core-Stylesheet - Druck Layout

 *

 * Don't make any changes in this file!

 * Your changes should be added to 'print_xyz_draft.css' drafts from 'yaml/print/' folder.

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 */



@media print

{

 /**

  * @section basic layout preparation

  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html

  */



  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */

  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */

  body { font-size: 10pt; }

  

  /* (en) Reset Scrollbar-Fix for FF in screenlayout */

  /* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */

  html { height: auto; margin-bottom: 0; }



  /* (en) Hide unneeded container of the screenlayout in print layout */

  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */

  #topnav, #nav, #search { display: none; }



  /* (en) Disable background graphics of links  */

  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */

  body a[href^="http:"],

  body a[href^="https:"] {

    padding-left: 0;

    background-image: none;

  }

    

 /**

  * (en) overflow:hidden Bug in print layouts

  * (de) overflow:hidden Bug in Drucklayouts

  *

  * @bugfix

  * @since     3.0

  * @affected  FF2.0, FF3.0, IE7

  * @css-for   all browsers

  * @valid     yes

  */



  .floatbox,

  .subcolumns,

  .subcolums_oldgecko { overflow:visible; display: table; }



  /* (en) Linearising subtemplates */

  /* (de) Linearisierung der Subtemplates */

  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,

  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {

    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;

  }

  .subc, .subcl, .subcr  { margin: 0; padding: 0; }



  /* (en) make .print class visible */

  /* (de) .print-Klasse sichtbar schalten */

  .print { position: static; left: 0; }



  /* (en) generic class to hide elements for print */

  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */

  .noprint { display:none !important; }



  /*------------------------------------------------------------------------------------------------------*/



  /* (en) Avoid page breaks right after headings */

  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */

  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }



  /*------------------------------------------------------------------------------------------------------*/



  /* (en) Preparation for optional column labels */

  /* (de) optionale Spaltenauszeichnung */



  #col1_content:before, #col2_content:before, #col3_content:before {

    content: "";

    color:#888;

    background:inherit;

    display:block;

    font-weight:bold;

    font-size:1.5em;

  }

}


http://localhost/kibes_static/templates/eberhard/css/forms.css

@charset "UTF-8";

/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * (en) CSS-component for creating vertical forms

 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen

 *

 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution

 *

 * @copyright       Copyright 2005-2009, Dirk Jesse

 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link            http://www.yaml.de

 * @package         yaml

 * @version         3.1

 * @revision        $Revision: 343 $

 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $

 */



@media all

{

  /**

   *  YAML Forms - visual styling

   *

   *  (en) visual form styling area

   *  (de) Festlegung des optischen Erscheinungsbildes

   */



  form.yform {

    background: transparent;

    /* border: 1px #ddd solid;*/

    margin: 0;

    padding: 5px;

	width: 350px;

	

  }



  form.yform fieldset {

    border: 1px #ddd solid;

    background: #fafafa;

    margin: 0 0 1em 0;

    padding: 0.5em 1em;

  }



  form.yform legend {

    font-size: 125%; font-weight: normal; color: #000;

  }



  form.yform label {

    color: #666;

  }



  form.yform .type-text input,

  form.yform .type-text textarea,

  form.yform .type-select select {

    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */

    border: 1px solid #ddd;

  }



  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */

  form.yform div input:focus,

  form.yform div select:focus,

  form.yform div textarea:focus,

  form.yform div input:hover,

  form.yform div select:hover,

  form.yform div textarea:hover,

  form.yform div input:active,

  form.yform div select:active,

  form.yform div textarea:active {

    border: 1px #a66 solid;

    background: #fff;

  }



  /* Styling of buttons | Gestaltung von Buttons */

  form.yform .type-button input {

    border-top: 1px #ddd solid;

    border-left: 1px #ddd solid;

    border-right: 1px #444 solid;

    border-bottom: 1px #444 solid;

    color: #000;

	background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical&start=416eb1&end=8ba6d0' ); 

    /* background: #454545 url(images/button_gray.png) top left repeat-x; */

    padding: .5em 1.2em;

	text-align:center;

  }



  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }

  form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; }



  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */

  form.yform div.type-button input:focus,

  form.yform div.type-button input:hover,

  form.yform div.type-button input:active {

    border-top: 1px #444 solid;

    border-left: 1px #444 solid;

    border-right: 1px #ddd solid;

    border-bottom: 1px #ddd solid;

    color: #fff;

    background: #555; 

  }



  form.yform div.type-button input#reset:focus,

  form.yform div.type-button input#reset:hover,

  form.yform div.type-button input#reset:active {

    background: #800; color: #fff;

  }



  form.yform div.type-button input#submit:focus,

  form.yform div.type-button input#submit:hover,

  form.yform div.type-button input#submit:active {

    background: #880; color: #fff;

  }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * Vertical-Forms - technical base (standard)

  *

  * |-------------------------------|

  * | fieldset                      |

  * |-------------------------------|

  * |   label                       |

  * |   input / select / textarea   |

  * |-------------------------------|

  * | /fieldset                     |

  * |-------------------------------|

  *

  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;

  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden

  *

  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!

  */



  /* General form styling  | Allgemeine Formatierung des Formulars */

  form.yform { overflow: hidden; }

  form.yform fieldset { overflow: hidden; }

  form.yform legend { background: transparent; border: 0; }

  form.yform label { display:block; cursor: pointer; }

  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }



  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */

  form.yform input[type=hidden] { display: none !important; }



  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */

  form.yform sup { color: #800; font-weight: bold; }



  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */

  form.yform div.type-text,

  form.yform div.type-select,

  form.yform div.type-check,

  form.yform div.type-button {

    margin: 0.5em 0;

    position: relative;

    overflow: hidden;

  }



  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */

  form.yform .type-text input,

  form.yform .type-text textarea {

    display: block;

    position: relative;

    padding: 0.3em 0.3em;

    width: 58.5%;

  }



  form.yform .type-select select {

    display: block;

    position: relative;

    padding: 0.3em 2px 0.3em 1px;

    width: 60%;

    cursor: pointer;

  }

  form.yform .type-select select optgroup {

    font-style: normal;

    font-weight: bold;

  }



  form.yform .type-check input { cursor: pointer; }

  form.yform .type-check label { display: inline; }



  /* Styling of buttons | Gestaltung von Buttons */

  form.yform .type-button input {

    width: auto;

    cursor: pointer;

  }



  /* Styling of error-messages | Fehlermeldungen */

  form.yform div.error {

    border: 1px #a00 dashed;

    background: #faf4f4;

    padding: 0.5em;

  }



  form.yform div.error label { color: #000; font-weight:bold; }

  form.yform div.error .message { color: #800; }



 /*------------------------------------------------------------------------------------------------------*/



 /**

  * Columnar forms display - technical base (optional)

  *

  * |-------------------------------------------|

  * | fieldset                                  |

  * |-------------------------------------------|

  * |                                           |

  * |   label   |   input / select / textarea   |

  * |                                           |

  * |-------------------------------------------|

  * | /fieldset                                 |

  * |-------------------------------------------|

  *

  * (en) Styling of forms where label floats left of form-elements

  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen

  *

  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!

  */



  /* Columnar display | Spalten-Darstellung */

  .columnar .type-text label,

  .columnar .type-select label {

    float: left;

    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */

  }



  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .columnar div.type-check { padding-left: 30%; }

  .columnar div.error .message { margin-left: 30%; }



  .columnar div.type-text input,

  .columnar div.type-text textarea { width: 67.8%; }

  .columnar div.type-select select { width: 69.4%; }

  

  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */

  * html .columnar div.type-text input,

  * html .columnar div.type-text textarea { width: 67.2%; }

  * html .columnar div.type-select select { width: 68.8%; }

  

 /*------------------------------------------------------------------------------------------------------*/



 /**

  * Forms Fieldset/Legend-Bug in IE

  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/

  *

  * @workaround

  * @affected IE 5.x/Win, IE6, IE7

  * @css-for IE 5.x/Win, IE6, IE7

  * @valid yes

  */

  

  /* IE5.x & IE6 */

  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }

  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }



  /* IE7 */

  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }

  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }

}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fehler beim Untermenü erstellen MellZi CSS 6 07.02.2011 22:04
Navigation um ein Untermenü erweitern Erdbeertorte CSS 2 13.12.2009 15:58
Verzerrtes Untermenü im Firefox legoland1 CSS 2 30.06.2009 13:44
Untermenü verschoben wmxrecords CSS 1 12.04.2009 20:26
Haupt-und Untermenü gleichzeitig aktiv Antje-Gesine CSS 1 15.08.2007 19:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:06 Uhr.