1/** 2 * This file provides styles for config manager 3 */ 4 5/* + + + + + config__manager + + + + + */ 6#dokuwiki__content { 7 #config__manager { 8 fieldset { 9 min-width: 100%; 10 overflow-x: auto; 11 box-sizing: border-box; 12 background-color: @background_darker; 13 margin-left: 0; 14 margin-right: 0; 15 } 16 17 .selectiondefault { 18 background-color: transparent; 19 color: inherit; 20 } 21 22 tr { 23 .input { 24 background-color: transparent; 25 color: inherit; 26 } 27 28 &:hover { 29 td { 30 color: inherit; 31 } 32 } 33 } 34 35 tr.default { 36 .input { 37 background-color: transparent; 38 } 39 } 40 41 td.label { 42 padding: .8em 0 1.2em 1em; 43 44 span.outkey { 45 background-color: @ini_background; 46 color: inherit; 47 font-size: (@font-size-small - .06); 48 font-weight: bold; 49 padding: 0 @very-small-spacing; 50 51 a { 52 font-size: inherit; 53 } 54 } 55 56 label { 57 line-height: @line-height-big; 58 } 59 } 60 } 61} 62 63/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 64/* max-width: 1024px */ 65@media @screen_max-md { 66 #dokuwiki__content { 67 #config__manager { 68 td { 69 &.label { 70 label, 71 span { 72 font-size: @font-size-small; 73 } 74 } 75 76 &.label + td { 77 font-size: @font-size-small; 78 79 span { 80 font-size: inherit; 81 } 82 } 83 84 select, 85 input.edit { 86 font-size: @font-size-small; 87 } 88 } 89 90 .selectiondefault { 91 label { 92 font-size: @font-size-small; 93 } 94 } 95 } 96 } 97} 98 99/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 100/* max-width: 768px */ 101@media @screen_max-sm { 102 #dokuwiki__content { 103 #config__manager { 104 table { 105 border-top: 0 none; 106 } 107 108 td { 109 padding-top: 0; 110 111 &.label { 112 display: block; 113 width: 100%; 114 border: 0 none; 115 border-top: 1px solid @ini_border; 116 border-bottom: 0 none; 117 padding: .8em .5em .3em; 118 119 120 span.outkey { 121 margin-left: 0; 122 } 123 } 124 125 .input { 126 width: 100%; 127 } 128 129 130 &.value, 131 &.label + td { 132 display: block; 133 width: 100%; 134 border: 0 none; 135 margin-bottom: 1.2rem; 136 } 137 138 select, 139 input.edit { 140 width: 100%; 141 text-overflow: ellipsis; 142 } 143 } 144 145 .selectiondefault { 146 float: none; 147 max-width: 100%; 148 width: auto; 149 150 label { 151 width: 90%; 152 } 153 } 154 } 155 } 156} 157