/* Stylesheet für Cat Cloud Manager Blaue Edition */ /* Erstellt am: 03.02.2013 von: Susann Hornschuch */ #loginbutton , .werbebutton { background-color: #DC9761; border-color: #DC9761; color : #FFFFFF; background-image: linear-gradient(to top, #DC9761, #6B5A53 60% ) } html { font-size: 10pt; /*11*/ /* Einstellungen für Grundelemente */ font-family: "Verdana", "Geneva", sans-serif; } body { color : #6B5A53; /* #F8FEFE; */ /*99CCCC*/ background: url(picture/pfirsich.jpg); background-color : #CFB59E; } /************************************************************ Allgemeines ***********************************************/ hr.standard { background-color: #003333; /* Standardlinie über ganze Seite Farbe für Opera und Firefox */ color: #003333; /* Farbe für Internet Explorer (IE) */ } h3 { color: #24140B; } /* Überschrift */ .info { color: #008030; } /**************************************************** Einstellungen für WRAPPER ********************************************/ #wrapper, #wrapper_hp { width: 96%; } /* Seitenbreite : muss hier angepasst werden */ #wrap-2, #wrap-2_hp { background: #6B5A53; } /* Farbe Hintergrund */ /******************************************* Kopf *************************************************************************/ /*#head { background-color: #FDFEF9; } Kopf FAF8F8=weiss */ #head, #head_hp,#left_kopf_hp { height: 220px; border: 5px solid #6B5A53; border-bottom: 0px ; } div.left_im_kopf { width: 242px; } div.left_im_kopf div ul li a { box-shadow: 3px 3px 8px #292929; } #lang, #lang a { color: #41352D; } #aktsprache { background-color: #006666; color: #ECF0FE; } #logokopf { width: 0px; height : 0px; } #head { background: url(picture/header_SIG_VDH.png) no-repeat center; /*background-repeat: no-repeat; */ /*background-position: center; */ border-left: 5px solid #6B5A53; border-right: 5px solid #6B5A53; border-top: 5px solid #6B5A53; background-color: #D46809; } /********************************************************** Navigation Hauptmenü ******************************************/ #navi ul li { background: url(picture/v_beigebraun.jpg) left repeat-x; background-size: auto 100% ;} #navi ul li.akt { background: #ECF0FE; } /* Menü grau*/ #navi a { color: #ECF0FE; } /* 000000 = schwarz*/ #navi a.akt { color:#1F1F1F ; } /* FFFFFF = weiss */ #navi a:hover, #navi a.akt:hover { color:#000000 ; } #navi, div.hp_menue, div.menue_cloud { background: #6B5A53;} /* A80104 = rot C6D1A9=mittelgrün*/ #navi {/* padding-top: 15px; */ /* Abstand Hauptmenü von oben und links */ /* padding-left: 240px; */ /* background: #A80104; margin-top: -2px;margin-bottom: 0px; padding-top: 2px; padding-bottom: 1px; */ } /****************************************************** Linke Sidebar *****************************************************/ #left_sidebar,div.home { color: #ECF0FE; /* Linke Sidebar und home*/ width: 240px; } div.hp_menue a, div.extras { background: url(picture/v_beigebraun.jpg) left repeat-x; background-size: auto 100% ; } div.hp_menue a, div.hp_menue ul#hp_navi ul li a { border-color: #6B5A53; } /* Abstand zwischen Buttons im HP-Menü */ div.hp_menue ul#hp_navi ul li a, div.hp_menue ul#hp_navi ul ul li a, div.hp_menue ul#hp_navi ul ul ul li a { border-top: 2px solid #6B5A53; border-bottom: 2px solid #6B5A53; } div.hp_menue ul#hp_navi ul li:nth-child(1) { border-top: 3px solid transparent; } /* das ist der Abstand vom Anfang bis zum ersten Menüpunkt im Aufklappmenü */ /* Ende */ div.extras { box-shadow:3px 3px 8px #292929;} div.extras a:hover { color: black; } /*Farbe Text linke Auswahlliste bei hover*/ div.hp_menue ul#hp_navi li:hover , div.hp_menue ul#hp_navi ul li:hover, div.hp_menue ul#hp_navi ul ul li:hover, div.hp_menue ul#hp_navi ul ul ul li:hover { background: transparent; color: #000000; } div.hp_menue ul#hp_navi li:hover > a, div.hp_menue ul#hp_navi ul li:hover > a, div.hp_menue ul#hp_navi ul ul li:hover > a, div.hp_menue ul#hp_navi ul ul ul li:hover > a { background: #C05C05; color: #fff; } div.hp_menue ul#hp_navi li a, div.hp_menue ul#hp_navi ul li a, div.hp_menue ul#hp_navi ul ul li a, div.hp_menue ul#hp_navi ul ul ul li a { /*border-color:transparent; background:transparent;*/ color: #FFF; } /* Schriftfarbe Menue links */ /*div.hp_menue ul#hp_navi li , div.hp_menue ul#hp_navi ul li , div.hp_menue ul#hp_navi ul ul li , div.hp_menue ul#hp_navi ul ul ul li { margin-bottom: 3px; border-radius: 5px; padding: 5px 5px 7px 5px; background: linear-gradient( to top,#6B5A53, #DC9761); border: 1px solid #DC9576; box-shadow: 0px 1px 2px #999; } */ /* Schriftfarbe Menue links */ div.hp_menue ul#hp_navi{ font-size: 110%; background: #6B5A53; } div.hp_menue li a { border-radius: 5px; padding: 7px 5px 6px 5px; /*oben, rechts, unten, links*/ /* background: linear-gradient( to bottom, #D46809, #DC9761 90%);*/ background: linear-gradient( to bottom, #FFCC69, #D46809 75%); border: 2px solid #6B5A53; box-shadow: 0px 1px 2px #999; color: black; } div.hp_menue a { height: 22px; padding: 0px; padding-left: 8px; padding-top: 6px; margin: 0px; color: #000; } div.hp_menue a#hp_navi_akt { background: #C05C05; } div.hp_menue ul#hp_navi ul li a.akt { background:#C05C05 ; } @media all and (max-width: 800px) /* Menue für kleine Displays */ { div.menue_button, div.menue_nach_button { background: #6B5A53; } div.menue_nach_button ul li { background: #D46809; } div.menue_nach_button ul li li { background: #DE924E; } div.menue_nach_button ul li li li { background: #FFCC69; } div.menue_nach_button, div.menue_nach_button a { color: #000; } } @media all and (max-width: 1000px) /* Menue für kleine Displays */ { #head {height: 200px; background-size:90%; background-position: 50% 50%;} } /************************************************************ Mittelteil ************ ***********************************/ #inhalt { border: 5px solid #6B5A53; /* Mittelteil 339999 grün: 99CCCC */ border-top: 1px solid #6B5A53; margin-top: 1px; color: #241B16; /* 241B16 */ background-color: #ECF0FE; /* ECF0FE */ } #inhalt_hp { border: 5px solid #6B5A53; /* Einstellung für HP Seiten - Mittelteil */ border-top: 6px solid #6B5A53; margin-top: 1px; color: #241B16; background-color: #EAF2FD; } a { color: #24140B; } /* Navigation allgemein 241B16 */ a:hover { color: #1F0000; } a.button { background-color: #F8FEFE; } /* Link als Button auf Seite 66CCFF F8FEFE*/ a.buttonakt { background-color: #FB8226; } /* aktuell ausgewählte Generation */ a.button:hover { color: #D46809; } /* orange */ a.left { color: #FAF8F8; } /* Farbe Text linke Auswahlliste */ a.eingabe, a.auswahljs { background-color: #DC9761; } /* Button zum editieren 99CCFF 350F0F */ a.eingabestb { background-color: transparent; } /* Button zum editieren im Stammbaum*/ a.sprache { color: #312316; } /* Navigation Sprache */ /****************** Navigation Untermenü *********************/ #naviinnen, #naviinnenuntermenue {/* background-color: #6B5A53; /*Stammdaten, Stammbaum, ...: dunkelblau */ background-image: repeating-linear-gradient( hsla(18,13%,37%,0), /* die Farbe #006699 umwandeln in hsla-Farbe */ hsla(18,13%,37%,0) 4px, /* ist neuer Standard ind wesendlich felxibler und einfacher */ hsla(18,13%,37%,1) 1px, /* beinhaltet Transparenzen das ist CSS3 */ hsla(18,13%,37%,1) 20px, /* http://www.workwithcolor.com/hsl-color-picker-01.htm */ hsla(18,13%,37%,0) 1px, hsla(18,13%,37%,0) 33px); font-weight: normal; } #naviinnen ul li, #naviinnenuntermenue ul li { background-color: #CFB59E; } /*grau*/ #naviinnen a, #naviinnenuntermenue a { color: #000000; /* schwarz */ font-weight: normal; } #naviinnen a.akt, #naviinnenuntermenue a.akt { color: #FB8226; } /*orange */ #naviinnen a:hover , #naviinnenuntermenue a:hover { color: #FFFFFF; } /*weiss*/ /****************** Link *********************/ .tabletiere { color: #312316; } /* intern */ .tabletiere tr:hover { background-color: #FB8226; } /* markiertes Tier in Tabelle */ a.tier { color: #241B16; } .name { width: 25%; } /* Weiten der Spalten */ .gebdat { width: 11%; } .adresse{ width: 18%; } .zbnr { width: 20%; } .bild { width: 4%; } .farbe1 { background-color: #DC9761; } /* Farben für Farbwechsel in Tabellen */ .farbe2 { background-color: #CFB59E; } /* C3DD92 = grün , C7C6AE = hellgrau, D4823C = braun*/ .farbe2hell { background-color: #C69977; } /**************** Group Links ********************/ .linkbutton_gruppe li a span.color_DECKMELDUNG, table.statistik tr.color_DECKMELDUNG, table.statistik td.color_DECKMELDUNG { background-color:#778E33; } .linkbutton_gruppe li a span.color_NICHTAUFGEN, table.statistik tr.color_NICHTAUFGEN, table.statistik td.color_NICHTAUFGEN { background-color:#FFAFAF; } /*****************************************/ div.bezeichnung { width: 150px; /* Tier */ color: #005050; } div.bezeichnung_spalte { /* Stammdaten Breite Spalte Bezeichnung*/ background-color: #F4EAE2; /* Farbe aktivieren um Anpassungen in Felderdatei zu vereinfachen #F8FEFE */ color: #6B5A53; width: 145px; min-width: 145px; font-weight: bold; } div.inhalt_spalte { /* Stammdaten Breite Spalte Daten*/ /* background-color: #FFFFFF; */ width: 520px; min-width: 520px; } div.inhalt { width: 72%; } table.stb { background-color: #6B5A53; } /* Stammbaum */ .tabletierestamm { color: #312316; /* Table Geschwister / Nachkommen */ background-color: #CFB59E; /* Rahmen um Mittelteil 99CCCC */ } .tabletierestamm .zwischentitel,table.statistik th, table.statistik .zwischentitel, h2.zwischentitel, .tabletierestamm th { background-color: #CFB59E; } .tabletierestamm .zwischentitelnk{ background-color: #CFB59E; } .obergruppe { background-color: #6B5A53; } .nachkommen1 { background-color: #DC9761; } /* Farben für Farbwechsel in Tabellen beim Aufklappen der Nachkommen*/ .nachkommen2 { background-color: #DC9761; } .table_nachkommen { border: 3px solid #CFB59E; } table.statistik div.tiere { background-color:#AFB2BC ;} td.stb, div.zb_satz, div.box, form.suchen { background-color: #FAF8F8; } /* Hintergrundfarbe Stammbaum, Zuchtbuch Ausgabebox z.B. Inzucht Suche in Admin und Datenverwaltung */ .zb_bez { color: #005050; /* Bezeichnung */ width: 145px; } #erwsuche_formular { color: #ECF0FE; /* Schriftfarbe Formular erweiterte Suche */ background-color: #6B5A53; /* Hintergrundfarbe Formular erweiterte Suche */ } #erwsuche_ergebnis, #suche_inhalt, #eingabe_merkmal { color: #241B16; /* Schriftfarbe Ergebnis erweiterte Suche */ /* Suche Eltern /Bes. / Züchter */ /* Eingabe der Merkmale */ background-color: #ECF0FE; /* Hintergrundfarbe Ergebnis erweiterte Suche */ } #eingabe_extern { color: #241B16; /* Eingabe extern */ background-color: #ECF0FE; width: 430px; } span.maennlich { color: #00A0FF; } /* Farbe für Zeile männliches Tier */ span.weiblich { color: #E938FC; } /* Farbe für Zeile weibliches Tier*/ span.checkbox1 { width: 33%; } /* Ausgabeweite für Checkboxen */ /******************** Kalender ***********************************/ .kalender { background-color:#ffffff; } .kalender a:link, .kalender a:visited, .kalender a:active { color: black; } .kal-header,.kal-header-lnk { color: #cceeff; background-color: #6B5A53; } .kal-today { color: red; } .kal-head, .kal-weekhead, .zurueck{ background-color: #F8FEFE; } .kal-week { color: #666666; background-color: #F8FEFE; } .choose { border: 1px solid #cceeff; background-color: #F8FEFE; } .ausg_auf_hint { color: black; } #imp_dat ul li a { border-color: black; } /* Linien zwischen Impressum und Datenschutz */ /*********************** Statistik *********************************/ div.statistik_auswahl, div.statistik_auswahl_2, div.statistik_starten, div.statistikjahr { background-color:#FAF8F8; } #merkmalanzeige, div.experte_merkmal, div.experte_verknuepfung { background-color:#ECF0FE; } span.innenabfrage, div.statistikjahr label { font-weight: bold; } a.experteaufruf { background-color: #DC9761; } span.zusammen { border: 1px solid black; } span.abfrage, span.verkn { background-color: #E0FF00; } span.innenverkn { font-weight: normal; } /* Ausstellung + Wurfmeldung*/ .hint_maennlich { background-color: #9BDAFF; } /* Farbe für Hintergrundfarbe Text männliches Tier */ .hint_weiblich { background-color: #F6C0FC; } /* Farbe für Hintergrundfarbe Text weibliches Tier*/ div.eingabe_aussen { background-color: #6B5A53; } label.fileup_labelextrastyle { background-color: #6B5A53; border-color: #6B5A53; color : #FFFFFF; background-image: none; } fieldset.meldung, fieldset.meldung legend { border: 1px solid #9c9186; background-color: #CFB59E; }