Metalog:Bilder2: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 46: Zeile 46:
 
   |format=plain
 
   |format=plain
 
   |link= none
 
   |link= none
   |limit=500
+
   |limit=50
 
   |sep=&&
 
   |sep=&&
 
   |intro=
 
   |intro=
Zeile 55: Zeile 55:
 
   |format=plain
 
   |format=plain
 
   |link= none
 
   |link= none
   |limit=500
+
   |limit=50
   |offset=500
+
   |offset=50
 
   |sep=&&
 
   |sep=&&
 
   |intro=
 
   |intro=
Zeile 66: Zeile 66:
 
counter
 
counter
  
--><div class=countResults><!--
+
--><div class=countResults><!--<!--
   --><i data-show='medium' data-show='thema' class=left>Medium: <span id='filter-medium'>alle</span>, <!--
+
   --><i class=right>Bilder: <span id='count-results'>{{formatnum:{{#var: count}}}}</span></i>  <!--
   -->Thema: <span id='filter-thema'>alle</span></i><!--
+
  --><i class='show-medium show-thema'>Medium: <span id='filter-medium'>alle</span>,</i> <!--
   --><i data-show='artist' class=left style='display:none'>Künstler: <span id='filter-artist'>alle</span></i><!--
+
   --><i class='show-medium show-thema'>Thema: <span id='filter-thema'>alle</span></i><!--
   --><i data-show='quelle' class=left style='display:none'>Bildquelle: <span id='filter-quelle'>alle</span></i> <!--
+
   --><i class='show-artist' style='display:none'>Künstler: <span id='filter-artist'>alle</span></i><!--
  -->Bilder: <span id='count-results'>{{formatnum:{{#var: count}}}}</span>  <!--
+
   --><i class='show-quelle' style='display:none'>Bildquelle: <span id='filter-quelle'>alle</span></i><!--  
 
--></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' data-name='Filter'> <!--
+
       --><div id='js-group-items' class='filter left-item'> ''Filter''<!--
         --><span class='radio checked' data-group='medium' data-group='thema'>Medien & Themen</span> <!--
+
         --><span class='radio checked' data-group='medium&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' data-feld='medium' data-feld='thema' ><!--         
+
       --><div  class='show-thema show-medium'><!--         
 
Medien
 
Medien
         --><div  data-feld='medium'  class='right-item' data-name='Medien' ><!--
+
         --><div  data-feld='medium'  class='right-item'> ''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' data-name='Themen'><!--
+
         --><div data-feld='thema' class='right-item'> ''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='filter resize artist-list'  data-feld='artist' id='orderArtists'><!--
+
         --><div class='resize'  data-feld='artist'><!--
 
           --><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='filter resize quelle-list' id='orderQuellen' data-feld='quelle'><!--
+
         --><div class='resize' 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 167: Zeile 167:
 
.right-item,
 
.right-item,
 
.left-item  {
 
.left-item  {
     padding: 2rem .3rem .1rem;
+
     padding: 0 .3rem;
 
}     
 
}     
 +
.order-items,
 +
.left-item i,
 +
.right-item i {
 +
    border-bottom: .1em solid transparent;
 +
    margin-bottom: .1rem;
 +
    display: block;
 +
}
 +
.left-items .radio {
 +
    display: block;
 +
}
 
[data-name]::before {
 
[data-name]::before {
 
     content:  attr(data-name) ': ';
 
     content:  attr(data-name) ': ';
Zeile 174: Zeile 184:
 
     margin-top: -2rem;  
 
     margin-top: -2rem;  
 
     font-style: italic;  
 
     font-style: italic;  
 +
}
 +
[data-werkzahl]::after {
 +
content: ' (' attr(data-werkzahl) ')';
 +
}
 +
.infoTextBody > div {
 +
    max-height: none;
 
}
 
}
 
.resize {
 
.resize {
Zeile 180: Zeile 196:
 
     resize: vertical;
 
     resize: vertical;
 
     position: static;
 
     position: static;
}
+
    display: grid;
[data-werkzahl]::after {
+
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
content: ' (' attr(data-werkzahl) ')';
+
    border: 1px solid #9dc3dd; 
 +
    border-width: 1px 0;  
 
}
 
}
.left-items .radio {
+
.resize .radio {   
    display: block;
 
}
 
.artist-list,
 
.quelle-list {
 
    display: grid;
 
    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 200: Zeile 208:
 
@media only screen and (orientation: portrait), (max-width: 940px) {
 
@media only screen and (orientation: portrait), (max-width: 940px) {
 
.infoText {
 
.infoText {
     margin: -1rem 1rem 1rem;
+
     margin: 0 .1rem 1rem;
 
     padding: 1rem;  
 
     padding: 1rem;  
 
     width: auto;
 
     width: auto;

Version vom 4. April 2025, 17:53 Uhr

Bilder-Verzeichnis
Bilder: 0
FilterMedien & Themen Künstler Bildquellen
Kein Ergebnis!