1/** 2 * This file provides styles for struct plugin 3 */ 4 5/* + + + + + global + + + + + */ 6#dokuwiki__content { 7 .structaggregation { 8 @link-height: 1.5rem; 9 10 position: relative; 11 padding-bottom: @link-height; 12 margin-bottom: @grid; 13 14 td, 15 th { 16 line-height: @line-height-default; 17 18 a { 19 //color: @ini_existing; 20 line-height: @line-height-default; 21 } 22 } 23 24 th { 25 a { 26 color: @ini_link_alt; 27 } 28 } 29 30 // search button in table (f.i. "All products") 31 table th input { 32 &:not(:focus) { 33 cursor: pointer; 34 } 35 36 &:focus { 37 width: 100%; 38 box-sizing: border-box; 39 } 40 } 41 42 .table { 43 margin-bottom: 0; 44 } 45 46 > a { 47 position: absolute; 48 bottom: 0; 49 height: @link-height; 50 margin-bottom: 0; 51 52 &.export { 53 bottom: 1px; 54 overflow-x: hidden; 55 background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat; 56 background-size: auto 20px; 57 border: solid 1px @ini_border; 58 border-radius: 0 0 @fix_border-radius @fix_border-radius; 59 color: @ini_existing; 60 font-size: @font-size-small; 61 line-height: 1; 62 margin-top: -1px; 63 padding-top: .4em; 64 transition: @transition background-color, @transition border-color, @transition color; 65 66 &:hover, 67 &:focus, 68 &:active { 69 background-color: @ini_existing; 70 background-image: url("svg.php?svg=file-export.svg&f=background"); 71 border-color: @ini_existing; 72 //color: @ini_background; 73 text-decoration: none; 74 } 75 } 76 } 77 } 78 79 #plugin__struct_output { 80 margin-right: 0; 81 82 th { 83 background-color: @ini_background_alt; 84 } 85 } 86 87 .struct_entry_form { 88 margin-bottom: 2rem; 89 90 > fieldset { 91 margin-top: 1.5rem; 92 } 93 } 94 95 textarea + .struct_entry_form { 96 margin-top: -.5rem; 97 } 98 99 div.editBox { 100 .struct_entry_form { 101 label span.label { 102 color: @color-editBox; 103 } 104 } 105 } 106} 107 108/* + + + + + struct inline-editor + + + + + */ 109.dokuwiki { 110 .struct_inlineditor { 111 box-shadow: @box-shadow-bottom; 112 113 p.hint { 114 margin-top: @small-spacing; 115 margin-bottom: @margin-small; 116 } 117 118 button[type="submit"] + button { 119 min-height: @formfield_min-height; 120 vertical-align: middle; 121 margin-left: @small-spacing; 122 } 123 } 124 125 /* struct fields for bureaucracy forms */ 126 .bureaucracy__plugin { 127 .field { 128 clear: both; 129 130 label { 131 padding: 0; 132 133 .label { 134 text-align: right; 135 font-weight: bold; 136 padding: 0; 137 } 138 } 139 140 .input { 141 line-height: 2.5em; 142 } 143 } 144 } 145} 146 147 148/* + + + + + form - Struct Schema Editor + + + + + */ 149form { 150 &.doku_form.struct_newschema { 151 fieldset { 152 > label { 153 > span:first-child { 154 display: inline-block; 155 156 @media @screen_min-lg { 157 width: 48.8%; 158 } 159 160 @media @screen_max-lg { 161 width: 48.5%; 162 } 163 } 164 165 > input[type="text"] { 166 width: 50%; 167 } 168 } 169 170 button { 171 cursor: pointer; 172 box-shadow: none; 173 background-image: none; 174 background-color: @ini_button_background; 175 border: 1px solid @ini_button_background; 176 border-radius: @fix_border-radius; 177 color: @ini_button_color; 178 vertical-align: top; 179 margin-top: .3em; 180 padding: .3em @grid; 181 transition: @transition background-color, @transition color; 182 183 &:hover, 184 &:active, 185 &:focus { 186 background-color: @ini_button_color; 187 color: @ini_button_background; 188 } 189 190 + p { 191 padding-top: 1rem; 192 } 193 } 194 } // fieldset 195 } 196} // form 197