| 提交 | 用户 | age | ||
| a6a76f | 1 | .m-toolbar{ |
| F | 2 | position: relative; |
| 3 | text-align: center; | |
| 4 | min-height: 32px; | |
| 5 | } | |
| 6 | .m-toolbar .m-title{ | |
| 7 | line-height: 32px; | |
| 8 | font-size: 16px; | |
| 9 | font-weight: bold; | |
| 10 | text-align: center; | |
| 11 | } | |
| 12 | .m-left{ | |
| 13 | position: absolute; | |
| 14 | height: 100%; | |
| 15 | vertical-align: middle; | |
| 16 | top:0; | |
| 17 | left:0; | |
| 18 | z-index: 1; | |
| 19 | } | |
| 20 | .m-right{ | |
| 21 | position: absolute; | |
| 22 | height: 100%; | |
| 23 | vertical-align: middle; | |
| 24 | top:0; | |
| 25 | right:0; | |
| 26 | z-index: 1; | |
| 27 | } | |
| 28 | .m-left>.l-btn,.m-right>.l-btn, | |
| 29 | .m-left>.switchbutton,.m-right>.switchbutton{ | |
| 30 | position: relative; | |
| 31 | vertical-align: top; | |
| 32 | top: 50%; | |
| 33 | margin-top: -13px; | |
| 34 | } | |
| 35 | .m-back::before,.m-next::after{ | |
| 36 | position: relative; | |
| 37 | display: inline-block; | |
| 38 | box-sizing: border-box; | |
| 39 | vertical-align: top; | |
| 40 | border-style: solid; | |
| 41 | -webkit-transform:rotate(45deg); | |
| 42 | transform:rotate(45deg); | |
| 43 | width: 10px; | |
| 44 | height: 10px; | |
| 45 | top: 7px; | |
| 46 | content: ''; | |
| 47 | } | |
| 48 | .m-back::before{ | |
| 49 | border-width: 0 0 1px 1px; | |
| 50 | margin-left: 6px; | |
| 51 | margin-right: -6px; | |
| 52 | } | |
| 53 | .m-next::after{ | |
| 54 | border-width: 1px 1px 0 0; | |
| 55 | margin-left: -6px; | |
| 56 | margin-right: 6px; | |
| 57 | } | |
| 58 | .m-buttongroup{ | |
| 59 | display: inline-block; | |
| 60 | margin: 0; | |
| 61 | padding: 0; | |
| 62 | overflow: hidden; | |
| 63 | vertical-align: middle; | |
| 64 | } | |
| 65 | .m-buttongroup .l-btn{ | |
| 66 | float: left; | |
| 67 | margin-left: -1px; | |
| 68 | } | |
| 69 | .m-buttongroup .l-btn:last-child::after{ | |
| 70 | content: ''; | |
| 71 | clear: both; | |
| 72 | } | |
| 73 | .m-buttongroup .l-btn:not(:first-child):not(:last-child){ | |
| 74 | border-radius: 0; | |
| 75 | } | |
| 76 | .m-buttongroup .l-btn:first-child{ | |
| 77 | border-top-right-radius: 0; | |
| 78 | border-bottom-right-radius: 0; | |
| 79 | margin-left: 0; | |
| 80 | } | |
| 81 | .m-buttongroup .l-btn:last-child{ | |
| 82 | border-top-left-radius: 0; | |
| 83 | border-bottom-left-radius: 0; | |
| 84 | } | |
| 85 | .m-buttongroup-justified{ | |
| 86 | display: table; | |
| 87 | table-layout: fixed; | |
| 88 | } | |
| 89 | .m-buttongroup-justified .l-btn{ | |
| 90 | float: none; | |
| 91 | display: table-cell; | |
| 92 | } | |
| 93 | .m-badge:not(.l-btn), | |
| 94 | .l-btn.m-badge::after{ | |
| 95 | display: inline-block; | |
| 96 | min-width: 10px; | |
| 97 | line-height: 1; | |
| 98 | font-size: 12px; | |
| 99 | text-align: center; | |
| 100 | white-space: nowrap; | |
| 101 | border-radius: 10px; | |
| 102 | padding: 2px 4px; | |
| 103 | border-style: solid; | |
| 104 | border-width: 0px; | |
| 105 | background-color: #d9534f; | |
| 106 | color: #fff; | |
| 107 | z-index: 99999; | |
| 108 | } | |
| 109 | .l-btn.m-badge::after, | |
| 110 | .l-btn .m-badge{ | |
| 111 | position: absolute; | |
| 112 | top: -10px; | |
| 113 | right: -10px; | |
| 114 | } | |
| 115 | .tabs-inner .m-badge{ | |
| 116 | position: absolute; | |
| 117 | top: 1px; | |
| 118 | right: -10px; | |
| 119 | } | |
| 120 | .tabs-inner>.tabs-title>.m-badge{ | |
| 121 | top: 0; | |
| 122 | right: 0; | |
| 123 | } | |
| 124 | .tabs-header-bottom .tabs-inner>.tabs-title>.m-badge{ | |
| 125 | top: auto; | |
| 126 | bottom: 0; | |
| 127 | right: 0; | |
| 128 | } | |
| 129 | .panel-footer .l-btn .l-btn-icon-top .m-badge, | |
| 130 | .panel-footer .l-btn .l-btn-icon-bottom .m-badge{ | |
| 131 | top: 0; | |
| 132 | right: -10px; | |
| 133 | } | |
| 134 | .l-btn.m-badge::after{ | |
| 135 | content: attr(data-badge); | |
| 136 | } | |
| 137 | .l-btn,.l-btn-left{ | |
| 138 | overflow: visible; | |
| 139 | position: relative; | |
| 140 | } | |
| 141 | ||
| 142 | .m-in{ | |
| 143 | -webkit-animation-timing-function: ease-out; | |
| 144 | -webkit-animation-duration: 250ms; | |
| 145 | } | |
| 146 | .m-out{ | |
| 147 | -webkit-animation-timing-function: ease-in; | |
| 148 | -webkit-animation-duration: 250ms; | |
| 149 | } | |
| 150 | .m-slide-left.m-in{ | |
| 151 | -webkit-animation-name: slideLeftIn; | |
| 152 | } | |
| 153 | .m-slide-left.m-out{ | |
| 154 | -webkit-animation-name: slideLeftOut; | |
| 155 | } | |
| 156 | .m-slide-right.m-in{ | |
| 157 | -webkit-animation-name: slideRightIn; | |
| 158 | } | |
| 159 | .m-slide-right.m-out{ | |
| 160 | -webkit-animation-name: slideRightOut; | |
| 161 | } | |
| 162 | .m-slide-up.m-in{ | |
| 163 | -webkit-animation-name: slideUpIn; | |
| 164 | } | |
| 165 | .m-slide-up.m-out{ | |
| 166 | -webkit-animation-name: slideUpOut; | |
| 167 | } | |
| 168 | .m-slide-down.m-in{ | |
| 169 | -webkit-animation-name: slideDownIn; | |
| 170 | } | |
| 171 | .m-slide-down.m-out{ | |
| 172 | -webkit-animation-name: slideDownOut; | |
| 173 | } | |
| 174 | ||
| 175 | @-webkit-keyframes slideLeftIn{ | |
| 176 | from {-webkit-transform: translateX(100%);} | |
| 177 | to {-webkit-transform: translateX(0);} | |
| 178 | } | |
| 179 | @-webkit-keyframes slideLeftOut{ | |
| 180 | from {-webkit-transform: translateX(0);} | |
| 181 | to {-webkit-transform: translateX(-100%);} | |
| 182 | } | |
| 183 | @-webkit-keyframes slideRightIn{ | |
| 184 | from {-webkit-transform: translateX(-100%);} | |
| 185 | to {-webkit-transform: translateX(0);} | |
| 186 | } | |
| 187 | @-webkit-keyframes slideRightOut{ | |
| 188 | from {-webkit-transform: translateX(0);} | |
| 189 | to {-webkit-transform: translateX(100%);} | |
| 190 | } | |
| 191 | @-webkit-keyframes slideUpIn{ | |
| 192 | from {-webkit-transform: translateY(100%);} | |
| 193 | to {-webkit-transform: translateY(0);} | |
| 194 | } | |
| 195 | @-webkit-keyframes slideUpOut{ | |
| 196 | from {-webkit-transform: translateY(0);} | |
| 197 | to {-webkit-transform: translateY(-100%);} | |
| 198 | } | |
| 199 | @-webkit-keyframes slideDownIn{ | |
| 200 | from {-webkit-transform: translateY(-100%);} | |
| 201 | to {-webkit-transform: translateY(0);} | |
| 202 | } | |
| 203 | @-webkit-keyframes slideDownOut{ | |
| 204 | from {-webkit-transform: translateY(0);} | |
| 205 | to {-webkit-transform: translateY(100%);} | |
| 206 | } | |
| 207 | ||
| 208 | .m-fade.m-in{ | |
| 209 | -webkit-animation-name: fadeIn; | |
| 210 | } | |
| 211 | .m-fade.m-out{ | |
| 212 | -webkit-animation-name: fadeOut; | |
| 213 | } | |
| 214 | ||
| 215 | @-webkit-keyframes fadeIn{ | |
| 216 | from {opacity: 0;} | |
| 217 | to {opacity: 1} | |
| 218 | } | |
| 219 | @-webkit-keyframes fadeOut{ | |
| 220 | from {opacity: 1;} | |
| 221 | to {opacity: 0;} | |
| 222 | } | |
| 223 | ||
| 224 | .m-pop.m-in{ | |
| 225 | -webkit-animation-name: popIn; | |
| 226 | } | |
| 227 | .m-pop.m-out{ | |
| 228 | -webkit-animation-name: popOut; | |
| 229 | } | |
| 230 | @-webkit-keyframes popIn{ | |
| 231 | from { | |
| 232 | opacity: 0; | |
| 233 | -webkit-transform: scale(.2); | |
| 234 | } | |
| 235 | to { | |
| 236 | opacity: 1; | |
| 237 | -webkit-transform: scale(1); | |
| 238 | } | |
| 239 | } | |
| 240 | @-webkit-keyframes popOut{ | |
| 241 | from { | |
| 242 | opacity: 1; | |
| 243 | -webkit-transform: scale(1); | |
| 244 | } | |
| 245 | to { | |
| 246 | opacity: 0; | |
| 247 | -webkit-transform: scale(0); | |
| 248 | } | |
| 249 | } | |
| 250 | ||
| 251 | .navpanel{ | |
| 252 | position: absolute; | |
| 253 | } | |
| 254 | ||
| 255 | .calendar-header,.calendar-title{ | |
| 256 | height: 30px; | |
| 257 | } | |
| 258 | .calendar-title span{ | |
| 259 | height: 26px; | |
| 260 | line-height: 26px | |
| 261 | } | |
| 262 | .datebox-button{ | |
| 263 | height: 24px; | |
| 264 | } | |
| 265 | .datebox-button a{ | |
| 266 | line-height: 24px; | |
| 267 | display1: inline-block; | |
| 268 | } | |
| 269 | .tree-node{ | |
| 270 | height:28px; | |
| 271 | padding:5px 0; | |
| 272 | box-sizing: border-box; | |
| 273 | } | |
| 274 | ||
| 275 | .panel-title{ | |
| 276 | height: 26px; | |
| 277 | line-height: 26px; | |
| 278 | } | |
| 279 | .window{ | |
| 280 | padding: 5px 0 0 0; | |
| 281 | } | |
| 282 | .window-shadow{ | |
| 283 | -moz-box-shadow: 0 0 30px 0 #D3D3D3; | |
| 284 | -webkit-box-shadow: 0 0 30px 0 #D3D3D3; | |
| 285 | box-shadow: 0 0 30px 0 #D3D3D3; | |
| 286 | } | |
| 287 | .window-header .panel-title{ | |
| 288 | height: 26px; | |
| 289 | line-height: 26px; | |
| 290 | text-align: center; | |
| 291 | } | |
| 292 | .window-header .panel-tool{ | |
| 293 | display: none; | |
| 294 | } | |
| 295 | .window .window-body{ | |
| 296 | border: 0; | |
| 297 | } | |
| 298 | .dialog-button{ | |
| 299 | border-color: transparent; | |
| 300 | overflow: hidden; | |
| 301 | } | |
| 302 | .dialog-button .l-btn{ | |
| 303 | margin: 0; | |
| 304 | } | |
| 305 | ||
| 306 | .tabs-justified, | |
| 307 | .tabs-justified .l-btn, | |
| 308 | .tabs-justified li a.tabs-inner, | |
| 309 | .tabs-justified li.tabs-selected a.tabs-inner, | |
| 310 | .tabs-header-bottom .tabs-justified li.tabs-selected a.tabs-inner, | |
| 311 | .tabs-header-bottom .tabs-justified li a.tabs-inner{ | |
| 312 | -moz-border-radius:0; | |
| 313 | -webkit-border-radius:0; | |
| 314 | border-radius:0; | |
| 315 | } | |
| 316 | ||
| 317 | .datagrid-row,.datagrid-header-row{ | |
| 318 | height: 35px; | |
| 319 | } | |
| 320 | .datalist .datagrid-group-title, | |
| 321 | .m-list .m-list-group{ | |
| 322 | padding: 0 10px; | |
| 323 | } | |
| 324 | .datalist .datagrid-cell, | |
| 325 | .m-list li{ | |
| 326 | padding: 10px; | |
| 327 | } | |
| 328 | .m-list li .m-right{ | |
| 329 | right: 10px; | |
| 330 | } | |
| 331 | .datalist .datalist-link, | |
| 332 | .m-list li>a{ | |
| 333 | margin: -10px; | |
| 334 | padding: 10px; | |
| 335 | padding-right: 24px; | |
| 336 | } | |
| 337 | .m-list li>a .m-right{ | |
| 338 | right: 24px; | |
| 339 | } | |
| 340 | .datalist .datalist-link::after, | |
| 341 | .m-list li>a::after{ | |
| 342 | right: 12px; | |
| 343 | } | |
| 344 | ||
| 345 | .spinner-arrow-up,.spinner-arrow-down{ | |
| 346 | position: relative; | |
| 347 | display: inline-block; | |
| 348 | width: 50%; | |
| 349 | height: 100%; | |
| 350 | background: none; | |
| 351 | float: right; | |
| 352 | } | |
| 353 | .spinner-arrow-down{ | |
| 354 | float: left; | |
| 355 | } | |
| 356 | .spinner-arrow-up::after, | |
| 357 | .spinner-arrow-down::after{ | |
| 358 | position: absolute; | |
| 359 | display: inline-block; | |
| 360 | box-sizing: border-box; | |
| 361 | vertical-align: top; | |
| 362 | border-style: solid; | |
| 363 | border-width: 2px 2px 0 0; | |
| 364 | -webkit-transform:rotate(-45deg); | |
| 365 | transform:rotate(-45deg); | |
| 366 | width: 10px; | |
| 367 | height: 10px; | |
| 368 | left: 50%; | |
| 369 | top: 50%; | |
| 370 | margin-left: -5px; | |
| 371 | margin-top: -3px; | |
| 372 | content: ''; | |
| 373 | } | |
| 374 | .spinner-arrow-down::after{ | |
| 375 | border-width: 0 0 2px 2px; | |
| 376 | margin-top: -8px; | |
| 377 | } | |
