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