Car/Admin/Css/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

body{font-family: 'Lantinghei SC','microsoft yahei', Tahoma, Helvetica, SimSun, sans-serif;}

.body-bottom{margin-bottom: 50px;}
.icon-arrow-down, .icon-notice { display: block; width: 16px; height: 16px; background: url(../images/icon_set.png) no-repeat; }
.icon-arrow-down { background-position: 0 0; }
.icon-notice { background-position: -26px 0; }

/*框架*/
.view-topbar {position: relative; position: fixed;  width: 100%; min-width: 640px; height: 50px; background: #2a94de; z-index: 101; }
.view-body { position: absolute; width: 100%; min-width: 1200px; top: 50px; bottom: 0px; background-color: #000; }
.view-body .view-sidebar { position: fixed; top: 50px; bottom: 0px; background-color: #293038; z-index: 102; }
.view-product { width: calc(100% - 180px); position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;padding-bottom:50px;overflow: auto; background: #FFF; }
#main-frame { width: 100%; height: 100%;}
.view-topbar .topbar-btn { color: #fff; font-size: 14px; line-height: 50px; }
.view-topbar .topbar-btn:hover, .view-topbar .topbar-btn.topbar-btn-dark { background: #1380cb; }

.dropdown { position: relative; }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; float: left; min-width: 160px; font-size: 12px; list-style: none; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 1px 3px #e5e5e5; -moz-box-shadow: 0 1px 3px #e5e5e5; box-shadow: 0 1px 3px #e5e5e5; z-index: 1000; }

/*框架头部内容*/
.tobar-head { width: 180px; }
.tobar-head .topbar-logo { display: block; padding: 15px; width: 50px; height: 50px; background: #097ac8; }
.topbar-console .topbar-home-link { width: 130px; border-right: 1px solid #008fbf; }
.topbar-info { position: absolute; right: 0; top: 0; background: #008fbf; }
.topbar-info .topbar-notice { position: relative; margin-left: 1px; padding: 0 20px; }
.topbar-info .topbar-notice .icon-notice { float: left; margin: 17px 5px 17px 0; }
.topbar-info .topbar-notice .topbar-num { font-size: 12px; color: #00ace9; background: #0087b4; border-radius: 5px; padding: 2px 5px; display: inline-block; margin-top: 15px; line-height: 16px; vertical-align: top; text-align: center; }
.topbar-info .topbar-notice .topbar-num.have { color: #fff; background: #f90; }
.topbar-info .topbar-info-item { margin-left: 1px; }
.view-topbar .topbar-info .topbar-btn { padding: 0 10px; height: 50px; display: block; z-index: 2; background: #2a94de; }
.topbar-info .topbar-btn:hover,.topbar-info .topbar-btn.topbar-btn-dark { background: #1380cb; }
.topbar-info .dropdown-menu { width: 100%; z-index: 1; }
.topbar-info .icon-arrow-down { float: right; margin: 17px 0 17px 5px; }
.topbar-info .dropdown-menu { width: 100%; min-width: 0px; margin-top: -1px; }
.topbar-info .dropdown-menu li { border-bottom: 1px solid #eaedf1; }
.topbar-info .dropdown-menu a { display: block; padding-left: 10px; color: #333; line-height: 40px; }
.topbar-info .dropdown-menu a:hover { color: #262626; background-color: #f5f5f5; }
.topbar-info .dropdown.open .topbar-btn { color: #333; background: #fff; border-bottom: 1px solid #eaedf1; position: relative; }
.topbar-info .dropdown.open .dropdown-menu { display: block; }
.topbar-info .dropdown.open .icon-arrow-down { background-position: 0 -26px; }

/*框架左侧导航*/
.sidebar-content { width: 180px; overflow: hidden; }
.sidebar-nav a { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; }
.sidebar-nav .sidebar-title a { background-color: #0b7fc6; }
.sidebar-nav .sidebar-title a:hover { background-color: #FF5722;color:#fff }
.sidebar-nav .sidebar-title .icon { float: left; padding: 12px 17px; width: 50px; height: 40px;background: none; }
.sidebar-nav .sidebar-title .icon b { transition: all 0.2s; }
.sidebar-nav .sidebar-trans li a:hover { background-color: #FFB800; color:#fff;}
.sidebar-nav .sidebar-trans li.active a { background: #2a94de; }
.sidebar-nav .sidebar-trans .sidebar-icon { float: left; padding: 12px 17px; width: 50px; height: 40px; opacity: 0.65; filter: alpha(opacity=65); }
.sidebar-nav .sidebar-trans a:hover .sidebar-icon,
.sidebar-nav .sidebar-trans li.active .sidebar-icon { opacity: 1; filter: alpha(opacity=100); }
.sidebar-nav .sidebar-trans .sidebar-icon img { display: block; width: 16px; height: 16px; }
.sidebar-nav-fold .sidebar-title a { border-bottom: 1px solid #0b7fc6; background-color: #0b7fc6; }
.sidebar-nav-fold .sidebar-title .icon b { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
.show-side {position: absolute;left: 0;bottom: 0px;width: 100%;height: 14px;text-align: center;display: none;}
.show-side.show{display: block;}
.show-side .top {background-position: right top;}
.show-side a {display: inline-block;margin: 0 5px;width: 50px;height: 14px;background: url(../images/show_side.png) no-repeat;  border: 1px solid #000;  border-bottom: 0;border-top-left-radius: 6px;  border-top-right-radius: 6px;}