/* Stylesheet für Cat Cloud Manager Grüne Edition */ /* Erstellt am: 26.11.2015 von: Susann Hornschuch */ #loginbutton, .werbebutton, label.fileup_labelextrastyle { background-color: #26262600; border-color: #26262600; Color: #FFFFFF; background-image: linear-gradient(to top, #262626, #262626 100% ); } html { font-size: 10pt; /*11*/ /* Einstellungen für Grundelemente */ font-family: "Verdana", "Geneva", sans-serif; } body { background-color: #262626; /*99CCCC*/ background-image: none; color : #000000; } /************************************************************ Allgemeines ***********************************************/ hr.standard { background-color: #262626; /* Standardlinie über ganze Seite Farbe für Opera und Firefox */ color: #262626; /* Farbe für Internet Explorer (IE) */ } h1 { color: #800000; } /* Überschrift */ h2 { color: #767171; } /* Überschrift */ h3 { color: #000000; } /* Überschrift */ h4 { color: #B45210; } /* Überschrift */ /**************************************************** Einstellungen für WRAPPER ********************************************/ #wrapper, #wrapper_hp { width: 90%; } /* Seitenbreite : muss hier angepasst werden */ #wrap-2, #wrap-2_hp { background: #D9D9D9;margin-top: 8px;; } /* Farbe Hintergrund */ /******************************************* Kopf *************************************************************************/ /*#head { background-color: #FDFEF9; } Kopf FAF8F8=weiss */ #logokopf { width: 127px; height : 90px; } #head, #head_hp,#left_kopf_hp { height: 110px; border: 7px solid #FFFFFF; border-bottom: 0px; color : #800000; background-color: #FFFFFF; /*#EDEFC0;} #E3E4D6 */ } div.left_im_kopf { width: 232px; /*background-image: linear-gradient(to right, #262626, #262626 20%, #D9D9D9 20%, #D9D9D9 ); padding-left: 30px; */ } div.left_im_kopf div ul li a { box-shadow: 3px 3px 8px #F2F2F2; } /*292929*/ #lang, #lang a { color: #800000; } #aktsprache { background-color: #262626; color: #ECF0FE; } img.logoli{ margin-left: -50px; margin-top: 10px; display: block; margin-right: auto; } #text_kopf {font-size: 30px; line-height: 28px} @media all and (max-width: 1000px) { } /********************************************************** Navigation Hauptmenü ******************************************/ #navi ul li {background-image: linear-gradient(to top, #800000, #800000 100% ); box-shadow: 2px 2px 5px #F2F2F2; border-radius: 5px; background-size: auto 100% ; } #navi ul li.akt { background: #767171; } /* Menü grau*/ #navi a { color: #FFFFFF; } /* 000000 = schwarz*/ #navi a.akt { color:#1F1F1F ; } /* FFFFFF = weiss */ #navi a:hover, #navi a.akt:hover { color:#262626 ; } #navi, div.menue_cloud {background: #262626;} /* A80104 = rot C6D1A9=mittelgrün*/ div.hp_menue {background:;} #navi { padding:4px; padding-left:8px; /*padding-top: 5px; */ /* Abstand Hauptmenü von oben und links */ /* padding-left: 240px; */ /* background: #A80104; margin-top: -2px;margin-bottom: 0px; padding-top: 2px; padding-bottom: 1px; */ } /* #navi ul { margin-left: 217px; } */ /****************************************************** Linke Sidebar *****************************************************/ #left_sidebar,div.home { color: #000000; /* Linke Sidebar Text zuletzt bearbeitet*/ width: 230px; /* Anpassung für Breite der linken Funktionen #navi - padding-left muss auch angepasst werden */ margin: 2px; margin-top: 0px; padding: 2px; /* background-color: #A80104; */ /* rot */ } #left_sidebar, #left_sidebar_hp { z-index: 900; } div.hp_menue a, div.extras {border-radius: 5px; padding-left: -30px; background-size: auto 100% ; } div.hp_menue a, div.hp_menue ul#hp_navi ul li a { border-color: #80000000; } /*nur für runde Buttons */ div.hp_menue ul#hp_navi li{margin-bottom:4px; margin-right:4px} /* Ende */ div.extras { background-image: linear-gradient(to top, #D9D9D9, #D9D9D9 100% ); box-shadow: 3px 3px 8px #292929; } div.extras a:hover { color: #FFFFFF; } 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: #262626; color: #FFFFFF; } 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 {color: #FFFFFF;} /* Schriftfarbe Menue links */ div.hp_menue ul#hp_navi{ font-size: 100%; background: #80000000; } div.hp_menue li a { border-radius: 5px; padding: 4px 4px 5px 21px; /*oben, rechts, unten, links*/ background: linear-gradient( to bottom, #800000, #800000 75%); border: 0px solid #80000000; box-shadow: 5px 5px 5px #000; /* links unten rechts farbe */ color: black; } div.hp_menue a { height: 21px; padding: 0px; padding-left: 8px; padding-top: 6px; margin: 8px; color: #000; } div.hp_menue a#hp_navi_akt { background: #1F1F1F; } div.hp_menue ul#hp_navi ul li a.akt { background:#1F1F1F ; } @media all and (max-width: 800px) /* Menue für kleine Displays */ { div.menue_button, div.menue_nach_button { background: #767171; } div.menue_nach_button ul li { background: #F2F2F2; } div.menue_nach_button ul li li { background: #800000;} div.menue_nach_button ul li li li { background: #F2F2F2; } div.menue_nach_button { color: #262626; } div.menue_nach_button a { color: #262626; } div.menue_nach_button ul li li a { color: #F2F2F2;} div.menue_nach_button ul li li li a { color: #262626;} } /****************** Navigation Untermenü *********************/ #naviinnen, #naviinnenuntermenue {/* background-color: #c3d18f; Stammdaten, Stammbaum, ...: rot */ background-image: repeating-linear-gradient( hsla(73,42%,69%,0), /* die Farbe #006699 umwandeln in hsla-Farbe */ hsla(73,42%,69%,0) 4px, /* ist neuer Standard ind wesendlich felxibler und einfacher */ #800000 1px, /* beinhaltet Transparenzen das ist CSS3 */ #800000 20px, /* http://www.workwithcolor.com/hsl-color-picker-01.htm */ hsla(73,42%,69%,0) 1px, hsla(73,42%,69%,0) 33px); font-weight: normal; } #naviinnen ul li, #naviinnenuntermenue ul li { background-color: #D9D9D9; } /*grau*/ #naviinnen a, #naviinnenuntermenue a { color: #000000; /* schwarz */ font-weight: normal; } #naviinnen a.akt, #naviinnenuntermenue a.akt { color: #800000; } /*orange */ #naviinnen a:hover , #naviinnenuntermenue a:hover { color: #FFFFFF; } /* FFFFFF : weiss*/ #inhalt, #inhalt_hp { border: 3px solid #800000; /* Mittelteil - Außenrahmen*/ margin: 8px; /* Mittelteil 339999 grün: 99CCCC */ color: #262626; background-color: #FFFFFF; } /****************** Link *********************/ a.tier { color: #241B16; } /* Navigation allgemein 241B16*/ a { color: #262626; } /* Navigation allgemein 241B16*/ a:hover { color: #B45210; text-decoration: underline;} /*#800000;*/ a.button { background-color: #F8FEFE; } /* Link als Button auf Seite 66CCFF*/ a.buttonakt { background-color: #A80104; } /* aktuell ausgewählte Generation */ a.button:hover { color: #800000; } /* BF0000 rot */ a.left { color: #262626; } /* Farbe Text linke Auswahlliste */ a.eingabe, a.auswahljs { background-color: #FAF8F8; } /* Button zum editieren 99CCFF*/ a.eingabestb { background-color: transparent; } /* Button zum editieren im Stammbaum*/ a.sprache { color: #312316; } /* Navigation Sprache */ .zwischentitel a { color: #FFFFFF; } /* Navigation allgemein 241B16*/ a.form_button, a.form_buttonakt,div.form_buttonakt { background-color: #262626; display: inline-block; padding: 2px; margin-top: 4px; font-weight: normal; border: 1px solid #262626; color: #F2F2F2; } a.form_button:hover { background-color: #262626; border: 1px solid #800000; } a.form_buttonakt,div.form_buttonakt { background-color: #CCCCCC; color: #000000; } .tabletiere { color: #312316; } /* intern */ .tabletiere tr:hover { background-color: #D28E91; } /* markiertes Tier in Tabelle */ .tabletiere td.name { width: 25%; } /* Weiten der Spalten */ .tabletiere td.gebdat { width: 8%; } .tabletiere td.adresse{ width: 22%; } .tabletiere td.zbnr { width: 26%; } .tabletiere td.bild { width: 1.4%; } .farbe1 { background-color: #f3e1e2; } /* Farben für Farbwechsel in Tabellen DCD9D3 EEEAEB=graurot*/ .farbe2 { background-color: #CCCCCC; } /* C3DD92 = grün , C7C6AE = hellgrau, D4823C = braun CCCCCC=dunkelgrau*/ .farbe2hell { background-color: #F2F2F2; } /**************** 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:#C55A11; } .linkbutton_gruppe{ margin: 0; border: 0.5px solid #AFAFAF; background: #800000; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 8px 4px 10px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*.linkbutton_gruppe .linkbutton { background-color: #262626; }*/ /*****************************************/ div.bezeichnung { width: 150px; /* Tier */ color: #800000; } div.bezeichnung_spalte { background-color: #FFFFFF; /* Stammdaten Breite Spalte Bezeichnung*/ width: 145px; /* Farbe aktivieren um Anpassungen in Felderdatei zu vereinfachen */ min-width: 145px; font-weight: bold; color: #000000; } div.inhalt_spalte { /* background-color: #FFFFFF; */ /* Stammdaten Breite Spalte Daten*/ width: 520px; min-width: 520px; } div.inhalt { width: 72%; } table.stb { background-color: #DCECA1; } /* Stammbaum */ .tabletierestamm { color: #312316; /* Table Geschwister / Nachkommen */ background-color: #CCCCCC; /* Rahmen um Mittelteil 99CCCC */ } .tabletierestamm .zwischentitel,table.statistik th, table.statistik .zwischentitel, h2.zwischentitel, .tabletierestamm th { background-color: #800000;Color: #FFFFFF; } .tabletierestamm th{background-color: #d28e91;} .tabletierestamm .zwischentitelnk{ background-color: #d28e91; } .obergruppe { background-color: #800000;Color: #FFFFFF; } .nachkommen1 { background-color: #d28e91; } /* Farben für Farbwechsel in Tabellen beim Aufklappen der Nachkommen*/ .nachkommen2 { background-color: #d28e91; } .table_nachkommen { border: 3px solid #d28e91; } table.statistik div.tiere { background-color: #ECF0FE ;} 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: #800000; } /* Bezeichnung */ #erwsuche_formular { color: #000000; /* Schriftfarbe Formular erweiterte Suche */ background-color: #D9D9D9; /* Hintergrundfarbe Formular erweiterte Suche */ } #erwsuche_ergebnis, #suche_inhalt, #eingabe_merkmal { color: #241B16; /* Schriftfarbe Ergebnis erweiterte Suche */ background-color: #ECF0FE; /* Hintergrundfarbe Ergebnis erweiterte Suche */ } #eingabe_extern { color: #241B16; /* Eingabe extern */ background-color: #ECF0FE; width: 430px; } span.maennlich { color: #34B1FF; } /* Farbe für Zeile männliches Tier 34B1FF */ span.weiblich { color: #EE63FA; } /* Farbe für Zeile weibliches Tier EE63FA */ 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: #D9D9D9; } .kal-head, .kal-weekhead, .zurueck, .kal-week, .choose { background-color: #F8FEFE; } .kal-today { color: red; } .kal-week { color: #666666; } .choose { border: 1px solid #cceeff; } .ausg_auf_hint {color: #FFFFFF;} #imp_dat ul li a { border-color: white; } /* Linien zwischen Impressum und Datenschutz */ /*********************** Statistik *********************************/ div.statistik_auswahl, div.statistik_auswahl_2, div.statistik_starten, div.statistikjahr { background-color:#CCCCCC; } #merkmalanzeige, div.experte_merkmal, div.experte_verknuepfung { background-color:#ECF0FE; } span.innenabfrage, div.statistikjahr label { font-weight: bold; } a.experteaufruf { background-color: #CCCCCC; } span.zusammen { border: 1px solid black; } span.abfrage, span.verkn { background-color: #E0FF00; } span.innenverkn { font-weight: normal; } /* Ausstellung */ .hint_maennlich { background-color: #8BCDEE; } /* Farbe für Hintergrundfarbe Text männliches Tier */ .hint_weiblich { background-color: #FCCEEF; } /* Farbe für Hintergrundfarbe Text weibliches Tier*/ div.eingabe_aussen { background-color: #D9D9D9; } /********************* Show *********************************/ h2.meldung { background-color: #D9D9D9; margin-bottom: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3); box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3); color : black; } #footer_hp { color: #000000; } /*table.ausst_liste tr:hover { background-color: #DC0206; } */ fieldset.meldung, fieldset.meldung legend { background-color:#ffffff; } table.meldung td { border-right: 10px solid #FAF8F8; vertical-align: top; } fieldset.meldung { background-color: #FAF8F8; border: 1px solid #800000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } fieldset.meldung legend { border: 1px solid #800000; background-color: #D9D9D9; color: #000000; } table.tablemeldung th, table.funktionen th { background-color: #D9D9D9; }