CloudSQLAdminPanel/public/scr/index_databaseList/css/databaseList.css

@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: 90%; */
    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;
}