/*Menüs 2. Ebene fwa_protostar legt im Body-Tag inhaltsbezogene Klassen ab, die für die Formatierung mit css genutzt werden können. Beispiel: option view layout task MenüItem Seitenklasse Artikelklasse Kategorieklasse (gesamte Hierarchie)) */ /* Zwei Module in einer Modulposition nebeneinander: (Muss als Modulklasse zugewiesen werden) Zwei Spalten im Content: (Muss als Klasse einem umgebenden DIV zugewiesen werden) */ .twoacross { width: 49%; float: left; } /* Drei Module in einer Modulposition nebeneinander: (Muss als Modulklasse zugewiesen werden) Drei Spalten im Content: (Muss als Klasse einem umgebenden DIV zugewiesen werden) */ .threeacross { width: 32%; float: left; } /* Original protostar back-top ausblenden wenn das Modul fwa_goTop verwendet wird */ #back-top { display: none; } /* pPadding über der top-bar reduzieren */ body.site { padding-top: 5px; } /* Zusatzpositionen über Fensterbreite oben und unten */ #top-bar, #bottom-bar{ width:100%; background-color: rgba(255,0,0,0.1); height:0px; margin-right: auto; margin-left:auto; margin-top: 0px; margin-bottom: 0px; } /* Logos a linken Rand */ /* rks */ div.logoLeft { position: absolute; width: 120px; left: 0px; } /* DEKZV */ div.logoLeft div{ width: 80%; margin-right: auto; margin-left:auto; } /* FIFe */ div.logoLeft div p:nth-child(2){ width: 60%; margin-right: auto; margin-left:auto; } /* Noel */ div.noelLeft { position: absolute; bottom: 2%; left: 0px; } /* Seitenheader von der alten Homepage mit Anzeige des Seitentitels */ /* Hintergrundbild */ div.page-header { background-image:url(../../../images/Titel_alt.png); background-repeat: no-repeat; background-size: 100% auto; height:100px; } /* Titelpositionierung fuer grosse Bildschirme */ div.page-header h1, div.page-header h2{ position:relative; top:65%; text-align:center; } /* Titelpositionierung fuer mittlere Bildschirme */ @media (min-width: 769px) and (max-width: 980px) { div.page-header h1, div.page-header h2{ top:47%; } } /* Titelpositionierung und Logogroesse fuer kleine Bildschirme */ @media (min-width: 451px) and (max-width: 768px) { div.page-header h1, div.page-header h2{ top:45%; } div.logoLeft { width: 80px; } div.noelLeft img{ width: 80%; } } /* Titelpositionierung und Logogroesse fuer kleine Bildschirme */ @media (min-width: 369px) and (max-width: 450px) { div.page-header h1, div.page-header h2{ top:18%; font-size:100%; } div.logoLeft { width: 80px; } div.noelLeft img{ width: 60%; } } /* Titelpositionierung und Logogroesse fuer kleine Bildschirme */ @media (max-width: 368px) { div.page-header h1, div.page-header h2{ top:12%; font-size: 100%; } div.logoLeft { width: 80px; } div.noelLeft img{ width: 55%; } } /* Laufschrift formatieren Erfordert das Plugin content - MovingText */ #maskBlock { margin-right: auto; margin-left:auto; } .movingObj { color: #ffffff; } /* Das Hintergrundbild kann entweder fix über das Konfigurationsmenü oder (falls leer im Konfigurationsmenü)über die Seitenklassen (pcl_...) ausgewählt werden. Die Seitenklasse kann über Menü - Menüeintrag - Seitenanzeige - Seitenklasse mit führendem Leerfeld eingetragen werden. Zusätzlich kann auch über Kategorieklassen (cat_...) oder Artikelklassen (art_...) formatiert wwrden. Eine weitere Möglichkeit ist der Zugriff über view (view-article, view-category, view-categories) oder auch eine Kombination daraus möglich. Positionierung und Größe des Hintergrundbildes (zoombar)) cover = an grösseres mass anpassen, conain = an kleineres mass anpassen, 100% auto = an Breite anpassen, auto 100% an Hoehe anpassen */ body { /* Seitenhintergrund der alten Seite */ background-repeat:repeat-y; /* background-repeat:no-repeat; background-position:top center; background-size: cover ; background-attachment:fixed; */ } /* Für jede Seitenklasse ein Hintergrundbild wählen (body.SEITENKLASSE) body.pcl_Home { background-image:url(../../../images/headers/background_01.jpg); } */ /* Für eine Kategorie ein Hintergrundbild wählen (body.KATEGORIEKLASSE) body.cat_unsere-katzen { background-image:url(../../../images/headers/background_05.jpg); } */ /* Für eine Artikel ein Hintergrundbild wählen (body.ARTIKELKLASSE .wechselbild) body.art_kater { background-image:url(../../../images/headers/background_06.jpg); } */ /* Hintergrundbild des Contents zoombar cover = an grösseres mass anpassen, conain = an kleineres mass anpassen, 100% auto = an Breite anpassen, auto 100% an Hoehe anpassen */ body .custom { background-repeat:repeat-y; /* background-repeat:no-repeat; background-position:top center; background-size: 100% auto; */ } /* Ein leeres Inhaltsmodul kann verwendet werden um seitenabhängige Wechselbilder an Modulpositionen als Hintergrundbilf anzuzeigen. Alle Hintergrundbilder sollten möglichst gleiche Seitenverhältnisse haben. Dazu eines der Hintergrundbilder in das leere Modul einfügen und diesem im Bilder-Manger - Erweitert die Klasse placeholder zufügen. Die Seitenklasse kann über Menü - Menüeintrag - Seitenanzeige - Seitenklasse mit führendem Leerfeld eingetragen werden. Platzhalter ausblenden */ img.placeholder { visibility: hidden; } /* Für jede Seitenklasse ein Wechselbild wählen (body.SEITENKLASSE .wechselbild) body.pcl_Home .wechselbild { background-image:url(../../../images/headers/blue-flower.jpg); } */ /* Für eine Kategorie ein Wechselbild wählen (body.KATEGORIEKLASSE .wechselbild) body.cat_unsere-katzen .wechselbild{ background-image:url(../../../images/headers/walden-pond.jpg); } */ /* Für eine Artikel ein Wechselbild wählen (body.ARTIKELKLASSE .wechselbild) body.art_kater .wechselbild{ background-image:url(../../../images/headers/blue-flower.jpg); } */ /* Formatierung für das Suchfeld anpassen. Ggf. width prozentual reduzieren, um in der Sidebar einen Abstand zu erhalten. */ /* Suchfeld weniger gerundet und Abstand rechts */ input.search-query { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; /* width: 90%; */ } /* Für Hervorhebungen im Text */ span.wichtig { font-weight: bold; } /* Select in der Sidebar anpassen */ div.sidebar-nav select { width:100%; color: #fff; background-color: rgba(0,0,0,0.2); } .breadcrumb { background-color: transparent; } .breadcrumb li { color: #ddd; text-shadow: none; } .breadcrumb > .active { color: #bbb; } a.brand.pull-left > img { max-width: 93%; } /* Für Select in GTranslate */ #sidebar select { width:100%; } #sidebar select, #sidebar input { color: #fff; background-color: rgba(0,0,0,0.2); } /* Hintergrund für Metamenü und Breadcrumbs */ div.position-13 ul { background-color: rgba(0,0,0,0.1); border-width: 1px; border-style: solid; border-color: #efefef; border-radius: 5px;} div.bghead ul a { color: #fff; } div.bghead ul a:hover { color: #000; } /* Züchter, Wuerfe, Erwachsene Tabellen */ table.tblZuechter, table.tblWuerfe, table.tblErwachsene { border: 1px solid; width: 100%; } table.tblZHead { border: 1px solid; width: 100%; font-size: 160%; font-weight: bold; } table.tblWurf, table.tblKitten { /* border: 1px solid; */ width: 100%; } table.tblKitten td, table.tblKitten th { /* border: 1px solid; */ } table.tblWurf td.titel { width: 27%; } table.tblWurf td.wert { width: 73%; } table.tblKitten td.nr { width: 5%; } table.tblKitten td.name { width: 20%; } table.tblKitten td.geschlecht { width: 12%; } table.tblKitten td.ems { width: 20%; } table.tblKitten td.farbe { width: 28%; } table.tblKitten td.status { width: 15%; } table.tblZuechter td.plz { width: 17%; } table.tblZuechter td.zwinger { width: 27%; } table.tblZuechter td.name { width: 31%; } table.tblZuechter td.bild, table.tblWuerfe td.bild { width: 25%; font-size: 150%; } table.tblZuechter td.bild img, table.tblWuerfe td.bild img { width: 100%; } table.tblZuechter td.bild img.portrait, table.tblWuerfe td.bild img.portrait { width: 55%; float: left; } table.tblZuechter td.bild img.smallportrait, table.tblWuerfe td.bild img.smallportrait { width: 70%; float: left; } table.tblZuechter td.bild img.square, table.tblWuerfe td.bild img.square { width: 80%; float: left; } table.tblZuechter td.bild img.smalllandscape, table.tblWuerfe td.bild img.smalllandscape { width: 90%; float: left; } table.tblZuechter td.bild img.landscape, table.tblWuerfe td.bild img.landscape { width: 100%; float: left; } table.tblWuerfe td.plz, table.tblErwachsene td.plz { width: 16%; font-size: 120%; } table.tblWuerfe td.zwinger, table.tblErwachsene td.zwinger { width: 20%; font-size: 130%; } table.tblWuerfe td.name, table.tblErwachsene td.name { width: 30%; font-size: 120%; } table.tblWuerfe td.bezeichnung, table.tblErwachsene td.bezeichnung { width: 14%; font-size: 130%; } table.tblWuerfe td.datum, table.tblErwachsene td.datum { font-size: 120%; } table.tblWuerfe td.rasse, table.tblErwachsene td.rasse { font-size: 110%; } @media (min-width: 981px) { table.tblZuechter td.plz { font-size: 140%; } table.tblZuechter td.zwinger { font-size: 150%; } table.tblZuechter td.ort { font-size: 110%; } table.tblZuechter td.name { font-size: 130%; } table.tblZuechter td.rasse { font-size: 110%; } } @media (min-width: 769px) and (max-width: 980px) { table.tblZuechter td.plz { font-size: 126%; } table.tblZuechter td.zwinger { font-size: 135%; } table.tblZuechter td.ort { font-size: 99%; } table.tblZuechter td.name { font-size: 117%; } table.tblZuechter td.rasse { font-size: 99%; } table.tblKitten {font-size: 80%; line-height:110%; } body { font-size: 70%; } table.tblZHead { font-size: 70%; line-height: 120%; } div.search input { font-size: 90%; } } @media (min-width: 451px) and (max-width: 768px) { div.ui-widget h1 { font-size: 170%; } div.ui-widget h2{ font-size: 150%; } div.ui-widget h3 { font-size: 120%; } table.tblZuechter td.plz { font-size: 112%; } table.tblZuechter td.zwinger { font-size: 120%; } table.tblZuechter td.ort { font-size: 88%; } table.tblZuechter td.name { font-size: 104%; } table.tblZuechter td.rasse { font-size: 10px; } div.pclZuechter h2, div.pclWuerfe h2 { font-size: 140%; line-height: 100%; } div.pclZuechter h3, div.pclWuerfe h3 { font-size: 130%; line-height: 100%; margin: 5px; } div.pclZuechter h4, div.pclWuerfe h4 { font-size: 120%; line-height: 100%; } table.tblKitten {font-size: 80%; line-height:110%; } body { font-size: 70%; } table.tblZHead { font-size: 75%; line-height: 100%; } table.tblWuerfe, table.tblErwachsene { line-height: 80%; } table.tblWuerfe td.plz, table.tblErwachsene td.plz { font-size: 85%; } table.tblWuerfe td.zwinger, table.tblErwachsene td.zwinger { font-size: 85%; } table.tblWuerfe td.name, table.tblErwachsene td.name { font-size: 80%; } table.tblWuerfe td.bezeichnung, table.tblErwachsene td.bezeichnung { font-size: 80%; } table.tblWuerfe td.datum, table.tblErwachsene td.datum{ font-size: 80%; } table.tblWuerfe td.rasse, table.tblErwachsene td.rasse { font-size: 80%; } table.tblWuerfe td.geschlecht, table.tblErwachsene td.geschlecht { font-size: 60%; } } @media (min-width: 369px) and (max-width: 450px) { div.ui-widget h1 { font-size: 160%; } div.ui-widget h2{ font-size: 140%; } div.ui-widget h3 { font-size: 110%; } table.tblZuechter { line-height: 90%; } table.tblZuechter td.plz { font-size: 85%; } table.tblZuechter td.zwinger { font-size: 85%; } table.tblZuechter td.ort { font-size: 75%; } table.tblZuechter td.name { font-size: 85%; } table.tblZuechter td.rasse { font-size: 75%; } div.pclZuechter h2, div.pclWuerfe h2 { font-size: 120%; line-height: 100%; } div.pclZuechter h3, div.pclWuerfe h3 { font-size: 110%; line-height: 100%; margin:4px; } div.pclZuechter h4, div.pclWuerfe h4 { font-size: 100%; line-height: 100%; } table.tblKitten {font-size: 80%; line-height: 110%; } table.tblKitten h5 {font-size: 70%; } body { font-size: 80%; } table.tblZHead { font-size: 60%; line-height: 100%; } table.tblWuerfe, table.tblErwachsene { line-height: 80%; } table.tblWuerfe td.plz, table.tblErwachsene td.plz { font-size: 85%; } table.tblWuerfe td.zwinger, table.tblErwachsene td.zwinger { font-size: 80%; } table.tblWuerfe td.name, table.tblErwachsene td.name { font-size: 80%; } table.tblWuerfe td.bezeichnung, table.tblErwachsene td.bezeichnung { font-size: 70%; } table.tblWuerfe td.datum, table.tblErwachsene td.datum { font-size: 70%; } table.tblWuerfe td.rasse, table.tblErwachsene td.rasse { font-size: 75%; } table.tblWuerfe td.geschlecht, table.tblErwachsene td.geschlecht { font-size: 60%; } } @media (max-width: 368px) { div.ui-widget h1 { font-size: 150%; } div.ui-widget h2{ font-size: 130%; } div.ui-widget h3 { font-size: 100%; } table.tblZuechter, tblWuerfe { line-height: 80%; } table.tblZuechter td.plz { font-size: 75%; } table.tblZuechter td.zwinger { font-size: 75%; } table.tblZuechter td.ort { font-size: 65%; } table.tblZuechter td.name { font-size: 75%; } table.tblZuechter td.rasse { font-size: 65%; } div.pclZuechter h2, div.pclWuerfe h2 { font-size: 120%; line-height: 100%; } div.pclZuechter h3, div.pclWuerfe h3 { font-size: 110%; line-height: 100%; margin: 3px; } div.pclZuechter h4, div.pclWuerfe h4 { font-size: 100%; line-height: 100%; } table.tblKitten {font-size: 70%; line-height:110%; } table.tblKitten h5 {font-size: 70%; } div.search input { font-size: 120%; } table.tblZHead { font-size: 60%; line-height: 100%; } table.tblWuerfe, table.tblErwachsene, table.pclZuechter { line-height: 80%; } table.tblWuerfe td.plz, table.tblErwachsene td.plz { font-size: 75%; } table.tblWuerfe td.zwinger, table.tblErwachsene td.zwinger { font-size: 70%; } table.tblWuerfe td.name, table.tblErwachsene td.name { font-size: 70%; } table.tblWuerfe td.bezeichnung, table.tblErwachsene td.bezeichnung { font-size: 70%; } table.tblWuerfe td.datum , table.tblErwachsene td.datum { font-size: 60%; } table.tblWuerfe td.rasse, table.tblErwachsene td.rasse { font-size: 60%; } table.tblWuerfe td.geschlecht, table.tblErwachsene td.geschlecht { font-size: 55%; } } /* Flaggen von www.flag-sprites.com */ td.plz img { // background-image: url("../images/24.png"); width: 25px; height: 15px; background-image: url("../images/flags.png") } //td.land-DE img{ background-position: -300px -100px;} //td.land-AT img{ background-position: -400px -400px;} td.land-AD img {background-position: -25px 0} td.land-AL img {background-position: -50px 0} td.land-AT img {background-position: -75px 0} td.land-BA img {background-position: -100px 0} td.land-BE img {background-position: -125px 0} td.land-BG img {background-position: -150px 0} td.land-BY img {background-position: 0 -15px} td.land-CH img {background-position: -25px -15px} td.land-CZ img {background-position: -50px -15px} td.land-DE img {background-position: -75px -15px} td.land-DK img {background-position: -100px -15px} td.land-EE img {background-position: -125px -15px} td.land-ES img {background-position: -150px -15px} td.land-FI img {background-position: 0 -30px} td.land-FO img {background-position: -25px -30px} td.land-FR img {background-position: -50px -30px} td.land-GB img {background-position: -75px -30px} td.land-GI img {background-position: -100px -30px} td.land-GR img {background-position: -125px -30px} td.land-HR img {background-position: -150px -30px} td.land-HU img {background-position: 0 -45px} td.land-IE img {background-position: -25px -45px} td.land-IS img {background-position: -50px -45px} td.land-IT img {background-position: -75px -45px} td.land-LI img {background-position: -100px -45px} td.land-LT img {background-position: -125px -45px} td.land-LU img {background-position: -150px -45px} td.land-LV img {background-position: 0 -60px} td.land-MC img {background-position: -25px -60px} td.land-MD img {background-position: -50px -60px} td.land-ME img {background-position: -75px -60px} td.land-MK img {background-position: -100px -60px} td.land-MT img {background-position: -125px -60px} td.land-NL img {background-position: -150px -60px} td.land-NO img {background-position: 0 -75px} td.land-PL img {background-position: -25px -75px} td.land-PT img {background-position: -50px -75px} td.land-RO img {background-position: -75px -75px} td.land-RS img {background-position: -100px -75px} td.land-RU img {background-position: -125px -75px} td.land-SE img {background-position: -150px -75px} td.land-SI img {background-position: 0 -90px} td.land-SK img {background-position: -25px -90px} td.land-SM img {background-position: -50px -90px} td.land-UA img {background-position: -75px -90px} td.land-VA img {background-position: -100px -90px} div#anzeige .ui-button-text, div#rassen .ui-button-text, div#laender .ui-button-text, div#plz .ui-button-text { font-size: 95%; padding: 0.2em 0.5em; line-height: 80%; } div#anzeige label, div#rassen label, div#laender label, div#plz label { margin-bottom: 0px; max-width: 100%; } div#anzeige label { width: 332px; } div#rassen label { width: 166px; } div#laender label { width: 110px; } div#plz label { width: calc((100% - 20px) / 11); } form.kleinerRand { margin: 0 0 6px; } hr.zuechter, hr.wuerfe, hr.erwachsene { margin: 4px 0; border-color: #fad200; } /* Datumsfeld bei den Wurfmeldungen anzeigen */ .input-append, .input-prepend { font-size: 1em; } fieldset.zentriert { padding-top: 20px; margin-left: auto; width: 260px; max-width: 100%; margin-right: auto; } fieldset.zentriert select { width: 260px; } fieldset.zentriert input { width: 250px; } fieldset.zentriert input#zuruecksetzen { width: 265px; } @media (max-width: 368px) { fieldset.zentriert select { width: 218px; } fieldset.zentriert input { width: 205px; } fieldset.zentriert input#zuruecksetzen { width: 220px; } } div.beschreibung { margin-left: 20px; margin-right: 20px; } em.fa-venus-mars.tk { color: #0000ff; font-size: 120%; } em.fa-calendar.tk { color: #009900; font-size: 120%; } em.fa-heart.tk { color: #ff0000; font-size: 120%; } em.fa-suitcase.tk { color: #643200; font-size: 120%; } em.fa-trophy.tk { color: #fad200; font-size: 120%; } /* Oberer Abstand im Hauptmenü vor den Links zur alten Seite */ li.item-160 { margin-top: 10px; } /* Control zum Bearbeiten des generierten f2c-Artikels im Züchtereintrag und der Wurfmeldung unterdrücken */ div.pclZuechter div.btn-group.pull-right, div.pclWuerfe div.btn-group.pull-right, div.pclErwachsene div.btn-group.pull-right{ display: none; } /* Feldabstand im Trächtigkeitskalender verringern */ div.traechtigkeit h4, div.traechtigkeit h5 { margin: 2px; } div.traechtigkeit hr { margin: 2px 0 10px 0; border-color: #bbb; } div.traechtigkeit input#gebdat { color: #990000; } /* Home */ div.ui-widget.indent div.ui-widget-header { padding: 0 10px; } div.ui-widget.indent div.ui-widget-content { padding: 5px 20px; } /* Javascript verfügbar */ div.scriptok { display: none; } div.scriptnok { padding: 10px; margin: 5px; } div.scriptnok span.ui-icon { float: left; margin-right: 10px; } /* Tooltips hinter den Radios */ div#f2c_form fieldset.radio { float:left; } ul.nav-child { margin-left: 10px; } /* Kontaktlisten in Organisation */ div.contact-category ul.category { font-size: 120%; font-weight: bold; } div.contact-category ul.category span { font-size: 100%; font-weight: normal; } div.contact-category div.list-title a { font-size: 150%; font-weight: bold; } div.contact-category a { color: #990000; } /* Auf Kontaktseiten den Titel über dem Banner ausblenden */ div.contact.pclKontakt h1 { display:none; } dl.contact-position.dl-horizontal dd { margin-left: 10%; font-size: 200%; font-weight: bold; } /* Auf Kontaktdetails responsible */ @media (min-width: 981px) { div.pclKontakt dl.contact-position.dl-horizontal dd { margin-left: 10%; font-size: 200%; } } @media (min-width: 769px) and (max-width: 980px) { div.pclKontakt dl.contact-position.dl-horizontal dd { margin-left: 5%; font-size: 130%; } } @media (min-width: 451px) and (max-width: 768px) { div.pclKontakt dl.dl-horizontal dt { width: 5%; text-align: right; float: left; clear:left; } div.pclKontakt dl.dl-horizontal dd { margin-left: 8%; } div.pclKontakt dl.contact-position.dl-horizontal dd { margin-left: 2%; font-size: 90%; } div.pclKontakt div.thumbnail.pull-right { max-width: 94%; float: none; } } @media (min-width: 369px) and (max-width: 450px) { div.pclKontakt dl.contact-position.dl-horizontal dd { margin-left: 5%; font-size: 90%; } div.pclKontakt dl.dl-horizontal dt { width: 5%; text-align: right; float: left; clear:left; } div.pclKontakt dl.dl-horizontal dd { margin-left: 8%; } div.pclKontakt div.thumbnail.pull-right { max-width: 94%; font-size: 90%; float: none; } div.pclVersionierung table { font-size: 80%; } } @media (max-width: 368px) { div.pclKontakt dl.contact-position.dl-horizontal dd { margin-left: 5%; font-size: 70%; } div.pclKontakt dl.dl-horizontal dt { width: 5%; text-align: right; float: left; clear:left; } div.pclKontakt dl.dl-horizontal dd { margin-left: 8%; } div.pclKontakt div.thumbnail.pull-right { max-width: 94%; font-size: 100%; float: none; } div.pclVersionierung table { font-size: 65%; } } div.ui-state-highlight { padding: 20px; } div.ui-state-highlight i.ui-icon { background-image: url("themes/rks2/images/ui-icons_004276_256x240.png"); float:left; font-size: 1.5em; margin-right: 5px; } /* Rasselisten */ dl.rasseliste { width: 100%; overflow: hidden; } dl.rasseliste dt { padding: 0 0 0 1%; margin: 0 0 0 0; float: left; width: 12%; /* adjust the width; make sure the total of both is 100% */ background: #a8a8a8; } dl.rasseliste dd { padding: 0 0 0 2%; margin: 0; float: left; width: 85%; /* adjust the width; make sure the total of both is 100% */ background: #cbcbcb; } /* Formatierungen für ui-widget */ div.ui-widget p { text-align: justify; } div.ui-widget p.ui-widget-header { text-align: left; } div.ui-widget p:first-letter{ font-size: 150%; } div.ui-widget img { padding: 10px; } /* umflossene img */ .floatright { float: right; } .floatleft { float: left; } /* bootstrap alert */ .alert { border-style: solid; } .alert-successx { background-color: #dff0d8; border-color: #2DA1B9; color: #468847; } .alert-infox { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-success { color: #3C763D; background-color: #DFF0D8; border-color: #967A40; }.alert-info { color: #31708F; background-color: #D9EDF7; border-color: #6AB9C9; } .alert-warning { color: #8A6D3B; background-color: #FCF8E3; border-color: #CCA85D; } .alert-danger { color: #A94442; background-color: #F2DEDE; border-color: #D87B8A; } .alert-error { background-color: #F2D2D2; border-color: #E32F2F; color: #FF0000; } .alert-custom_1 { color: #888888; background-color: #dddddd; border-color: #555555; } .r10 { width: calc(10% - 2px) !important; } .r15 { width: calc(15% - 2px) !important; } .r20 { width: calc(20% - 2px) !important; } .r25 { width: calc(25% - 2px) !important; } .r30 { width: calc(30% - 2px) !important; } .r33 { width: calc(33% - 2px) !important; } .r35 { width: calc(35% - 2px) !important; } .r40 { width: calc(40% - 2px) !important; } .r45 { width: calc(45% - 2px) !important; } .r50 { width: calc(50% - 2px) !important; } .r60 { width: calc(60% - 2px) !important; } .r70 { width: calc(70% - 2px) !important; } .r80 { width: calc(80% - 2px) !important; } .r90 { width: calc(90% - 2px) !important; } .r100 { width: calc(100% - 2px) !important; } div.dcontainer { display:block; } div.dblock { display: block; float: left; border:1px solid #a0a0a0; } div.dtable { display: table; width: 100%; margin-left: auto; margin-right: auto; } div.dtable.block { display: block; } div.dcaption { display: table-caption; } div.dcaption.block { display: block; } div.drow { display: table-row; clear: left; width: 100%; height: 100%; margin: 20px; background-color: rgba(0,0,0,0.04); } div.drow:nth-child(2n) { background-color: rgba(0, 0, 0, 0.08); } div.drow.head { font-weight: 700; background-color: rgba(0, 0, 0, 0.3); } div.dth { display: table-cell; float: left; width: auto; margin: 1px 0; padding-left: 2px; background-color: rgba(0,0,0,0.1); /* min-height: 36px; */ font-weight: 600; } div.dtd { display: table-cell; margin: 1px 0; padding-left: 2px; /* min-height: 36px; */ width: auto; float: left; } div.dtc { text-align: center; } @media (min-width: 981px) { div.dblock:nth-child(4n+1) { clear:both; } .stack4 { width: calc(25% - 2px) !important; } div.dblock.empty.four { display: none; } .stack2 { width: calc(50% - 2px) !important; } } @media (min-width: 769px) and (max-width: 980px) { .ui-widget div.dtable { font-size: 90%; } div.dtable { line-height: 14px; } div.dth, div.dtd, div.dtc { min-height: 28px; } div.dblock:nth-child(3n+1) { clear:both; } .stack4 { width: calc(33% - 2px) !important; } div.dblock.empty.three { display: none; } .stack2 { width: calc(50% - 2px) !important; } } @media (min-width: 473px) and (max-width: 768px) { .ui-widget div.dtable { font-size: 70%; } div.dtable { line-height: 12px; } div.dth, div.dtd, div.dtc { min-height: 24px; } xdiv.dtd.stack2, div.dtd.stack3, div.dtd.stack4 { width: 100%!important; display: block; font-size: 180%!important; } div.drow.stack { display: none; } div.dblock:nth-child(3n+1) { clear:both; } .stack4 { width: calc(33% - 2px) !important; } div.dblock.empty.three { display: none; } .stack2 { width: calc(100% - 2px) !important; font-size: 180%!important; } } @media (min-width: 361px) and (max-width: 472px) { .ui-widget div.dtable { font-size: 70%; } div.dtable { line-height: 12px; } div.dth, div.dtd, div.dtc { width: 100%; min-height: 24px; } div.dth { margin-top: 5px; } x.stack4 { width: calc(100% - 2px) !important; } xdiv.stack2, div.stack3, div.stack4 { font-size: 130%!important; } div.drow.stack { display: none; } div.dblock:nth-child(2n+1) { clear:both; } .stack4 { width: calc(50% - 2px) !important; } div.dblock.empty.two { display: none; } .stack2 { width: calc(100% - 2px) !important; font-size: 130%!important; } } @media (max-width: 360px) { div.drow.stack { display: none; } .stack4 { width: calc(100% - 2px) !important; } div.dblock.empty.one { display: none; } .stack2 { width: calc(100% - 2px) !important; } } div#jd div.ui-widget { margin-left: auto; margin-right: auto; } div.ui-widget div#jd div.items { border: none; } span.dbtn { padding: 0 8px; } .btn-min { padding: 2px 0; font-size: 12px; border-radius: 3px; } /* jDownloads */ #jd .items img.list-img { height: 120px; } div#jd { max-width: 600px; margin-left: auto; margin-right: auto; } .jd_mini div#jd h2 { font-size: 11px; margin: 0; } .jd_mini div#jd ul.pos-specification { margin: 0; } .jd_mini #jd .items div.minioff { padding: 0; } .jd_mini #jd .items li.element.minioff { display :none; } .jd_mini #jd .items div.ui-widget-content { border: none; } .jd_mini #jd .items li.element.element-text { text-align: center; } div.jd_mini div.dblock.stack4.show3 { display: none; } /* f2c Ausstellungen */ img.intro.show { float: right; max-width: 100px; max-height: 50px; } img.main.show { float: right; max-width: 200px; max-height: 100px; } img.show { margin-left: auto; margin-right: auto; } div.center { text-align: center; } div.dtable.img img { width: calc(100% - 20px); } div.geomap { border: 1px solid #888888; } /* Links zur Züchterhomepage */ div#zuechterhp { max-width: 100%; background-image:url(../../../images/Yoda.jpg); background-repeat: no-repeat; background-size: 100% auto; height:100px; color : #ffffff; } div#hphead { font-size: 140%; margin : 20px 0px; } div.hpbody { font-size: 120%; width : 70%; margin : 10px 0px; } div#hpcattery { font-size: 150%; font-weight: bold; color: #990000; margin: 10px 20%; } div.datemodified { /* Aenderungsdatum in der Übersicht bei Züchter- Wurf- und Vermittlungseintrag */ font-size: 0.8em; } div.ui-widget-header.indent { /* Einrückung in Infos beim Züchter- Wurf- und Vermittlungseintrag */ padding-lefT: 1em; } div.ui-widget-content.indent { padding: 1em; } div#infos textarea { /* Textarea in Infos beim Züchter- Wurf- und Vermittlungseintrag */ width: 100%; } /* CDUB - CountDown-Up Big */ div.cdub_main h2 { color: #AC2329; font-size:150%; } span#bigtime126 span { color: #AC2329; } div.cdub_color126 { line-height: 100%; } div.cdub_color126 span.small a { color: #999; } span.cdub_font_dyn { font-size: x-large; } div.cdub_color126 a::before { content: "\f08e \00a0"; font-family: "FontAwesome"; } /* CKSlideshow Params */ /* Schriftgroesse fuer Titel anpassen, wenn Daten aus Verzeichis glesen werden */ div.camera_caption_desc div.slideshowck_title { font-size: 12px; } div.camera_caption_desc div.slideshowck_description a{ color: #aaa; } div.camera_caption_desc div.slideshowck_description a:visited{ color: #666; } div.camera_caption_desc div.slideshowck_description a:hover{ color: #eee; } /* Hintergrund in div#bgcontent fixiert */ div.slideshowck_container_wrap { position:fixed !important; }