MUI - CSS框架 - grid, icons, card 前端资源


https://github.com/dcloudio/mui/

https://dev.dcloud.net.cn/mui/ui


cat  main.css

/*!
 * =====================================================
 * Mui v3.7.3 (http://dev.dcloud.net.cn/mui)
 * =====================================================
 */
@import url(icons.css);
@import url(icons-extra.css);
@import url(grid.css);
@import url(card.css);


icons.css:

@font-face{font-family:Muiicons; font-weight:normal; font-style:normal; src:url('../fonts/mui.ttf') format('truetype'); }
.mui-icon{font-family:Muiicons; font-weight:normal; font-style:normal; line-height:1; display:inline-block; text-decoration:none; -webkit-font-smoothing:antialiased; }
.mui-icon.mui-active{color:#007aff; }
.mui-icon.mui-right:before{float:right; padding-left:.2em; }
.mui-icon-contact:before{content:'\e100'; }
.mui-icon-person:before{content:'\e101'; }
.mui-icon-personadd:before{content:'\e102'; }
.mui-icon-contact-filled:before{content:'\e130'; }
.mui-icon-person-filled:before{content:'\e131'; }
.mui-icon-personadd-filled:before{content:'\e132'; }
.mui-icon-phone:before{content:'\e200'; }
.mui-icon-email:before{content:'\e201'; }
.mui-icon-chatbubble:before{content:'\e202'; }
.mui-icon-chatboxes:before{content:'\e203'; }
.mui-icon-phone-filled:before{content:'\e230'; }
.mui-icon-email-filled:before{content:'\e231'; }
.mui-icon-chatbubble-filled:before{content:'\e232'; }
.mui-icon-chatboxes-filled:before{content:'\e233'; }
.mui-icon-weibo:before{content:'\e260'; }
.mui-icon-weixin:before{content:'\e261'; }
.mui-icon-pengyouquan:before{content:'\e262'; }
.mui-icon-chat:before{content:'\e263'; }
.mui-icon-qq:before{content:'\e264'; }
.mui-icon-videocam:before{content:'\e300'; }
.mui-icon-camera:before{content:'\e301'; }
.mui-icon-mic:before{content:'\e302'; }
.mui-icon-location:before{content:'\e303'; }
.mui-icon-mic-filled:before,.mui-icon-speech:before{content:'\e332'; }
.mui-icon-location-filled:before{content:'\e333'; }
.mui-icon-micoff:before{content:'\e360'; }
.mui-icon-image:before{content:'\e363'; }
.mui-icon-map:before{content:'\e364'; }
.mui-icon-compose:before{content:'\e400'; }
.mui-icon-trash:before{content:'\e401'; }
.mui-icon-upload:before{content:'\e402'; }
.mui-icon-download:before{content:'\e403'; }
.mui-icon-close:before{content:'\e404'; }
.mui-icon-redo:before{content:'\e405'; }
.mui-icon-undo:before{content:'\e406'; }
.mui-icon-refresh:before{content:'\e407'; }
.mui-icon-star:before{content:'\e408'; }
.mui-icon-plus:before{content:'\e409'; }
.mui-icon-minus:before{content:'\e410'; }
.mui-icon-circle:before,.mui-icon-checkbox:before{content:'\e411'; }
.mui-icon-close-filled:before,.mui-icon-clear:before{content:'\e434'; }
.mui-icon-refresh-filled:before{content:'\e437'; }
.mui-icon-star-filled:before{content:'\e438'; }
.mui-icon-plus-filled:before{content:'\e439'; }
.mui-icon-minus-filled:before{content:'\e440'; }
.mui-icon-circle-filled:before{content:'\e441'; }
.mui-icon-checkbox-filled:before{content:'\e442';}
.mui-icon-closeempty:before{content:'\e460'; }
.mui-icon-refreshempty:before{content:'\e461'; }
.mui-icon-reload:before{content:'\e462'; }
.mui-icon-starhalf:before{content:'\e463'; }
.mui-icon-spinner:before{content:'\e464'; }
.mui-icon-spinner-cycle:before{content:'\e465'; }
.mui-icon-search:before{content:'\e466'; }
.mui-icon-plusempty:before{content:'\e468'; }
.mui-icon-forward:before{content:'\e470'; }
.mui-icon-back:before,.mui-icon-left-nav:before{content:'\e471'; }
.mui-icon-checkmarkempty:before{content:'\e472'; }
.mui-icon-home:before{content:'\e500'; }
.mui-icon-navigate:before{content:'\e501'; }
.mui-icon-gear:before{content:'\e502'; }
.mui-icon-paperplane:before{content:'\e503'; }
.mui-icon-info:before{content:'\e504'; }
.mui-icon-help:before{content:'\e505'; }
.mui-icon-locked:before{content:'\e506'; }
.mui-icon-more:before{content:'\e507'; }
.mui-icon-flag:before{content:'\e508'; }
.mui-icon-home-filled:before{content:'\e530'; }
.mui-icon-gear-filled:before{content:'\e532'; }
.mui-icon-info-filled:before{content:'\e534'; }
.mui-icon-help-filled:before{content:'\e535'; }
.mui-icon-more-filled:before{content:'\e537'; }
.mui-icon-settings:before{content:'\e560'; }
.mui-icon-list:before{content:'\e562'; }
.mui-icon-bars:before{content:'\e563'; }
.mui-icon-loop:before{content:'\e565'; }
.mui-icon-paperclip:before{content:'\e567'; }
.mui-icon-eye:before{content:'\e568'; }
.mui-icon-arrowup:before{content:'\e580'; }
.mui-icon-arrowdown:before{content:'\e581'; }
.mui-icon-arrowleft:before{content:'\e582'; }
.mui-icon-arrowright:before{content:'\e583'; }
.mui-icon-arrowthinup:before{content:'\e584'; }
.mui-icon-arrowthindown:before{content:'\e585'; }
.mui-icon-arrowthinleft:before{content:'\e586'; }
.mui-icon-arrowthinright:before{content:'\e587'; }
.mui-icon-pulldown:before{content:'\e588'; }

icons-extra.css

@font-face{font-family:MuiiconSpread; font-weight:normal; font-style:normal; src:url('../fonts/mui-icons-extra.ttf') format('truetype');
/* iOS 4.1- */
 }
.mui-icon-extra{font-family:MuiiconSpread; font-weight:normal; font-style:normal; line-height:1; display:inline-block; text-decoration:none; -webkit-font-smoothing:antialiased; }
.mui-icon-extra-cold:before{content:"\e500"; }
.mui-icon-extra-share:before{content:"\e200"; }
.mui-icon-extra-class:before{content:"\e118"; }
.mui-icon-extra-custom:before{content:"\e117"; }
.mui-icon-extra-new:before{content:"\e103"; }
.mui-icon-extra-card:before{content:"\e104"; }
.mui-icon-extra-grech:before{content:"\e105"; }
.mui-icon-extra-trend:before{content:"\e106"; }
.mui-icon-extra-filter:before{content:"\e207"; }
.mui-icon-extra-holiday:before{content:"\e300"; }
.mui-icon-extra-cart:before{content:"\e107"; }
.mui-icon-extra-heart:before{content:"\e180"; }
.mui-icon-extra-computer:before{content:"\e600"; }
.mui-icon-extra-express:before{content:"\e108"; }
.mui-icon-extra-gift:before{content:"\e109"; }
.mui-icon-extra-gold:before{content:"\e102"; }
.mui-icon-extra-lamp:before{content:"\e601"; }
.mui-icon-extra-rank:before{content:"\e110"; }
.mui-icon-extra-notice:before{content:"\e111"; }
.mui-icon-extra-sweep:before{content:"\e202"; }
.mui-icon-extra-arrowleftcricle:before{content:"\e401"; }
.mui-icon-extra-dictionary:before{content:"\e602"; }
.mui-icon-extra-heart-filled:before{content:"\e119"; }
.mui-icon-extra-xiaoshuo:before{content:"\e607"; }
.mui-icon-extra-top:before{content:"\e403"; }
.mui-icon-extra-people:before{content:"\e203"; }
.mui-icon-extra-topic:before{content:"\e603"; }
.mui-icon-extra-hotel:before{content:"\e301"; }
.mui-icon-extra-like:before{content:"\e206"; }
.mui-icon-extra-regist:before{content:"\e201"; }
.mui-icon-extra-order:before{content:"\e113"; }
.mui-icon-extra-alipay:before{content:"\e114"; }
.mui-icon-extra-find:before{content:"\e400"; }
.mui-icon-extra-arrowrightcricle:before{content:"\e402"; }
.mui-icon-extra-calendar:before{content:"\e115"; }
.mui-icon-extra-prech:before{content:"\e116"; }
.mui-icon-extra-cate:before{content:"\e501"; }
.mui-icon-extra-comment:before{content:"\e209"; }
.mui-icon-extra-at:before{content:"\e208"; }
.mui-icon-extra-addpeople:before{content:"\e204"; }
.mui-icon-extra-peoples:before{content:"\e205"; }
.mui-icon-extra-calc:before{content:"\e101"; }
.mui-icon-extra-classroom:before{content:"\e604"; }
.mui-icon-extra-phone:before{content:"\e404"; }
.mui-icon-extra-university:before{content:"\e605"; }
.mui-icon-extra-outline:before{content:"\e606"; }


grid.css

.mui-content{background-color:#efeff4; -webkit-overflow-scrolling:touch; }
.mui-row:before, .mui-row:after{display:table; content:' '; }
.mui-row:after{clear:both; }
.mui-col-xs-1, .mui-col-sm-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-xs-12, .mui-col-sm-12{position:relative; min-height:1px; }
.mui-row > [class*='mui-col-']{float:left; }
.mui-col-xs-12{width:100%; }
.mui-col-xs-11{width:91.66666667%; }
.mui-col-xs-10{width:83.33333333%; }
.mui-col-xs-9{width:75%; }
.mui-col-xs-8{width:66.66666667%; }
.mui-col-xs-7{width:58.33333333%; }
.mui-col-xs-6{width:50%; }
.mui-col-xs-5{width:41.66666667%; }
.mui-col-xs-4{width:33.33333333%; }
.mui-col-xs-3{width:25%; }
.mui-col-xs-2{width:16.66666667%;}
.mui-col-xs-1{width:8.33333333%; }
@media (min-width:400px){.mui-col-sm-12{width:100%; }
.mui-col-sm-11{width:91.66666667%; }
.mui-col-sm-10{width:83.33333333%; }
.mui-col-sm-9{width:75%; }
.mui-col-sm-8{width:66.66666667%; }
.mui-col-sm-7{width:58.33333333%; }
.mui-col-sm-6{width:50%; }
.mui-col-sm-5{width:41.66666667%; }
.mui-col-sm-4{width:33.33333333%; }
.mui-col-sm-3{width:25%; }
.mui-col-sm-2{width:16.66666667%; }
.mui-col-sm-1{width:8.33333333%; }
.mui-table-view:before{top:-1px; }
.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon{font-size:20px; margin-top:-1px; margin-right:5px; margin-left:-5px; }
.mui-table-view-icon .mui-table-view-cell:after{left:40px; }
.mui-table-view-chevron .mui-table-view-cell{padding-right:65px; }
.mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn){margin-right:-65px; }
.mui-table-view-radio .mui-table-view-cell{padding-right:65px; }
.mui-table-view-radio .mui-table-view-cell > a:not(.mui-btn){margin-right:-65px; }
.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after{font-size:30px; font-weight:600; right:9px; content:''; color:#007aff; }
.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after{content:'\e472'; }
.mui-table-view-inverted{color:#fff; background:#333; }
.mui-table-view-inverted:after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#222; }
.mui-table-view-inverted:before{position:absolute; top:0; right:0; left:0; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#222; }
.mui-table-view-inverted .mui-table-view-cell:after{position:absolute; right:0; bottom:0; left:15px; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#222; }
.mui-table-view-inverted .mui-table-view-cell.mui-active{background-color:#242424; }
.mui-table-view-inverted .mui-table-view-cell > a:not(.mui-btn).mui-active{background-color:#242424; }
.mui-table-view-cell{position:relative; overflow:hidden; padding:11px 15px; -webkit-touch-callout:none; }
.mui-table-view-cell:after{position:absolute; right:0; bottom:0; left:15px; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view-cell.mui-radio input[type=radio],.mui-table-view-cell.mui-checkbox input[type=checkbox]{top:8px; }
.mui-table-view-cell.mui-radio.mui-left,.mui-table-view-cell.mui-checkbox.mui-left{padding-left:58px; }
.mui-table-view-cell.mui-active{background-color:#eee; }
.mui-table-view-cell:last-child:before,.mui-table-view-cell:last-child:after{height:0; }
.mui-table-view-cell > a:not(.mui-btn){position:relative; display:block; overflow:hidden; margin:-11px -15px; padding:inherit; white-space:nowrap; text-overflow:ellipsis; color:inherit;
.mui-table-view-cell > a:not(.mui-btn).mui-active{background-color:#eee; }
.mui-table-view-cell p{margin-bottom:0; }
.mui-table-view-cell.mui-transitioning > .mui-slider-handle,.mui-table-view-cell.mui-transitioning > .mui-slider-left .mui-btn,.mui-table-view-cell.mui-transitioning > .mui-slider-right .mui-btn{-webkit-transition:-webkit-transform 300ms ease; transition:transform 300ms ease; }
.mui-table-view-cell.mui-active > .mui-slider-handle{background-color:#eee; }
.mui-table-view-cell > .mui-slider-handle{position:relative; background-color:#fff; }
.mui-table-view-cell > .mui-slider-handle.mui-navigate-right:after,.mui-table-view-cell > .mui-slider-handle .mui-navigate-right:after{right:0; }
.mui-table-view-cell > .mui-slider-handle,.mui-table-view-cell > .mui-slider-left .mui-btn,.mui-table-view-cell > .mui-slider-right .mui-btn{-webkit-transition:-webkit-transform 0ms ease; transition:transform 0ms ease; }
.mui-table-view-cell > .mui-slider-left,.mui-table-view-cell > .mui-slider-right{position:absolute; top:0; display:-webkit-box; display:-webkit-flex; display:flex; height:100%; }
.mui-table-view-cell > .mui-slider-left > .mui-btn,.mui-table-view-cell > .mui-slider-right > .mui-btn{position:relative; left:0; display:-webkit-box; display:-webkit-flex; display:flex; padding:0 30px; color:#fff; border:0; border-radius:0; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.mui-table-view-cell > .mui-slider-left > .mui-btn:after,.mui-table-view-cell > .mui-slider-right > .mui-btn:after{position:absolute; z-index:-1; top:0; width:600%; height:100%; content:''; background:inherit; }
.mui-table-view-cell > .mui-slider-left > .mui-btn.mui-icon,.mui-table-view-cell > .mui-slider-right > .mui-btn.mui-icon{font-size:30px; }
.mui-table-view-cell > .mui-slider-right{right:0; -webkit-transition:-webkit-transform 0ms ease;transition:transform 0ms ease; -webkit-transform:translateX(100%); transform:translateX(100%); }
.mui-table-view-cell > .mui-slider-left{left:0; -webkit-transition:-webkit-transform 0ms ease; transition:transform 0ms ease; -webkit-transform:translateX(-100%); transform:translateX(-100%); }
.mui-table-view-cell > .mui-slider-left > .mui-btn:after{right:100%; margin-right:-1px; }
.mui-table-view-divider{font-weight:500; position:relative; margin-top:-1px; margin-left:0; padding-top:6px; padding-bottom:6px; padding-left:15px; color:#999; background-color:#fafafa; }
.mui-table-view-divider:after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view-divider:before{position:absolute; top:0; right:0; left:0; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view .mui-media, .mui-table-view .mui-media-body{overflow:hidden; }
.mui-table-view .mui-media-large .mui-media-object{line-height:80px; max-width:80px; height:80px; }
.mui-table-view .mui-media .mui-subtitle{color:#000; }
.mui-table-view .mui-media-object{line-height:42px; max-width:42px; height:42px; }
.mui-table-view .mui-media-object.mui-pull-left{margin-right:10px; }
.mui-table-view .mui-media-object.mui-pull-right{margin-left:10px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object{line-height:29px; max-width:29px; height:29px; margin:-4px 0; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img{line-height:29px; max-width:29px; height:29px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left{margin-right:10px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon{font-size:29px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after{position:absolute;right:0; bottom:0; left:55px; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view .mui-table-view-cell.mui-media-icon:after{height:0 !important; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view{display:block; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before,.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after{height:0 !important; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after{position:absolute; right:0; bottom:0; left:70px; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view-cell > .mui-btn,.mui-table-view-cell > .mui-badge,.mui-table-view-cell > .mui-switch,.mui-table-view-cell > a > .mui-btn,.mui-table-view-cell > a > .mui-badge,.mui-table-view-cell > a > .mui-switch{position:absolute;top:50%; right:15px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.mui-table-view-cell .mui-navigate-right > .mui-btn,.mui-table-view-cell .mui-navigate-right > .mui-badge,.mui-table-view-cell .mui-navigate-right > .mui-switch,.mui-table-view-cell .mui-push-left > .mui-btn,.mui-table-view-cell .mui-push-left > .mui-badge,.mui-table-view-cell .mui-push-left > .mui-switch,.mui-table-view-cell .mui-push-right > .mui-btn,.mui-table-view-cell .mui-push-right > .mui-badge,.mui-table-view-cell .mui-push-right > .mui-switch,.mui-table-view-cell > a .mui-navigate-right > .mui-btn,.mui-table-view-cell > a .mui-navigate-right > .mui-badge,.mui-table-view-cell > a .mui-navigate-right > .mui-switch,.mui-table-view-cell > a .mui-push-left > .mui-btn,.mui-table-view-cell > a .mui-push-left > .mui-badge,.mui-table-view-cell > a .mui-push-left > .mui-switch,.mui-table-view-cell > a .mui-push-right > .mui-btn,.mui-table-view-cell > a .mui-push-right > .mui-badge, .mui-table-view-cell > a .mui-push-right > .mui-switch{right:35px; }
.mui-content > .mui-table-view:first-child{margin-top:15px; }
.mui-table-view-cell.mui-collapse .mui-table-view:before,.mui-table-view-cell.mui-collapse .mui-table-view:after{height:0; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after{height:0; }
.mui-table-view-cell.mui-collapse > .mui-navigate-right:after,.mui-table-view-cell.mui-collapse > .mui-push-right:after{content:'\e581'; }
.mui-table-view-cell.mui-collapse.mui-active{margin-top:-1px; }
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view,.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content{display:block; }
.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right:after,.mui-table-view-cell.mui-collapse.mui-active > .mui-push-right:after{content:'\e580'; }
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active{margin-left:-31px;padding-left:47px; }
.mui-table-view-cell.mui-collapse .mui-collapse-content{position:relative; display:none; overflow:hidden; margin:11px -15px -11px; padding:8px 15px; -webkit-transition:height .35s ease; -o-transition:height .35s ease; transition:height .35s ease; background:white; }
.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group,.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider{width:auto; height:auto; margin:-8px -15px; }
.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider{margin:-8px -16px; }
.mui-table-view-cell.mui-collapse .mui-table-view{display:none; margin-top:11px; margin-right:-15px; margin-bottom:-11px; margin-left:-15px; border:0; }
.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron{margin-right:-65px; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{padding-left:31px; background-position:31px 100%; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{position:absolute; right:0; bottom:0; left:30px; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-table-view.mui-grid-view{font-size:0; display:block; width:100%; padding:0 10px 10px 0; white-space:normal; }
.mui-table-view.mui-grid-view .mui-table-view-cell{font-size:17px; display:inline-block; margin-right:-4px; padding:10px 0 0 14px; text-align:center; vertical-align:middle; background:none; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{width:100%; max-width:100%; height:auto; }
.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn){margin:-10px 0 0 -14px; }
.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn):active,.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn).mui-active{background:none; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size:15px; line-height:15px; display:block; width:100%; height:15px; margin-top:8px; text-overflow:ellipsis; color:#333; }
.mui-table-view.mui-grid-view .mui-table-view-cell:before,.mui-table-view.mui-grid-view .mui-table-view-cell:after{height:0; }
.mui-grid-view.mui-grid-9{margin:0; padding:0; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f2f2f2; }
.mui-grid-view.mui-grid-9:before,.mui-grid-view.mui-grid-9:after{display:table; content:' '; }
.mui-grid-view.mui-grid-9:after{clear:both; }
.mui-grid-view.mui-grid-9:after{position:static; }
.mui-grid-view.mui-grid-9 .mui-table-view-cell{margin:0; padding:11px 15px; vertical-align:top; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active{background-color:#eee; }
.mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn){margin:0; padding:10px 0; }
.mui-grid-view.mui-grid-9:before{height:0; }
.mui-grid-view.mui-grid-9 .mui-media{color:#797979; }
.mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size:2.4em; position:relative; }


card.css

.mui-card{font-size:14px; position:relative; overflow:hidden; margin:10px; border-radius:2px; background-color:white; background-clip:padding-box; box-shadow:0 1px 2px rgba(0,0,0,.3); }
.mui-content > .mui-card:first-child{margin-top:15px; }
.mui-card .mui-input-group:before,.mui-card .mui-input-group:after{height:0; }
.mui-card .mui-input-group .mui-input-row:last-child:before,.mui-card .mui-input-group .mui-input-row:last-child:after{height:0; }
.mui-card .mui-table-view{margin-bottom:0; border-top:0; border-bottom:0; border-radius:6px; }
.mui-card .mui-table-view .mui-table-view-divider:first-child,.mui-card .mui-table-view .mui-table-view-cell:first-child{top:0; border-top-left-radius:6px; border-top-right-radius:6px; }
.mui-card .mui-table-view .mui-table-view-divider:last-child,.mui-card .mui-table-view .mui-table-view-cell:last-child{border-bottom-right-radius:6px; border-bottom-left-radius:6px; }
.mui-card .mui-table-view:before,.mui-card .mui-table-view:after{height:0; }
.mui-card > .mui-table-view > .mui-table-view-cell:last-child:before,.mui-card > .mui-table-view > .mui-table-view-cell:last-child:after{height:0; }
.mui-card-header,.mui-card-footer{position:relative; display:-webkit-box; display:-webkit-flex; display:flex; min-height:44px; padding:10px 15px; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.mui-card-header .mui-card-link,.mui-card-footer .mui-card-link{line-height:44px; position:relative; display:-webkit-box; display:-webkit-flex; display:flex; height:44px; margin-top:-10px; margin-bottom:-10px; -webkit-transition-duration:.3s; transition-duration:.3s; text-decoration:none; -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.mui-card-header:after,.mui-card-footer:before{position:absolute; top:0; right:0; left:0; height:1px; content:''; -webkit-transform:scaleY(.5); transform:scaleY(.5); background-color:#c8c7cc; }
.mui-card-header{font-size:17px; border-radius:2px 2px 0 0; }
.mui-card-header:after{top:auto; bottom:0; }
.mui-card-header > img:first-child{font-size:0; line-height:0; float:left; width:34px; height:34px; }
.mui-card-footer{color:#6d6d72; border-radius:0 0 2px 2px; }
.mui-card-content{font-size:14px; position:relative; }
.mui-card-content-inner{position:relative; padding:15px; }
.mui-card-media{vertical-align:bottom; color:#fff; background-position:center; background-size:cover; }
.mui-card-header.mui-card-media{display:block; padding:10px; }
.mui-card-header.mui-card-media .mui-media-body{font-size:14px; font-weight:500; line-height:17px; margin-bottom:0; margin-left:44px; color:#333; }
.mui-card-header.mui-card-media .mui-media-body p{font-size:13px; margin-bottom:0; }


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回