1/** 2 * This file provides styles for bureaucracy plugin 3 */ 4 5 6/* + + + + + global + + + + + */ 7 8.dokuwiki form.bureaucracy__plugin { 9 fieldset { 10 width: 100%; 11 max-width: 800px; 12 box-sizing: border-box; 13 border: 0 none; 14 text-align: center; 15 margin-left: 0; 16 margin-bottom: (@grid * 2); 17 padding: @grid 0 0; 18 19 > *:not(button) { 20 text-align: left; 21 } 22 } 23 24 legend { 25 font-size: @font-size-small; 26 font-weight: bold; 27 text-align: left; 28 } 29 30 label { 31 clear: both; 32 padding-top: (@grid / 2); 33 34 &::after { 35 content: ''; 36 clear: both; 37 } 38 39 sup { 40 float: right; 41 font-size: 1em; 42 } 43 44 input, 45 select { 46 float: left; 47 width: 50%; 48 text-align: left; 49 padding: .1em .2em; 50 } 51 52 input[type="checkbox"] { 53 width: 1.5rem; 54 height: 1.5rem; 55 background-image: none; 56 } 57 58 span { 59 float: left; 60 text-align: right; 61 line-height: @line-height-default; 62 padding-top: .2em; 63 padding-right: @grid; 64 65 &:not([class]) { 66 font-weight: bold; 67 margin-top: .5em; 68 69 + input, 70 + select { 71 margin-top: .3em; 72 } 73 74 // checkboxes 75 + input + input { 76 margin-top: .3em; 77 } 78 } 79 80 &.label { 81 text-align: right; 82 padding-top: .5em; 83 } 84 85 &.input { 86 width: 49%; 87 text-align: left; 88 padding-left: 0; 89 } 90 } // span 91 } // label 92 93 button[type="submit"] { 94 margin-top: (@grid * 2); 95 } 96} 97 98 99/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 100/* min-width: 1440px */ 101 102@media @screen_min-xlg { 103 .dokuwiki form.bureaucracy__plugin { 104 p { 105 font-size: @font-size-default; 106 } 107 } 108} 109 110 111/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 112/* max-width: 1439px */ 113 114@media @screen_max-xlg { 115 .dokuwiki form.bureaucracy__plugin { 116 p, 117 label, 118 button[type="submit"] { 119 font-size: @font-size-default; 120 } 121 } 122} 123 124