dokuwiki-template-sprintdoc.../css/plugins/bureaucracy.less
2017-04-07 15:22:54 +02:00

124 lines
2.4 KiB
Text
Executable file

/**
* This file provides styles for bureaucracy plugin
*/
/* + + + + + global + + + + + */
.dokuwiki form.bureaucracy__plugin {
fieldset {
width: 100%;
max-width: 800px;
box-sizing: border-box;
border: 0 none;
text-align: center;
margin-left: 0;
margin-bottom: (@grid * 2);
padding: @grid 0 0;
> *:not(button) {
text-align: left;
}
}
legend {
font-size: @font-size-small;
font-weight: bold;
text-align: left;
}
label {
clear: both;
padding-top: (@grid / 2);
&::after {
content: '';
clear: both;
}
sup {
float: right;
font-size: 1em;
}
input,
select {
float: left;
width: 50%;
text-align: left;
padding: .1em .2em;
}
input[type="checkbox"] {
width: 1.5rem;
height: 1.5rem;
background-image: none;
}
span {
float: left;
width: 50%;
text-align: right;
line-height: @line-height-default;
padding-top: .2em;
padding-right: @grid;
&:not([class]) {
font-weight: bold;
margin-top: .5em;
+ input,
+ select {
margin-top: .3em;
}
// checkboxes
+ input + input {
margin-top: .3em;
}
}
&.label {
text-align: right;
padding-top: .5em;
}
&.input {
width: 49%;
text-align: left;
padding-left: 0;
}
} // span
} // label
button[type="submit"] {
margin-top: (@grid * 2);
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
.dokuwiki form.bureaucracy__plugin {
p {
font-size: @font-size-default;
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1439px */
@media @screen_max-xlg {
.dokuwiki form.bureaucracy__plugin {
p,
label,
button[type="submit"] {
font-size: @font-size-default;
}
}
}