创建版本
This commit is contained in:
@@ -0,0 +1,446 @@
|
||||
.ag-theme-balham {
|
||||
color: #444;
|
||||
}
|
||||
.ag-theme-balham, .ag-theme-balham .ag-header {
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
|
||||
}
|
||||
.ag-theme-balham .ag-paging-panel {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ag-paging-panel .ag-icon {
|
||||
font-size: 18px;
|
||||
}
|
||||
.ag-theme-balham .ag-ltr .ag-cell {
|
||||
border-width: 0 1px 0 0;
|
||||
border-right-color: #d9dcde;
|
||||
}
|
||||
.ag-theme-balham .ag-paging-panel {
|
||||
border-top: 0;
|
||||
}
|
||||
.ag-theme-balham .ag-root {
|
||||
border-left-width: 0;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-status-bar {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-filter .ag-set-filter-item {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.ag-theme-balham.ag-bordered .ag-root {
|
||||
border-left-width: 1px;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.form-grid .ag-theme-balham .ag-root {
|
||||
border: 1px solid #BDC3C7;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-paging-panel {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-header {
|
||||
color: #555;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-header-cell::after, .ag-theme-balham .ag-header-group-cell::after {
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell {
|
||||
border-right-width: 1px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-header-select-all {
|
||||
padding-left: 8px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ag-header-group-cell-label {
|
||||
justify-content: center;
|
||||
}
|
||||
.ag-header-cell-label {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
|
||||
overflow: hidden;
|
||||
background-color: #f0f3f4;
|
||||
}
|
||||
|
||||
.ag-cell.text-center .ag-cell-wrapper {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ag-header-cell-sorted-none .ag-sort-none-icon {
|
||||
display: block !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
.ag-horizontal-right-spacer {
|
||||
background-color: #f0f3f4;
|
||||
}
|
||||
|
||||
.ag-floating-bottom {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row-odd {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row-hover {
|
||||
background-color: #ECF0F1;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row-focus {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-center-cols-viewport .ag-row-warn {
|
||||
background-color:#F5AFB8 !important;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row-selected {
|
||||
background-color: #e2eff8;
|
||||
border-color: #d9dcde;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected),
|
||||
.ag-theme-balham .ag-ltr .ag-cell-focus.ag-cell-range-single-cell,
|
||||
.ag-theme-balham .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle {
|
||||
padding-left: 4px;
|
||||
line-height: 24px;
|
||||
border: 1px solid #0091EA;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-input-wrapper input:not([type]),
|
||||
.ag-theme-balham .ag-input-wrapper input[type="text"],
|
||||
.ag-theme-balham .ag-input-wrapper input[type="number"],
|
||||
.ag-theme-balham .ag-input-wrapper input[type="tel"],
|
||||
.ag-theme-balham .ag-input-wrapper input[type="date"],
|
||||
.ag-theme-balham .ag-input-wrapper input[type="datetime-local"],
|
||||
.ag-theme-balham .ag-input-wrapper .ag-cell-edit-input {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
padding-left: 4px;
|
||||
padding-bottom: 1px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 添加必填提示 */
|
||||
.ag-theme-balham .ag-header-cell.cell-required {
|
||||
background-color:#FFFFE6;
|
||||
}
|
||||
|
||||
.ag-header-cell-label .ag-header-cell-text {
|
||||
text-overflow: clip;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-cell {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
text-overflow: clip;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row-first {
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-row:not(.ag-row-first) {
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-ltr .ag-cell.ag-cell-inline-editing {
|
||||
border-radius: 0;
|
||||
padding-left: 0;
|
||||
border: 1px solid #0091EA;
|
||||
/*
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
*/
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ag-theme-balham .form-control {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
padding-left: 4px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-selection-checkbox {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-icon-checkbox-checked,
|
||||
.ag-theme-balham .ag-icon-checkbox-indeterminate,
|
||||
.ag-theme-balham .ag-icon-checkbox-unchecked {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-header {
|
||||
background-color: #f0f3f4;
|
||||
}
|
||||
|
||||
.ui-paging-container { color:#666;font-size:12px; }
|
||||
.ui-paging-container ul{ overflow:hidden;text-align:center; padding:0; margin-bottom:0; }
|
||||
.ui-paging-container ul,
|
||||
.ui-paging-container li { list-style:none; float: left; }
|
||||
.ui-paging-container li { display:inline-block; padding:3px 6px; margin-left: 2px; color:#666; }
|
||||
.ui-paging-container li.ui-pager { cursor:pointer; padding:3px 8px; border:1px solid #ddd; }
|
||||
.ui-paging-container li.ui-pager:hover,
|
||||
.ui-paging-container li.focus { background-color: #288df0; border:1px solid #288df0; color:#FFFFFF; }
|
||||
.ui-paging-container li.ui-paging-ellipse { border:none; }
|
||||
.ui-paging-container li.ui-paging-toolbar { padding:0; }
|
||||
.ui-paging-container li.ui-paging-toolbar select { padding:0; line-height:23px; height:25px; color: #666; }
|
||||
.ui-paging-container li.ui-paging-toolbar input { line-height: 23px; height:25px; padding:0; text-align:center; width:30px;margin:0 0 0 2px;vertical-align: middle; }
|
||||
.ui-paging-container li.ui-paging-toolbar a { vertical-align: middle; text-decoration: none;display: inline-block;height:25px;border:1px solid #ddd;vertical-align:top;line-height:23px;padding:0 6px;cursor:pointer;margin-left:2px;color: #666; }
|
||||
.ui-paging-container li.ui-paging-toolbar a:hover { background-color: #288df0; border:1px solid #288df0; color:#fff; }
|
||||
.ui-paging-container li.ui-pager-disabled,
|
||||
.ui-paging-container li.ui-pager-disabled:hover{ background-color: #f6f6f6;border:1px solid #f6f6f6;cursor:default; color:#ddd; }
|
||||
.ag-pager {
|
||||
padding: 5px;
|
||||
}
|
||||
.ag-pager .js-page-total {
|
||||
float: right;
|
||||
line-height:23px;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .options a {
|
||||
text-decoration: none;
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.ag-theme-balham .options a:hover {
|
||||
color: #23527c;
|
||||
}
|
||||
|
||||
.ag-theme-balham .ag-overlay-loading-center {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* row合并样式 */
|
||||
.ag-theme-balham .ag-row .ag-cell-span {
|
||||
background-color: #fff;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: #d9dcde;
|
||||
}
|
||||
.ag-theme-balham .ag-row .ag-cell-span:after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
content: "";
|
||||
}
|
||||
.ag-theme-balham .ag-row-focus .ag-cell-span {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
.ag-theme-balham .ag-row-selected .ag-cell-span {
|
||||
background-color: #e2eff8;
|
||||
}
|
||||
.ag-theme-balham .ag-row-first .ag-cell-span {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.option-item-empty {
|
||||
display: none;
|
||||
background-color: #eee;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.combo-select {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.combo-arrow {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
line-height: 26px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 24px;
|
||||
color: #999;
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
border: none;
|
||||
display: block;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.combo-arrow i {
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.combo-arrow:hover i {
|
||||
color: #51A7E8;
|
||||
}
|
||||
|
||||
.combo-arrow-open {
|
||||
border-color: #51A7E8;
|
||||
}
|
||||
.combo-arrow-open i {
|
||||
color: #51A7E8;
|
||||
}
|
||||
|
||||
.combo-focus {
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
border-color: #51A7E8;
|
||||
}
|
||||
|
||||
.combo-select select {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
-webkit-appearance: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.option-selected {
|
||||
background-color: #eee;
|
||||
}
|
||||
.option-hover {
|
||||
background-color: #0e90d2;
|
||||
color: #fff;
|
||||
}
|
||||
.option-item {
|
||||
cursor: pointer;
|
||||
border-bottom: 1px #e3e3e3 solid;
|
||||
}
|
||||
|
||||
.option-item i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.option-item:hover {
|
||||
background-color: #0e90d2;
|
||||
color: #fff;
|
||||
}
|
||||
.option-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.option-group {
|
||||
cursor: text;
|
||||
font-weight: 600;
|
||||
background: #e1e1e1;
|
||||
border: 1px #ccc solid;
|
||||
border-width: 1px 0;
|
||||
}
|
||||
|
||||
.option-disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.combo-dropdown {
|
||||
min-width: 100%;
|
||||
max-width: 300px;
|
||||
max-height: 200px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
overflow-y: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #51A7E8;
|
||||
border-top: 0px solid #ccc;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.combo-dropdown li {
|
||||
list-style: none;
|
||||
padding: 6px 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.combo-open .combo-dropdown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.combo-marker {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.dialog-jqgrid .ui-jqgrid-pager {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.grid-tool .btn-xs {
|
||||
padding: 3px 8px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.gdoo-gird-suggest {
|
||||
padding: 5px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #0091EA;
|
||||
z-index: 99;
|
||||
max-height: 200px;
|
||||
max-width: 820px;
|
||||
min-width: 620px;
|
||||
}
|
||||
|
||||
/*
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar {
|
||||
width: 15px;
|
||||
height: 15px
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb {
|
||||
background-color: #c2c2c2;
|
||||
border-radius: 10px;
|
||||
background-clip: content-box
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #7d7d7d;
|
||||
border-radius: 10px;
|
||||
background-clip: content-box
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb:vertical,
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb:vertical:hover {
|
||||
border: 3px solid transparent;
|
||||
border-left-width: 4px
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb:horizontal,
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-thumb:horizontal:hover {
|
||||
border: 3px solid transparent;
|
||||
border-top: 4px solid transparent
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-track {
|
||||
background-color: #fafafa
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-track:vertical {
|
||||
border-left: 1px solid #BDC3C7
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-track:horizontal {
|
||||
border-top: 1px solid #BDC3C7
|
||||
}
|
||||
|
||||
.ag-theme-balham:not(.dark) ::-webkit-scrollbar-corner {
|
||||
background-color: #fafafa
|
||||
}
|
||||
*/
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 231 B |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,926 @@
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 简单 */
|
||||
body.theme-primary,
|
||||
body.theme-primary .main-content {
|
||||
background-color: #f0f3f4;
|
||||
}
|
||||
body.theme-primary .navbar {
|
||||
color: #7793a7;
|
||||
background-color: #32374a;
|
||||
}
|
||||
|
||||
body.theme-primary .side-nav {
|
||||
background-color: #fff;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
body.theme-primary .side-nav ul li > a,
|
||||
body.theme-primary .side-nav ul li > a .fa {
|
||||
color: #666;
|
||||
}
|
||||
body.theme-primary .side-nav ul li.hover > a,
|
||||
body.theme-primary .side-nav ul li.hover > a .fa {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1170px) {
|
||||
body.theme-primary .side-nav ul.profile li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
body.theme-primary .side-nav ul.profile li > a:hover .fa {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* 蓝色 */
|
||||
body.theme-blue2,
|
||||
body.theme-blue2 .main-content {
|
||||
background-color: #f0f3f4;
|
||||
}
|
||||
body.theme-blue2 .navbar {
|
||||
color: #7793a7;
|
||||
background-color: #1890ff;
|
||||
}
|
||||
body.theme-blue2 .side-nav {
|
||||
background-color: #304156;
|
||||
}
|
||||
|
||||
/* 淡紫色 */
|
||||
body.theme-lilac,
|
||||
body.theme-lilac .main-content,
|
||||
body.theme-lilac .nav-scroll {
|
||||
background: #614385;
|
||||
background: -webkit-linear-gradient(to left, #614385 , #516395);
|
||||
background: linear-gradient(to left, #614385 , #516395);
|
||||
}
|
||||
|
||||
body.theme-green,
|
||||
body.theme-green .main-content,
|
||||
body.theme-green .nav-scroll {
|
||||
color: #7793a7;
|
||||
background: #5aba1f;
|
||||
background: -webkit-linear-gradient(to left, #54972a, #5aba1f);
|
||||
background: linear-gradient(to left, #54972a, #5aba1f);
|
||||
|
||||
background-color: #21825c;
|
||||
background-image: -webkit-linear-gradient(top left, #21825c 0%, #a4d792 100%);
|
||||
background-image: linear-gradient(to bottom right, #21825c 0%, #a4d792 100%);
|
||||
}
|
||||
|
||||
/* 自然蓝 */
|
||||
body.theme-blue,
|
||||
body.theme-blue .main-content,
|
||||
body.theme-blue .nav-scroll {
|
||||
background: #0b6fab;
|
||||
background: -webkit-linear-gradient(-45deg, #0b6fab 0%,#1b91b5 40%,#1e97b4 53%,#2689a6 67%,#2b6082 100%);
|
||||
background: linear-gradient(135deg, #0b6fab 0%,#1b91b5 40%,#1e97b4 53%,#2689a6 67%,#2b6082 100%);
|
||||
}
|
||||
|
||||
/* 木质纸 */
|
||||
body.theme-wood {
|
||||
background-image: url(../images/bg2.jpg);
|
||||
background-position: right 0;
|
||||
background-size: 1920px 100%;
|
||||
}
|
||||
|
||||
/* 个性紫 */
|
||||
body.theme-purple {
|
||||
background-image: url(../images/bg1.jpg);
|
||||
background-size: 93px 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.navbar-nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbar-header {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-header .navbar-brand+.btn {
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.nav-user {
|
||||
margin:0;
|
||||
padding:15px;
|
||||
}
|
||||
.nav-user.open {
|
||||
display:inherit !important;
|
||||
}
|
||||
.nav-user .dropdown-menu {
|
||||
display:block;
|
||||
position:static;
|
||||
float:none;
|
||||
}
|
||||
.nav-user .dropdown>a {
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-size:18px;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
.nav-user .avatar {
|
||||
width:140px !important;
|
||||
float:none !important;
|
||||
display:block;
|
||||
margin:20px auto;
|
||||
padding:5px;
|
||||
background-color:rgba(82, 36, 36, 0.1);
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.nav-user .avatar:before {
|
||||
content:"";
|
||||
position:absolute;
|
||||
left:5px;
|
||||
right:5px;
|
||||
bottom:5px;
|
||||
top:5px;
|
||||
border:4px solid #fff;
|
||||
border-radius:500px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-header>.btn {
|
||||
position: absolute;
|
||||
font-size: 1.3em;
|
||||
padding: 9px 16px;
|
||||
line-height: 30px;
|
||||
left: 0;
|
||||
}
|
||||
.btn {
|
||||
font-weight: 500;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.btn-link {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav>li>a:focus, .nav>li>a:hover {
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: 0.7;
|
||||
-khtml-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.notify-box {
|
||||
position: relative;
|
||||
}
|
||||
.notify-box .pulse {
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
border: 3px solid #f05050;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background-color: #f05050;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
left: -100px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.notify-box .pulse-right {
|
||||
left: auto !important;
|
||||
right: 22px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.notify-box .pulse-right {
|
||||
top: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-content {
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
}
|
||||
.main-content::before {
|
||||
display: none;
|
||||
content: 'mobile';
|
||||
}
|
||||
|
||||
.nav-scroll {
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
.nav-scroll.nav-is-visible {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.side-nav-avatar {
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 0;
|
||||
}
|
||||
.side-nav-avatar a {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.navbar-header .folded {
|
||||
/*
|
||||
width:0;
|
||||
height:0;
|
||||
border-width:0 0 25px 25px;
|
||||
border-style:solid;
|
||||
border-color:transparent transparent transparent rgba(255, 255, 255, 0.1);
|
||||
*/
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
width:18px;
|
||||
height:18px;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
display: none;
|
||||
border-radius: 0 0 50% 0;
|
||||
}
|
||||
|
||||
.navbar-header .folded .fa {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 4px;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.nav-user .avatar.thumb-xs {
|
||||
width: 28px;
|
||||
}
|
||||
.main-content {
|
||||
margin-left: 100px;
|
||||
}
|
||||
.main-content::before {
|
||||
content: 'tablet';
|
||||
}
|
||||
.nav-scroll.nav-is-visible {
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.navbar-header {
|
||||
width: 140px;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
/*
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
*/
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.navbar-header .folded {
|
||||
display: block;
|
||||
}
|
||||
.main-content {
|
||||
margin-left: 140px;
|
||||
}
|
||||
.main-content::before {
|
||||
content: 'desktop';
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
float: none;
|
||||
text-align:center;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
display:inline-block;
|
||||
padding:0 15px;
|
||||
font-weight:bold;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.navbar-brand:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: 0.7;
|
||||
-khtml-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
display: inline-block;
|
||||
max-height:20px;
|
||||
margin-top:-4px;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.nav-trigger {
|
||||
float: right;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 50px;
|
||||
margin-right: 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
color: transparent;
|
||||
}
|
||||
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
height: 3px;
|
||||
width: 20px;
|
||||
background: #ffffff;
|
||||
}
|
||||
.nav-trigger span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
margin-top: -2px;
|
||||
-webkit-transition: background 0.2s;
|
||||
-moz-transition: background 0.2s;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.nav-trigger span::before, .nav-trigger span::after {
|
||||
content: '';
|
||||
right: 0;
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform-origin: 0% 50%;
|
||||
-moz-transform-origin: 0% 50%;
|
||||
-ms-transform-origin: 0% 50%;
|
||||
-o-transform-origin: 0% 50%;
|
||||
transform-origin: 0% 50%;
|
||||
-webkit-transition: -webkit-transform 0.2s;
|
||||
-moz-transition: -moz-transform 0.2s;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.nav-trigger span::before {
|
||||
top: -6px;
|
||||
}
|
||||
.nav-trigger span::after {
|
||||
top: 6px;
|
||||
}
|
||||
.nav-trigger.nav-is-visible span {
|
||||
background: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.nav-trigger.nav-is-visible span::before, .nav-trigger.nav-is-visible span::after {
|
||||
background: white;
|
||||
}
|
||||
.nav-trigger.nav-is-visible span::before {
|
||||
-webkit-transform: translateX(4px) translateY(0px) rotate(45deg);
|
||||
-moz-transform: translateX(4px) translateY(0px) rotate(45deg);
|
||||
-ms-transform: translateX(4px) translateY(0px) rotate(45deg);
|
||||
-o-transform: translateX(4px) translateY(0px) rotate(45deg);
|
||||
transform: translateX(4px) translateY(0px) rotate(45deg);
|
||||
}
|
||||
.nav-trigger.nav-is-visible span::after {
|
||||
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
|
||||
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
|
||||
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
|
||||
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
|
||||
transform: translateX(4px) translateY(2px) rotate(-45deg);
|
||||
}
|
||||
|
||||
/* -------------------------------- Sidebar -------------------------------- */
|
||||
.side-nav {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 2px 116px 8px 0 rgba(29,35,41,.05);
|
||||
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
max-height: 100vh;
|
||||
overflow: hidden;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
|
||||
-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
|
||||
transition: opacity 0.2s 0s, visibility 0s 0.2s;
|
||||
}
|
||||
.side-nav.nav-is-visible {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
overflow: visible;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
|
||||
-moz-transition: opacity 0.2s 0s, visibility 0s 0s;
|
||||
transition: opacity 0.2s 0s, visibility 0s 0s;
|
||||
max-height: none;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.side-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.side-nav ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.side-nav ul ul li a {
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.side-nav ul ul li ul li a {
|
||||
margin-left: 66px;
|
||||
}
|
||||
|
||||
.side-nav > ul:last-of-type {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.side-nav .label, .side-nav a {
|
||||
display: block;
|
||||
padding: 10px 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.side-nav .label {
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
color: #646a6f;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.side-nav a {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.side-nav .icon {
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
background-color:#ccc;
|
||||
border-radius: 4px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.side-nav .fa {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
.side-nav > ul > li {
|
||||
/* background: url(../images/side-nav.png) repeat-x bottom; */
|
||||
}
|
||||
.side-nav > ul > li.label {
|
||||
background: transparent;
|
||||
}
|
||||
.side-nav > ul > li > a {
|
||||
padding-left: calc(5% + 5px);
|
||||
}
|
||||
|
||||
.side-nav > ul > li:last-child > a {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.side-nav > ul > li .fa {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.side-nav > ul > li .text,
|
||||
.side-nav > ul > li .text-active {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.side-nav > ul > li .hover > a .text {
|
||||
display: none;
|
||||
}
|
||||
.side-nav > ul > li .hover > a .text-active {
|
||||
display: inline-block !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-nav .selected > a .text {
|
||||
display: none;
|
||||
}
|
||||
.side-nav .selected > a .text-active {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
/* notification badge */
|
||||
.side-nav .count {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
right: calc(5% + 16px + 0.4em);
|
||||
padding: 0.2em 0.4em;
|
||||
background-color: #ff7e66;
|
||||
border-radius: .25em;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.side-nav .pulse {
|
||||
left: 17px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
/* reset style */
|
||||
.side-nav {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: auto;
|
||||
width: 100px;
|
||||
min-height: calc(100vh - 50px);
|
||||
padding-top: 0;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
overflow: visible;
|
||||
max-height: none;
|
||||
|
||||
background: transparent;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.side-nav.nav-is-visible {
|
||||
box-shadow: none;
|
||||
}
|
||||
.side-nav.is-fixed {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.side-nav ul ul li a {
|
||||
margin-left: 0;
|
||||
}
|
||||
.side-nav ul ul li ul li a {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.side-nav .label {
|
||||
display: none;
|
||||
}
|
||||
.side-nav a {
|
||||
text-align: center;
|
||||
}
|
||||
.side-nav > ul > li > a {
|
||||
padding: 1.5em 0 1.5em;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a .title {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a .text,
|
||||
.side-nav > ul > li > a .text-active,
|
||||
.side-nav > ul > li.selected > a .text,
|
||||
.side-nav > ul > li.selected > a .text-active {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > ul > li .fa {
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a::before {
|
||||
left: 50%;
|
||||
right: auto;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-moz-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
-o-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
top: 2.4em;
|
||||
}
|
||||
.side-nav .active > a {
|
||||
box-shadow: inset 3px 0 0 #1784c7;
|
||||
background-color: #33383e;
|
||||
}
|
||||
.side-nav .count {
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
|
||||
padding: 0;
|
||||
top: 2em;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-moz-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
-o-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
left: calc(50% + 5px);
|
||||
right: auto;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1170px) {
|
||||
|
||||
.side-nav {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.side-nav > ul ul {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 叠着 */
|
||||
.side-folded .side-nav {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.side-folded .navbar-header {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.side-folded .navbar-header .navbar-brand {
|
||||
text-align: center;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.side-folded .navbar-header .navbar-brand-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.side-folded .main-content {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.side-folded .side-nav > ul ul {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.side-folded .side-nav > ul > li > a {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.side-folded .side-nav > ul > li > a span.title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.side-folded .side-nav-avatar {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.side-folded .avatar {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.side-folded .avatar.thumb-md {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.side-folded .avatar.thumb-md i {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.side-folded .text-avatar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.side-nav > ul {
|
||||
padding: 0;
|
||||
}
|
||||
.side-nav > ul > li:hover > a {
|
||||
background-color: #1784c7;
|
||||
}
|
||||
.side-nav > ul > li > a {
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a .title {
|
||||
padding-left: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a .fa {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a .text,
|
||||
.side-nav > ul > li > a .text-active {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.side-nav ul ul li {
|
||||
border-top: none;
|
||||
}
|
||||
.side-nav ul ul li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
.side-nav ul ul ul li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.side-nav > ul > li > a::before {
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 18px;
|
||||
}
|
||||
.side-nav .label {
|
||||
display: block;
|
||||
padding: 1em 18px;
|
||||
}
|
||||
.side-nav .count {
|
||||
color: #ffffff;
|
||||
height: auto;
|
||||
width: auto;
|
||||
border-radius: .25em;
|
||||
padding: .2em .4em;
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
right: 15px;
|
||||
left: auto;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-children ul {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.has-children ul a {
|
||||
color: #021a29;
|
||||
}
|
||||
|
||||
.has-children ul li {
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
.has-children ul li ul li {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.has-children ul li ul {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.has-children.selected > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.has-children {
|
||||
position: relative;
|
||||
}
|
||||
.has-children ul {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
width: 180px;
|
||||
padding: 5px 0;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
|
||||
border: 1px solid #E0E4E8;
|
||||
}
|
||||
.has-children ul li {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.has-children ul li a {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.has-children ul li {
|
||||
border-top: none;
|
||||
}
|
||||
.has-children ul li ul li {
|
||||
border-top: none;
|
||||
}
|
||||
.has-children ul li ul {
|
||||
top: -6px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.no-touch .has-children > ul .hover > a,
|
||||
.no-touch .has-children > ul .hover > ul > li > a:hover {
|
||||
color: #fff;
|
||||
background-color: #1784c7;
|
||||
}
|
||||
|
||||
.side-nav .has-children.selected > a,
|
||||
.side-nav .has-children.selected > a .fa {
|
||||
color: #fff;
|
||||
background-color: #1784c7;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.has-children > ul {
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.has-children ul a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.has-children.active > ul {
|
||||
position: relative;
|
||||
display: block;
|
||||
left: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.has-children.hover > ul {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
|
||||
border: 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tab-pane { height: 100%; width: 100%; display: none; }
|
||||
.tab-pane.active { display: block; }
|
||||
|
||||
.tabs-list { float: left; border-bottom: 0; }
|
||||
|
||||
.tabs-list li { position: relative; border-right: 1px solid rgba(0,0,0,0.1); }
|
||||
.tabs-list li:first-child { border-left:0; }
|
||||
|
||||
.tabs-list li.active > a { background: rgba(0, 0, 0, 0.1); }
|
||||
.tabs-list li a { padding-top: 15px; padding-bottom: 15px; }
|
||||
|
||||
.tabs-list li > .tab-close {
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
z-index: 100;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-list li:hover > .tab-close {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-drop {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.rightMenu {
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dragBack {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#tabs-content {
|
||||
height: calc(100vh - 50px);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,180 @@
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding: 20px 0 20px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.timeline:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 3px;
|
||||
margin-left: -1.5px;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
.timeline > li {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.timeline > li:before,
|
||||
.timeline > li:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.timeline > li:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.timeline > li:before,
|
||||
.timeline > li:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.timeline > li:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-panel {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 46%;
|
||||
padding: 20px;
|
||||
border: 1px solid #d4d4d4;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);
|
||||
box-shadow: 0 1px 6px rgba(0,0,0,0.175);
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-panel:before {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: -15px;
|
||||
border-top: 15px solid transparent;
|
||||
border-right: 0 solid #ccc;
|
||||
border-bottom: 15px solid transparent;
|
||||
border-left: 15px solid #ccc;
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-panel:after {
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
right: -14px;
|
||||
border-top: 14px solid transparent;
|
||||
border-right: 0 solid #fff;
|
||||
border-bottom: 14px solid transparent;
|
||||
border-left: 14px solid #fff;
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-badge {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 50%;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
border-radius: 50% 50% 50% 50%;
|
||||
text-align: center;
|
||||
font-size: 1.4em;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
background-color: #999999;
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel:before {
|
||||
right: auto;
|
||||
left: -15px;
|
||||
border-right-width: 15px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel:after {
|
||||
right: auto;
|
||||
left: -14px;
|
||||
border-right-width: 14px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.timeline-badge.primary {
|
||||
background-color: #2e6da4 !important;
|
||||
}
|
||||
|
||||
.timeline-badge.success {
|
||||
background-color: #3f903f !important;
|
||||
}
|
||||
|
||||
.timeline-badge.warning {
|
||||
background-color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
.timeline-badge.danger {
|
||||
background-color: #d9534f !important;
|
||||
}
|
||||
|
||||
.timeline-badge.info {
|
||||
background-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
.timeline-title {
|
||||
margin-top: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.timeline-body > p,
|
||||
.timeline-body > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.timeline-body > p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
ul.timeline:before {
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel {
|
||||
width: calc(100% - 90px);
|
||||
width: -moz-calc(100% - 90px);
|
||||
width: -webkit-calc(100% - 90px);
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-badge {
|
||||
top: 16px;
|
||||
left: 15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel {
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel:before {
|
||||
right: auto;
|
||||
left: -15px;
|
||||
border-right-width: 15px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel:after {
|
||||
right: auto;
|
||||
left: -14px;
|
||||
border-right-width: 14px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
@charset "UTF-8";
|
||||
.mobile-preview{position:relative;width:317px;height:580px;background:url("../images/mobile_head.png") no-repeat 0 0;border:1px solid #e7e7eb}
|
||||
.mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px;-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
||||
.mobile-body{width:100%;position:absolute;bottom:0;top:60px}
|
||||
.mobile-body iframe{width:100%;height:100%;background:#fff}
|
||||
.mobile-footer{list-style-type:none;height:50px;margin:0;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #e7e7eb;background:url("../images/mobile_foot.png") no-repeat 0 0; padding-left:43px}
|
||||
.mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
|
||||
.mobile-footer li a{display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
|
||||
.mobile-footer li a.active{height:50px;background-color:#fff;border:1px solid #44b549 !important}
|
||||
.mobile-footer .icon-add{background:url("../images/index.png") 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none !important}
|
||||
.mobile-footer .icon-sub{background:url("../images/index.png") 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
|
||||
.mobile-footer .sub-menu{position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
|
||||
.mobile-footer .sub-menu ul,
|
||||
.mobile-footer .sub-menu li{padding:0;display:block;width:100%;float:none;z-index:11}
|
||||
.mobile-footer .sub-menu li a{border:1px solid rgba(255, 255, 255, 0)}
|
||||
.mobile-footer .sub-menu li a.bottom-border{border-bottom:1px solid #e7e7eb}
|
||||
.mobile-footer .arrow{position:absolute;left:50%;margin-left:-6px}
|
||||
.mobile-footer .arrow_in, .mobile-footer .arrow_out{z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
|
||||
.mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
|
||||
.mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}
|
||||
|
||||
.row { margin-right: -15px; margin-left: -15px; }
|
||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
|
||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
|
||||
.col-xs-10 { width: 83.3333%; }
|
||||
.col-xs-8 { width: 66.6667%; }
|
||||
.col-xs-6 { width: 50%; }
|
||||
.col-xs-5 { width: 41.6667%; }
|
||||
.col-xs-3 { width: 25%; }
|
||||
.col-xs-offset-1 { margin-left: 8.33333%; }
|
||||
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
|
||||
@media screen and (max-width: 767px) {
|
||||
}
|
||||
label { display: inline-block; max-width: 100%; margin-bottom: 5px;}
|
||||
input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; }
|
||||
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline-offset: -2px; }
|
||||
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
|
||||
.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); }
|
||||
.form-control::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; }
|
||||
textarea.form-control { height: auto; }
|
||||
@media not all {
|
||||
}
|
||||
.form-group { margin-bottom: 15px; }
|
||||
.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
|
||||
textarea.input-sm, select.input-sm[multiple] { height: auto; }
|
||||
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); }
|
||||
.form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }
|
||||
.fade { opacity: 0; transition: opacity 0.15s linear 0s; }
|
||||
.fade.in { opacity: 1; }
|
||||
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; }
|
||||
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
|
||||
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
|
||||
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
|
||||
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
|
||||
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
|
||||
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; }
|
||||
.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; }
|
||||
.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; }
|
||||
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
|
||||
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
|
||||
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
|
||||
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
|
||||
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
|
||||
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
|
||||
.nav { padding-left: 0px; margin-bottom: 0px; list-style: outside none none; }
|
||||
.breadcrumb > li + li::before { padding: 0px 5px; color: rgb(204, 204, 204); content: "/ "; }
|
||||
@media screen and (min-width: 768px) {
|
||||
}
|
||||
.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
|
||||
.popover.right { margin-left: 10px; }
|
||||
.popover-title { padding: 8px 14px; margin: 0px; font-size: 14px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; }
|
||||
.popover-content { padding: 9px 14px; }
|
||||
.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
|
||||
.popover > .arrow { border-width: 11px; }
|
||||
.popover > .arrow::after { content: ""; border-width: 10px; }
|
||||
.popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }
|
||||
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; }
|
||||
.popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }
|
||||
.popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
|
||||
.popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }
|
||||
@media not all, (-webkit-transform-3d) {
|
||||
}
|
||||
.carousel-control .icon-prev::before { content: "‹"; }
|
||||
.carousel-control .icon-next::before { content: "›"; }
|
||||
@media screen and (min-width: 768px) {
|
||||
}
|
||||
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; }
|
||||
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after { clear: both; }
|
||||
.pull-right { float: right !important; }
|
||||
.pull-left { float: left !important; }
|
||||
.hide { display: none !important; }
|
||||
@@ -0,0 +1,17 @@
|
||||
@font-face {
|
||||
font-family: 'iconfont'; /* project id 365339 */
|
||||
src: url('//at.alicdn.com/t/font_365339_h9gao8ww296enrk9.eot');
|
||||
src: url('//at.alicdn.com/t/font_365339_h9gao8ww296enrk9.eot?#iefix') format('embedded-opentype'),
|
||||
url('//at.alicdn.com/t/font_365339_h9gao8ww296enrk9.woff') format('woff'),
|
||||
url('//at.alicdn.com/t/font_365339_h9gao8ww296enrk9.ttf') format('truetype'),
|
||||
url('//at.alicdn.com/t/font_365339_h9gao8ww296enrk9.svg#iconfont') format('svg');
|
||||
}
|
||||
.rha-icon{
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 3px;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user