Quelltext der Seite Formular:Artist

<noinclude>
Dies ist das Formular „Artist“. Es definiert eine [[Special:RunQuery/Artist|Abfrage nach Werken von Künstlern]]. S.a. [[:Vorlage:Artist]]

</noinclude><includeonly>{{#vardefine: Altertum 
| {{artist_q|Altertum und Mittelalter}}
}}<!--
-->{{#vardefine: Neuzeit
| {{artist_q|Neuzeit}}
}}<!-- 
-->{{#vardefine: Moderne
|  {{artist_q|Moderne und Gegenwart}}
}} 
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
{{{for template|Artist}}}
{{{info
|query form at top 
|query title= Künstler-Glossar
}}}
{{titel|Künstler-Glossar: Suche nach Werken von namentlich bekannten Künstlern}}
{{#ifanon:|<small>[{{fullurl:Formular:Artist|action=edit}} Formular bearbeiten]</small>, <small>[{{fullurl:Vorlage:Artist|action=edit}} Vorlage:Artist bearbeiten]</small>, <small>[{{fullurl:Vorlage:Artist_q|action=edit}} Vorlage:Artist_q bearbeiten]</small>}}
<div id=infoButton>{{#fas:info}}</div><div id=infoText style='display:none;'>
<div class=infoTextBody>
Dieses Handbuch enthält über 500 Abbildungen von Kunstwerken, die über diese Seite nach Künstlernamen durchsucht und aufgelistet werden können.
</div>
</div>
<div id= q_wrapper>
<div class=formOptions  id=zeit>''Zeit wählen'' <!--
--><div class= formOptionsBody>{{{field|time|input type= radiobutton| default= Altertum und Mittelalter
| values= Altertum und Mittelalter, Neuzeit, Moderne und Gegenwart}}}</div></div> 
<div id=term_img class=formOptions id=artist_a>''Künstler aus Altertum und Mittelalter wählen'' <small>(Mehrfachangaben möglich)</small><!-- 
--><div class= formOptionsBody>{{{field|artist_a|input type= checkboxes| values={{#var:Altertum}} |hide select all}}}</div></div> 
<div id=term_img class=formOptions id=artist_n>''Künstler aus Neuzeit wählen'' <small>(Mehrfachangaben möglich)</small><!-- 
--><div class= formOptionsBody>{{{field|artist_n|input type= checkboxes| values={{#var:Neuzeit}} |hide select all }}}</div></div> 
<div id=term_img class=formOptions id=artist_m>''Künstler aus Moderne und Gegenwart wählen'' <small>(Mehrfachangaben möglich)</small><!-- 
--><div class= formOptionsBody>{{{field|artist_m|input type= checkboxes| values={{#var:Moderne}} |hide select all}}}</div></div>
<div class=q_button>{{{standard input|run query|label=Resultate anzeigen}}}</div>
</div>
{{#css:
#q_wrapper, 
#infoText {
    width: auto;
    max-width: 70rem;
    padding: 2em;
    margin-bottom: 1em;
    border-radius: 0.5em;
    background: #dbf0ff;
}
#q_wrapper {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
    display: block;
    background: #eee;
}
.infoTextBody {  
    width: max(60%,18rem);
    margin: auto;
}
.formOptions {
    width: max(15em,30%);
    width: auto;
} 
.formOptions[id^=artist] {
display: none; 
}
.formOptionsBody  {
padding: 1em;
margin: .5em 0;
    display: block;
    max-height:15em; 
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
} 
.radioButtonItem:first-child {
    display: none;
}
.radioButtonSpan,
.checkboxesSpan { 
    display: block;
    column-width: 15em;
}
#pfForm label.checkboxLabel,
.formOptions label {
    display: block;
    width: 13em;   
    padding-left:2em;
} 
#pfForm input[type="checkbox"],
#pfForm input[type="radio"] {  
    display: inline-block; 
    top: 0;
    left: 0;
    margin: 0;
    width: 0 !important; 
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
} 
#pfForm input[type="checkbox"]::before { 
    content: '';
    display: block;
    background: #eee;
    width: 1.15rem;
    height: 1.15rem;
    position: absolute;
    left: -1.7rem;
    top: -0.2rem;
    border: 0;
    border-radius: 0.2rem;
    box-shadow: 1px 1px 2px 0px #999; 
    text-align: center;
    line-height: 1rem;
    font-size: 1.3rem;
}
#pfForm input[type="checkbox"]:checked::before { 
    content: '\f00c';
    }
.q_button {
    width: 100%;
    text-align: center;
    padding-top: 1em;
}
#infoButton {
    position: relative;
    display: block; 
    cursor: pointer;
    width: auto;
    z-index:1;
}
#infoButton i {
    position: absolute;
    display: block;
    right: -2.2em;
    top: 1em;
    background: #0c67d3;
    color: #fff;
    width: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 50%;
opacity: .6; 
}
#infoButton i:hover {
opacity: 1; 
}
#wpRunQuery {
    display: inline-block;
    font-size: 1.2em; 
    border: 0;
    padding: 0.3em 0.5em;
    background: #ddd;
    border-radius: 0.2em;
    background: #003ca9;
    color: #eee;
    opacity: .8;
    margin: 0.2em;
    cursor: pointer;
}
#wpRunQuery:hover {
    opacity: 1;
    }
.pf-runquery-formcontent hr {
    display: none;
    opacity: 0;
}
}}
{{{end template}}}


{{{standard input|summary}}}

{{{standard input|minor edit}}} {{{standard input|watch}}}

{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}
</includeonly>