@charset "UTF-8"; /** * * @authors ide * @email 794958215@qq.com * @date 2018-06-14 19:20:45 * @version $Id$ */ *{margin: 0;padding: 0;} a{text-decoration: none;} ul,li{list-style: none;} body{font-size: 14px;font-family: "微软雅黑";} .mdui-container{ height: auto !important; /*height: 1640px;*/ /* width: 82%; */ width:auto !important; margin: auto; } .mdui-text-color-theme{ color:#2196f3!important; line-height: 60px; } .mdui-table-fluid{ width: 100%; border: 1px solid rgba(0,0,0,.12); border-top: none; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); } .mdui-toolbar{ height:56px; width:98%; margin: auto; display: flex; } .mdui-typo-title{ font-size: 20px; font-weight: 500; letter-spacing: .02em; } .mdui-row1{ display: flex; flex: 1; align-items: center; } .mdui-row2{ display: flex; flex: 1; align-items: center; justify-content: flex-end; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(MaterialIcons-Regular.woff2) format('woff2'), url(MaterialIcons-Regular.woff) format('woff'); } .material-icons { font-family: 'Material Icons'; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; font-size: 24px; font-style: normal; margin:15px; user-select: none; cursor: pointer; } .mdui-table{ width: 100%; height: 500px; } .mdui-table th{ font-size: 13px; line-height: 32px; color: rgba(0,0,0,.54); text-align: left; padding: 15px 16px; border-top: 1px solid rgba(0,0,0,.12); } .icon{ margin-left: 7px; vertical-align: middle; } .mdui-table-cell-checkbox{ width:1px; padding-right: 1px !important; } .table_column1{ /*width:115px;*/ width:13%; padding-left: 3px !important; } .table_column2{ /*width:289px;*/ width:29%; } .table_column3{ /*width:275px;*/ width:16%; } .table_column5{ /*width:95px;*/ width:20%; text-align: right !important; padding-right: 3px !important; } .mdui-table td{ /*vertical-align: baseline;*/ font-size: 13px; line-height: 32px; color: rgba(0,0,0,.54); text-align: left; padding: 15px 16px; border-top: 1px solid rgba(0,0,0,.12); } #mdui-btn{ margin-right: -1px; } .mdui-btn{ position: relative; display: inline-block; min-width: 88px; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px; margin: 0; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 36px; color: inherit; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; zoom: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; border: none; border-radius: 2px; outline: 0; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1); transition: all .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1); transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1); transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1); will-change: box-shadow; -webkit-user-drag: none; } .mdui-color-theme-accent{ color: rgba(0,0,0,.87)!important; background-color: #40c4ff!important; } .mdui-float-right{ float: right !important; } .mdui-btn:hover{ background: #e8e0e08c; }