table.less (5458B)
1 @color-overridden-by-theme: black; 2 3 .border-radius (@radius) { 4 border-radius: @radius; 5 -moz-border-radius: @radius; 6 -webkit-border-radius: @radius; 7 -khtml-border-radius: @radius; 8 } 9 10 .or-table-wrapper { 11 12 .or-table-area { 13 14 /* Responsive Tables */ 15 @media screen and (max-width: 40em) { 16 17 overflow-x: auto; 18 } 19 20 /* T a b l e s */ 21 table { 22 overflow: auto; 23 border: 2px; 24 width: 100%; 25 26 tr.or-headline > td, 27 tr > th { 28 29 padding: 3px; 30 font-weight: bold; 31 32 &.or-sort-asc > span:last-child:after { 33 content: " \2193"; 34 } 35 &.or-sort-desc > span:last-child:after { 36 content: " \2191"; 37 } 38 } 39 40 tr.or-data > td { 41 padding: 3px; 42 } 43 44 tr > td { 45 white-space: nowrap; 46 text-overflow: ellipsis; 47 overflow: hidden; 48 max-width: 0; 49 } 50 51 td.or-readonly { 52 font-style: italic; 53 font-weight: normal; 54 } 55 td.or-default { 56 font-style: normal; 57 font-weight: normal; 58 } 59 td.or-changed { 60 font-style: normal; 61 font-weight: bold; 62 } 63 /* Notizen */ 64 td.or-notice { 65 margin: 0px; 66 padding: 5%; 67 text-align: center; 68 } 69 70 &.or-notice { 71 width: 100%; 72 border: 1px solid; 73 border-spacing: 0px; 74 th { 75 padding: 2px; 76 white-space: nowrap; 77 border-bottom: 1px solid @color-overridden-by-theme; 78 font-weight: normal; 79 text-align: left; 80 } 81 82 tr.or-error { 83 } 84 85 tr.or-warning { 86 margin: 0px; 87 padding: 0px; 88 } 89 } 90 91 /* Kalender */ 92 &.or-calendar { 93 table-layout: fixed; 94 border-collapse: collapse; 95 text-align: center; 96 97 td { 98 border: 1px dotted; 99 } 100 } 101 102 /* Notizen */ 103 td.or-notice { 104 margin: 0px; 105 padding: 5%; 106 text-align: center; 107 } 108 109 &.or-notice { 110 width: 100%; 111 border: 1px solid; 112 border-spacing: 0px; 113 } 114 115 &.or-notice th { 116 padding: 2px; 117 white-space: nowrap; 118 border-bottom: 1px solid @color-overridden-by-theme; 119 font-weight: normal; 120 text-align: left; 121 } 122 123 &.or-notice tr.error { 124 } 125 126 &.or-notice tr.warning { 127 margin: 0px; 128 padding: 0px; 129 } 130 131 /* Kalender */ 132 &.or-calendar { 133 table-layout: fixed; 134 border-collapse: collapse; 135 text-align: center; 136 } 137 138 &.or-calendar td { 139 border: 1px dotted; 140 } 141 /* Message of the day */ 142 td.or-motd { 143 border-left: 3px solid red; 144 border-right: 3px solid red; 145 font-weight: bold; 146 padding: 10px; 147 margin: 10px; 148 } 149 td:hover > div.or-onrowvisible { 150 visibility: visible; 151 } 152 153 /* D i f f */ 154 tr.or-diff { 155 > td.or-line { 156 background-color: @color-overridden-by-theme; 157 padding-right: 2px; 158 border-right: 3px solid @color-overridden-by-theme; 159 text-align: right; 160 margin-right: 2px; 161 } 162 163 /* Unveränderter Text */ 164 > td.or-equal { 165 } 166 167 /* Entfernter Text */ 168 > td.or-old { 169 background-color: red; 170 } 171 172 /* Hinzugefuegter Text */ 173 td.or-new { 174 background-color: green; 175 } 176 177 /* Geaenderter Text */ 178 td.or-notequal { 179 background-color: yellow; 180 } 181 } 182 183 /* Hilfe-Texte */ 184 tr td.or-help { 185 font-style: italic; 186 } 187 188 tr.or-headline td.or-help { 189 /* 190 border-bottom:1px solid @color-overridden-by-theme; 191 */ 192 font-style: normal; 193 194 } 195 196 /* Logo */ 197 td.or-logo { 198 padding: 10px; 199 margin: 0px; 200 } 201 202 203 204 } 205 206 } 207 208 .or-table-filter { 209 width: 100%; 210 text-align: right; 211 212 input { 213 .border-radius(3px); 214 padding: 0.5em; 215 margin: 1em; 216 background-color: @color-overridden-by-theme; 217 color: @color-overridden-by-theme; 218 border: 1px solid @color-overridden-by-theme; 219 } 220 } 221 }