123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- @charset "UTF-8";
- body{
- overflow: hidden;
- }
- /* 顶部 */
- .homeTop{
- background: #589bff;
- width: 100%;
- }
- .homeTop > div{
- height: 70px;
- float: left;
- }
- .homeTop .left{
- width: 220px;
- background: #4f80f6;
- text-align: center;
- }
- .homeTop .right{
- /*width: 100%;*/
- line-height: 70px;
- color: white;
- font-size: 18px;
- padding-left: 30px;
- }
- /*主体内容*/
- .homeBody{
- box-sizing: border-box;
- }
- .homeBody .left{
- width: 220px;
- position: absolute;
- margin-top: 70px;
- height: 100%;
- top: 0;
- left: 0;
- border-right: 1px #ebebeb solid;
- background: #fff;
- }
- .homeBody .left .avatarbox{
- padding: 30px;
- text-align: center;
- }
- .homeBody .left .avatarbox .name,.homeBody .left .avatarbox .avatar {
- margin: 5px auto;
- }
- .homeBody .left .avatarbox .name {
- color: #808a9c;
- font-size: 18px;
- }
- /* 侧边栏 */
- .homeBody .left .list{
- }
- .homeBody .left .parent{
- padding-left: 0;
- }
- .homeBody .left .list li{
- list-style-type: none;
- font-size: 16px;
- /*padding: 10px;*/
- margin-bottom: 10px;
- }
- .homeBody .left .list>ul li .icon{
- color: #5d8af7;
- font-size: 20px;
- vertical-align: text-bottom;
- padding: 10px;
- }
- .homeBody .left .list li a{
- color: #000;
- text-decoration: none;
- display: block;
- padding: 10px;
- }
- .homeBody .left .list li.active,.homeBody .left .list li:hover{
- background: #488af7;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- .homeBody .left .list li.active .icon,.homeBody .left .list li:hover .icon{
- color: #fff;
- }
- .homeBody .left .list li.active a, .homeBody .left .list li:hover a{
- color: #fff;
- }
- .homeBody .left .list .text-message{
- color: #ff6f56;
- }
- .homeBody .left .list .childList{
- padding: 0 40px 0 0 ;
- }
- .homeBody .left .list .childList a{
- padding-left: 60px;
- }
- /* 右边主体内容 */
- .homeBody .right{
- position: absolute;
- padding-top: 70px;
- height: 100%;
- top: 0;
- left: 0;
- width: 100%;
- padding-left: 220px;
- z-index: -1;
- background: #f0f1f7;
- }
- .homeBody .right .body{
- padding: 10px;
- }
- /* 表格居中 */
- .tableBox{
- text-align: center;
- margin: 10px 0 0 0;
- }
- .tableBox table{
- background: #fff;
- }
- .tableBox th{
- text-align: center;
- }
- .tableBox>table>thead>tr>th,.tableBox>table>tbody>tr>td{
- border-top: 0;
- border-bottom: 0;
- }
- .tableBox>table>tbody>tr>td>button{
- padding: 0;
- }
- /* 分页 */
- .myPagination{
- /*width: 600px;*/
- margin: 0 auto;
- }
- .myPagination .addheigh{
- height: 26px;
- line-height: 26px;
- }
- .myPagination div{
- margin: 0 25px;
- display: inline-block;
- font-size: 16px;
- }
- /* 弹窗样式 */
- .modal-body select.form-control{
- border: 0;
- /*color: #4f80f6;*/
- }
- .popover-content{
- padding: 0;
- }
|