1.dokuwiki { 2 3 #layoutcontainer { 4 fieldset { 5 width: 80%; 6 7 &.borderless { 8 border: none; 9 } 10 11 legend { 12 text-decoration: underline; 13 cursor: pointer; 14 } 15 16 .layoutform_wrapper { 17 display: flex; 18 19 > div { 20 flex-grow: 1; 21 } 22 } 23 24 label { 25 display: block; 26 text-align: left; 27 margin-bottom: 5px; 28 29 span { 30 display: inline-block; 31 width: 40%; 32 } 33 } 34 } 35 36 margin-bottom: 5px; 37 } 38 39 div.floatwrapper { 40 margin: 0 0 1em; 41 42 div.table > table { 43 margin-right: 15px; 44 } 45 46 &.center { 47 clear: both; 48 margin-left: auto; 49 margin-right: auto; 50 display: table; 51 } 52 53 &.left { 54 float: left; 55 margin-right: 1em; 56 margin-left: 0; 57 } 58 59 &.right { 60 float: right; 61 margin-right: 0; 62 margin-left: 1em; 63 } 64 65 div.editbutton_table { 66 margin-bottom: 0; 67 } 68 } 69 70 div.table { 71 &.hasSearch { 72 margin-top: 3rem; 73 } 74 > div.globalSearch { 75 margin-bottom: 5px; 76 77 label { 78 font-weight: bold; 79 vertical-align: middle; 80 } 81 82 input { 83 margin-left: 0.5rem; 84 } 85 } 86 87 > div { 88 overflow-x: hidden; 89 } 90 91 td, th { 92 word-wrap: break-word; 93 -webkit-hyphens: auto; 94 -ms-hyphens: auto; 95 hyphens: auto; 96 97 } 98 99 .searchSortRow { 100 td > div, th > div { 101 display: flex; 102 justify-content: flex-end; 103 104 input { 105 width: 5px; 106 flex-grow: 1; 107 flex-shrink: 1; 108 } 109 110 button.sortable { 111 flex-grow: 0; 112 padding: 0.7em; 113 margin-left: 0.3em; 114 margin-right: 0.3em; 115 background: white no-repeat; 116 background-position-x: right; 117 background-size: 100%; 118 border: 1px solid #ccc; 119 border-radius: 3px; 120 121 &:hover { 122 background-color: white; 123 } 124 125 &.unsorted { 126 background-image: url('images/sort.svg'); 127 } 128 129 &.sorted_asc { 130 background-image: url('images/sort-ascending.svg'); 131 } 132 133 &.sorted_desc { 134 background-image: url('images/sort-descending.svg'); 135 } 136 } 137 138 } 139 } 140 141 table.flexiblewidth { 142 min-width: unset; 143 width: unset; 144 } 145 146 table.widthsfixed { 147 width: 10px; 148 table-layout: fixed; 149 } 150 } 151 152 div.secedit.editbutton_table a.button.print { 153 margin-left: 0.6em; 154 padding: 0 0.3em; 155 background-image: none; 156 display: inline-block; 157 float: none; 158 color: @ini_link; 159 border: 1px solid @ini_border; 160 border-top: none; 161 162 height: 1.8em; 163 line-height: 1.8em; 164 font-size: 75%; 165 166 167 border-top-right-radius: 0; 168 -moz-border-radius-topright: 0; 169 -webkit-border-top-right-radius: 0; 170 171 border-top-left-radius: 0; 172 -moz-border-radius-topleft: 0; 173 -webkit-border-top-left-radius: 0; 174 175 border-bottom-right-radius: 0.5em; 176 -moz-border-radius-bottomright: 0.5em; 177 -webkit-border-bottom-right-radius: 0.5em; 178 179 border-bottom-left-radius: 0.5em; 180 -moz-border-radius-bottomleft: 0.5em; 181 -webkit-border-bottom-left-radius: 0.5em; 182 } 183} 184