Formular:Schlagworte q: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 38: Zeile 38:
 
</div>
 
</div>
 
{{#css:
 
{{#css:
#infoButton,
 
#infoText,
 
#q_wrapper {
 
    width: auto;
 
    max-width: 70rem;
 
    position: relative;
 
}
 
#infoText,
 
#q_wrapper {
 
    padding: 2em;
 
    margin-bottom: 1em;
 
    border-radius: 0.5em;
 
}
 
#infoButton {
 
    padding: 0 2em;
 
    cursor: pointer;
 
    width: auto;
 
    z-index:1;
 
}
 
#infoButton i {
 
    position: absolute;
 
    display: block;
 
    right: 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;
 
}
 
#infoText {
 
    background: #dbf0ff;
 
}
 
.infoTextBody { 
 
    width: max(60%,25rem);
 
    margin: auto;
 
}
 
#q_wrapper {
 
    background: #eee;
 
    font-size: .9em;
 
}
 
.formOptions {
 
}
 
.formOptions#thema {
 
}
 
.formOptions[id^=medium] {
 
display:none;
 
}
 
.formOptionsBody  {
 
padding: 1em;
 
margin: .5em 0; 
 
    overflow: auto;
 
    background: #fff;
 
    border: 1px solid #ddd;
 
    max-height: 12em;
 
 
.radioButtonSpan {
 
    display: block;
 
    column-width: 10em;
 
}
 
.formOptions label {
 
    display: block;
 
    width: 8.5em; 
 
    padding-left:1.5em;
 
    position: relative;
 
    cursor: pointer;
 
}
 
#pfForm input[type="radio"] {     
 
    -webkit-appearance: none;
 
    appearance: none;
 
    position: absolute;
 
    left: 0;
 
    top: 0.2em;
 
    margin: 0;
 
    display: inline-block;
 
    width: 1.1rem;
 
    height: 1.1rem;
 
}
 
#pfForm input[type="radio"] { 
 
    border-radius: 50%;
 
    background-color: #fff;
 
    border: .15em solid #aaa;
 
    box-shadow: inset 0 0 0 0.2em #fff;
 
}
 
#pfForm input[type="radio"]:hover { 
 
    background-color: #ccc;
 
}
 
#pfForm input[type="radio"]:checked {   
 
    background-color: #155bdb;
 
    border-color: #72a4ff;
 
}
 
.q_button {
 
    width: 100%;
 
    text-align: center;
 
    padding-top: 1em;
 
}
 
#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}}}</includeonly>
 
{{{end template}}}</includeonly>

Version vom 21. Juli 2022, 14:20 Uhr

Dies ist das Formular „Schlagworte q“. Es gestaltet den Themenglossar. S.a. Vorlage:Schlagworte q