Metalog:Bilder2: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 66: | Zeile 66: | ||
counter | counter | ||
| − | --><div class=countResults> | + | --><div class=countResults><!-- |
| − | --><i | + | --><i data-show='medium' data-show='thema' class=left>Medium: <span id='filter-medium'>alle</span>, <!-- |
| − | + | -->Thema: <span id='filter-thema'>alle</span></i><!-- | |
| − | -- | + | --><i data-show='artist' class=left style='display:none'>Künstler: <span id='filter-artist'>alle</span></i><!-- |
| − | --><i | + | --><i data-show='quelle' class=left style='display:none'>Bildquelle: <span id='filter-quelle'>alle</span></i> <!-- |
| − | --><i | + | -->Bilder: <span id='count-results'>{{formatnum:{{#var: count}}}}</span> <!-- |
--></div> <!-- | --></div> <!-- | ||
| Zeile 81: | Zeile 81: | ||
--><div class='left-items'><!-- | --><div class='left-items'><!-- | ||
Filter | Filter | ||
| − | --><div id='js-group-items' class='filter left-item' | + | --><div id='js-group-items' class='filter left-item' data-name='Filter'> <!-- |
| − | --><span class='radio checked' data-group='medium | + | --><span class='radio checked' data-group='medium' data-group='thema'>Medien & Themen</span> <!-- |
--><span class='radio' data-group='artist'>Künstler</span> <!-- | --><span class='radio' data-group='artist'>Künstler</span> <!-- | ||
--><span class='radio' data-group='quelle'>Bildquellen</span><!-- | --><span class='radio' data-group='quelle'>Bildquellen</span><!-- | ||
| Zeile 90: | Zeile 90: | ||
--><div class='right-items'> <!-- | --><div class='right-items'> <!-- | ||
M & T | M & T | ||
| − | --><div class='show-thema show-medium'><!-- | + | --><div class='show-thema show-medium' data-feld='medium' data-feld='thema' ><!-- |
Medien | Medien | ||
| − | --><div data-feld='medium' class='right-item' | + | --><div data-feld='medium' class='right-item' data-name='Medien' ><!-- |
--><span class='radio checked' data-medium='alle'>Alle</span> <!-- | --><span class='radio checked' data-medium='alle'>Alle</span> <!-- | ||
-->{{#arrayprint: medien||§ | -->{{#arrayprint: medien||§ | ||
| Zeile 99: | Zeile 99: | ||
--></div> <!-- | --></div> <!-- | ||
Themen | Themen | ||
| − | --><div data-feld='thema' class='right-item' | + | --><div data-feld='thema' class='right-item' data-name='Themen'><!-- |
--><span class='radio checked' data-thema='alle'>Alle</span><!-- | --><span class='radio checked' data-thema='alle'>Alle</span><!-- | ||
-->{{#arrayprint: themen||§ | -->{{#arrayprint: themen||§ | ||
| Zeile 114: | Zeile 114: | ||
--></div> <!-- | --></div> <!-- | ||
Künstler | Künstler | ||
| − | --><div class='resize' data-feld='artist'><!-- | + | --><div class='filter resize artist-list' data-feld='artist' id='orderArtists'><!-- |
--><span class='radio checked' data-artist='alle' data-werkzahl='{{#ask:[[gemacht_von::+]][[is_image_article::+]]|format=count}}'>alle</span><!-- | --><span class='radio checked' data-artist='alle' data-werkzahl='{{#ask:[[gemacht_von::+]][[is_image_article::+]]|format=count}}'>alle</span><!-- | ||
-->{{#arrayprint: artists||§ | -->{{#arrayprint: artists||§ | ||
| Zeile 129: | Zeile 129: | ||
--></div><!-- | --></div><!-- | ||
Quellen | Quellen | ||
| − | --><div class='resize' data-feld='quelle'><!-- | + | --><div class='filter resize quelle-list' id='orderQuellen' data-feld='quelle'><!-- |
--><span class='radio checked' data-quelle='alle' data-werkzahl='{{#ask:[[hat_bildquellentext::+]][[is_image_article::+]]|format=count}}'>alle</span><!-- | --><span class='radio checked' data-quelle='alle' data-werkzahl='{{#ask:[[hat_bildquellentext::+]][[is_image_article::+]]|format=count}}'>alle</span><!-- | ||
-->{{#arrayprint: quellen||§ | -->{{#arrayprint: quellen||§ | ||
| Zeile 150: | Zeile 150: | ||
|sep= | |sep= | ||
|link= none | |link= none | ||
| − | |limit= | + | |limit=5 |
|intro= | |intro= | ||
|searchlabel= | |searchlabel= | ||
| Zeile 167: | Zeile 167: | ||
.right-item, | .right-item, | ||
.left-item { | .left-item { | ||
| − | padding: | + | padding: 2rem .3rem .1rem; |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
[data-name]::before { | [data-name]::before { | ||
content: attr(data-name) ': '; | content: attr(data-name) ': '; | ||
| Zeile 184: | Zeile 174: | ||
margin-top: -2rem; | margin-top: -2rem; | ||
font-style: italic; | font-style: italic; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.resize { | .resize { | ||
| Zeile 196: | Zeile 180: | ||
resize: vertical; | resize: vertical; | ||
position: static; | position: static; | ||
| + | } | ||
| + | [data-werkzahl]::after { | ||
| + | content: ' (' attr(data-werkzahl) ')'; | ||
| + | } | ||
| + | .left-items .radio { | ||
| + | display: block; | ||
| + | } | ||
| + | .artist-list, | ||
| + | .quelle-list { | ||
display: grid; | display: grid; | ||
| − | grid-template-columns: repeat(auto-fit, minmax( | + | grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); |
| − | + | } | |
| − | + | .artist-list .radio, | |
| − | + | .quelle-list .radio { | |
| − | . | ||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
| Zeile 208: | Zeile 200: | ||
@media only screen and (orientation: portrait), (max-width: 940px) { | @media only screen and (orientation: portrait), (max-width: 940px) { | ||
.infoText { | .infoText { | ||
| − | margin: | + | margin: -1rem 1rem 1rem; |
padding: 1rem; | padding: 1rem; | ||
width: auto; | width: auto; | ||
Version vom 4. April 2025, 17:56 Uhr
Medium: alle, Thema: alleKünstler: alleBildquelle: alle Bilder: 0
Medien & Themen Künstler Bildquellen
Kein Ergebnis!