Jewiki unterstützen. Jewiki, die größte Online-Enzy­klo­pädie zum Judentum.

Helfen Sie Jewiki mit einer kleinen oder auch größeren Spende. Einmalig oder regelmäßig, damit die Zukunft von Jewiki gesichert bleibt ...

Vielen Dank für Ihr Engagement! (→ Spendenkonten)

How to read Jewiki in your desired language · Comment lire Jewiki dans votre langue préférée · Cómo leer Jewiki en su idioma preferido · בשפה הרצויה Jewiki כיצד לקרוא · Как читать Jewiki на предпочитаемом вами языке · كيف تقرأ Jewiki باللغة التي تريدها · Como ler o Jewiki na sua língua preferida

Vorlage:Charttabelle/styles.css

Aus Jewiki
< Vorlage:Charttabelle
Version vom 12. April 2022, 06:05 Uhr von Techniker (Diskussion | Beiträge) (Version vom 27. Februar 2022, 19:38 Uhr)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

/* gemeinsame Style-Definitionen für alle vom Modul:Musikcharts abhängigen Vorlagen */

/* charttable head */ .charts-trh, .charts-th { background-color: #FFEBAD; } /* mark non-existing charts */ .charts-nxa, .charts-nxs { background: repeating-linear-gradient(45deg, #eeeeee 10px, rgba(200, 204, 209, 0.9019607843137255) 15px); } /* statistics format (chart table) */ .charts-redst { background: #FFF5EE !important; text-align: center; font-style: italic; } .charts-redstg { background: #F0F0FF !important; text-align: center; font-style: italic; } /* zebragrey, starts with blue */ .charts-zebragrey > tbody > .sortbottom ~ .sortbottom ~ tr:nth-of-type(even) {background: #eeeeee;} .charts-zebragrey > tbody > .sortbottom ~ .sortbottom ~ tr:nth-of-type(odd) {background: #e1e9f3;} .charts-zebragrey > tbody > .sortbottom ~ tr:nth-of-type(odd) {background: #eeeeee;} .charts-zebragrey > tbody > .sortbottom ~ tr:nth-of-type(even) {background: #e1e9f3;} .charts-zebragrey > tbody > tr:nth-of-type(even) {background: #eeeeee;} .charts-zebragrey > tbody > tr:nth-of-type(odd) {background: #e1e9f3;} /* zebragrey2, starts with grey */ .charts-zebragrey2 > tbody > .sortbottom ~ .sortbottom ~ tr:nth-of-type(odd) {background: #eeeeee;} .charts-zebragrey2 > tbody > .sortbottom ~ .sortbottom ~ tr:nth-of-type(even) {background: #e1e9f3;} .charts-zebragrey2 > tbody > .sortbottom ~ tr:nth-of-type(even) {background: #eeeeee;} .charts-zebragrey2 > tbody > .sortbottom ~ tr:nth-of-type(odd) {background: #e1e9f3;} .charts-zebragrey2 > tbody > tr:nth-of-type(odd) {background: #eeeeee;} .charts-zebragrey2 > tbody > tr:nth-of-type(even) {background: #e1e9f3;} /* regular zebra, desktop and mobile */ .charts-zebra.wikitable {background-color: #f8f9fa;} .charts-zebra > tbody > tr:nth-of-type(even) {background: white;}

/* mobile caption */ caption { text-align: center !important; } /* mobileonly */ .charts-monl, .charts-mc, .charts-mcg, .charts-mcbl, .charts-monlc { display: none; } /* span arrows */ .charts-monla { display: none; font-size: smaller; font-style: italic; margin-top: 5px; }

/* certification icons */ /* container */ .charts-certc {

   display: inline-block;
   position: relative;
   cursor: help;
   border-bottom-color: rgba(50%, 50%, 50%, .5);
   text-decoration: underline dotted rgba(50%, 50%, 50%, .5);
   white-space: normal;

} .charts-cert {

   display: inline-block;
   position: relative;
   transition-duration: 0.8s;

} /* number */ .charts-certn { position: absolute; top: 70%; left: 75%; font-size: 7.5pt; font-weight: bold; color: #000; text-shadow: .8px .8px .5px #FFF, -.8px -.8px .5px #FFF, 1.1px 1.1px .5px #FFF, -1.1px -1.1px .5px #FFF; } /* tooltip */ .charts-certc .charts-certt {

   min-width: 100px;
   max-width: 140px;
   top: -10px;
   left: 50%;
   padding: 5px 5px;
   color: #FFFFFF;
   background-color: #555555;
   text-align: center;
   font-weight: normal;
   border-radius: 8px;
   position: absolute;
   z-index: 99999999;
   box-sizing: border-box;
   box-shadow: 0 1px 8px rgba(0,0,0,0.5);
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.5s;

} .charts-certc:hover .charts-certt {

   visibility: visible;
   opacity: 1;

} .charts-certc:hover { text-decoration: underline dotted; } .charts-certc .charts-certt i {

   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -10px;
   width: 20px;
   height: 10px;
   overflow: hidden;

} .charts-certc .charts-certt i::after {

   content: ;
   position: absolute;
   width: 10px;
   height: 10px;
   left: 50%;
   background-color: #555555;
   box-shadow: 0 1px 8px rgba(0,0,0,0.5);

} /* infobox styling */ .charts-infobox { float: right; clear: right; display: table; background-color: #FFFFFF; width: 220px; border: 1px solid #DDD; margin-left: 1em; font-size: 100%; } .charts-infobox td {

   vertical-align: middle;
   border-bottom: none;
   padding: 1.5px 1px;

} /* collapsing of discography infobox */ .charts-discvis, .charts-dischvis { display: table-row !important; } .charts-hidcollapsible { display: none; } /* only on Desktop: sticky heads and collapsible discography infobox */ @media only screen and (min-width:721px) { .mw-collapsed .charts-hidcollapsible { display: block; } .mw-collapsed .charts-dischvis th::after { content: " (Auswahl)"; } .mw-collapsed .charts-discvis ~ .charts-discvis { background: #eeeeee; } .charts-stickyhead th { position: sticky; top: 0; z-index: 12; } .charts-stickyhead { border-collapse: separate; border-spacing: 0; border-bottom-style: none; border-left-style: none; } .charts-stickyhead th, .charts-stickyhead td { border-right-style: none; border-top-style: none; } }

/* Mobile devices */ @media only screen and (max-width:720px) { /* Force table to not be like tables anymore */ .charts-table table, .charts-table th, .charts-table tbody, .charts-table td, .charts-table tr {display: block;} .charts-tableformat table, .charts-tableformat tbody, .charts-tableformat td, .charts-tableformat tr {display: block;} .charts-tableformat {border: 1px solid #a2a9b1 !important;} .charts-tableformat tbody {margin-top: -1px !important;} .charts-tableformat th {display: none;} .charts-tableformat tr {border-top: 1px solid #ccc;} .charts-tableformat tr:first-child {border: none;} /* tableborder */ .charts-tbor { width: 100%; border: 1px solid #a2a9b1 !important; } .charts-tbor tr {border-top: 1px solid #ccc;} .charts-th, .charts-thg { border: none; margin-top: -1px; width: auto !important; }

.charts-table td, .charts-tableformat td { /* Behave like a "row" */ border: none; position: relative; text-align: center !important; padding-left: 2px; padding-right: 2px; } /* Hide table headers */ .charts-trh, .charts-trhg { position: absolute; top: -9999px; left: -9999px; } /* statisticshead */ .charts-sth {background-color: #FFEBAD;} .charts-sthg {background-color: #eaecf0;} /* center bullet points */ .charts-table ul {list-style-position: inside;}

/* mobilecountry */ .charts-mc { display: inline; float: left; background-color: #FFEBAD; margin-left: 3px; font-weight: normal !important; } .charts-mcg { display: inline; float: left; background-color: #EAECF0; margin-left: 3px; font-weight: normal !important; } /* mobilecountrybalance */ .charts-mcbl { display: inline; float: right; margin-right: 3px; visibility: hidden; font-weight: normal !important; } /* mobileheader */ .charts-mh { font-size: smaller; font-weight: normal; } /* position span arrows */ .charts-aup { margin-top: -5px; background: none; } /* max height for marking of non-existing charts */ .charts-nonxa, .charts-nonxs { background-size: 100% 2em; background-repeat: no-repeat; }

/* mobileonly */ .charts-monl {display: inline !important;} /* cell */ .charts-monlc, .charts-monla {display: block !important;} /* hidemobile */ .charts-hidm { display: none !important; border: none !important; } }

@media only print { .charts-hidp { display: none; } .charts-certc {

   	text-decoration: none;

} }