DedeV6/src/static/web/css/admin.css

::-webkit-scrollbar {
	width:6px;
	height:6px
}
::-webkit-scrollbar-track {
	background:#f5f5f5;
	border-radius:.5rem
}
::-webkit-scrollbar-thumb {
	background:#dee2e6;
	border-radius:.5rem
}
::-moz-scrollbar {
	width:6px;
	height:6px
}
::-moz-scrollbar-track {
	background:#f5f5f5;
	border-radius:.5rem
}
::-moz-scrollbar-thumb {
	background:#dee2e6;
	border-radius:.5rem
}
* {
	font-size:12px
}
body {
	margin:0;
	line-height:1.6;
	letter-spacing:.6px;
	font-size:12px;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	color:#545b62;
	background:#fff
}
a {
	color:#545b62;
	text-decoration:none
}
a:hover {
	color:#ff8400;
	text-decoration:none
}
div,form,ul,ol,li {
	margin:0;
	padding:0
}
div,th,td {
	word-break:break-all;
	word-wrap:break-word
}
li {
	list-style:none
}
img {
	margin-right:10px;
	max-width:100%;
	border-radius:.5rem
}
table {
	background:#fff;
	border-spacing:0;
	border-collapse:separate
}
table tr:first-child td:first-child {
	border-top-left-radius:.5rem;
	border-top:0
}
table tr:first-child td:last-child {
	border-top-right-radius:.5rem;
	border-top:0
}
table tr:last-child td:first-child {
	border-bottom-left-radius:.5rem;
	border-bottom:0
}
table tr:last-child td:last-child {
	border-bottom-right-radius:.5rem;
	border-bottom:0
}
label {
	margin-bottom:0
}
input {
	padding:.25rem .65rem;
	height:28px;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle;
	transition:all .5s
}
input[type=file] {
	padding:0;
	height:auto;
	border:0;
	vertical-align:middle
}
input[type=button],input[type=submit],input[type=reset] {
	padding:.25rem .65rem;
	height:auto;
	color:#fff;
	background:#1eb867;
	border:0;
	transition:all .5s
}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus {
	height:auto;
	outline:none;
	box-shadow:none;
	vertical-align:text-top
}
select {
	padding:.25rem .65rem;
	height:28px;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle;
	transition:all .5s
}
select[multiple=yes] {
	height:180px
}
textarea {
	padding:.25rem .65rem;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle;
	transition:all .5s
}
input:focus,select:focus,textarea:focus {
	color:#495057;
	background:#fff;
	border-color:#80bdff;
	box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
	outline:0
}
body.hidemenu {
	background:none
}
body.showmenu .body-left {
	display:block
}
body.hidemenu .body-left {
	display:none
}
body.showmenu .body-right {
	left:220px;
	transition:all .5s
}
body.hidemenu .body-right {
	left:0;
	transition:all .5s
}
.body-left {
	position:absolute;
	top:60px;
	left:0;
	bottom:0;
	width:220px
}
.body-right {
	position:absolute;
	top:60px;
	right:0;
	bottom:0
}
.main,.menu {
	width:100%;
	height:98%
}
.main iframe,.menu iframe {
	width:100%;
	height:98%;
	border:0
}
.menu-box {
	margin:0;
	padding:1rem 5px
}
.menu-body {
	width:100%;
	background:#fff;
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
}
.item-menu .link {
	position:relative;
	padding-left:50px;
	display:block;
	height:40px;
	line-height:40px;
	cursor:pointer;
	transition:all .5s
}
.item-menu li:last-child .link {
	border-bottom:0
}
.item-menu li i {
	position:absolute;
	top:13px;
	left:20px;
	color:#545b62
}
.item-menu li i.fa-angle-down {
	right:20px;
	left:auto
}
.item-menu li.open .link,.item-menu li.open i {
	color:#1eb867
}
.item-menu li.open i.fa-angle-down {
	transform:rotate(180deg)
}
.head {
	width:100%;
	height:60px;
	background:linear-gradient(45deg,#1eb867,#009688 80%);
	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)
}
.top-logo {
	float:left;
	padding-left:30px;
	width:220px
}
.top-name a {
	float:left;
	height:60px;
	line-height:60px;
	font-size:18px;
	font-weight:600;
	color:#fff
}
.top-name a  img {
	width:90px
}
.top-version a {
	float:left;
	height:60px;
	line-height:60px;
	font-size:18px;
	font-weight:600;
	color:#fff
}
.top-version {
	float:left;
	margin-top:18px;
	margin-left:5px;
	color:#fff
}
.btn-version {
	float:left;
	margin-top:18px;
	margin-left:5px
}
.top-item ul li {
	float:left;
	position:relative;
	padding-left:30px;
	height:60px;
	line-height:60px
}
.top-item ul li a,.top-admin ul li a {
	font-size:14px;
	color:#fff
}
.top-item ul li a:hover,.top-admin ul li a:hover {
	color:#dee2e6
}
.search {
	position:absolute;
	top:20px;
	right:5px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#545b62;
	background:0;
	border:0
}
.search-input {
	width:160px
}
.top-admin {
	float:right;
	margin-right:30px;
	height:60px;
	line-height:60px
}
.top-admin img {
	margin-right:10px;
	width:30px;
	height:30px;
	border-radius:50%
}
.top-admin ul li {
	float:left;
	padding-left:30px;
	height:60px;
	line-height:60px
}
.user-img-sm {
	margin-right:10px;
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid #dee2e6
}
.submenu {
	display:none;
	padding:6px 0;
	background:#adb5bd
}
.submenu li {
	height:40px;
	line-height:40px;
	transition:all .5s
}
.submenu li:hover {
	background:#009688
}
.submenu a {
	float:left;
	display:block;
	padding:0 10px 0 50px;
	color:#fff
}
.submenu .active {
	background:#1eb867
}
.submenu-right {
	float:right!important;
	padding:0 20px 0 10px!important
}
.card-body {
	padding:.65rem
}
#text {
	font-size:0
}
#latestVersion {
	display:none
}
#_fileList,#_verList {
	height:400px;
	overflow-y:scroll
}
#_msgInfo {
	display:none
}
.update-close {
	background-color:#fff;
	border:0
}
.updates-dot {
	display:none;
	position:absolute;
	top:12px;
	right:8px;
	height:6px;
	width:6px;
	background:#dc3545;
	border-radius:50%
}
.spinner-border {
	width:20px;
	height:20px;
	vertical-align:bottom
}
.list-group-item {
	padding:.65rem 0
}
.coolbg {
	padding:.25rem .65rem;
	background:#f5f5f5;
	border-bottom:1px solid #dee2e6;
	border:0;
	cursor:pointer
}
.coolbg2 {
	height:28px;
	line-height:28px;
	background:#dfddd2;
	border:1px solid #dee2e6
}
.coolbt {
	background:#e4f7d7;
	border-left:1px solid #efefef;
	border-top:1px solid #efefef;
	border-bottom:1px solid #acacac;
	cursor:pointer
}
.coolbt2 {
	background:#f7fcda;
	border-left:1px solid #efefef;
	border-top:1px solid #efefef;
	border-bottom:1px solid #acacac
}
.coolbg3 {
	width:140px;
	height:28px;
	line-height:28px;
	background:#dfddd2;
	border:1px solid #bdc5b4;
	text-align:right
}
.coolbg61 {
	width:390px;
	height:28px;
	line-height:28px;
	background:#e7f3b1;
	border-top:1px solid #bdc5b4;
	border-left:1px solid #bdc5b4;
	border-right:1px solid #bdc5b4;
	text-align:right
}
.coolbg62 {
	padding:.6rem;
	width:390px;
	height:300px;
	background:#F8FDF0;
	border:1px solid #bdc5b4
}
.coolbg4 {
	padding:.65rem;
	background:#fff;
	border-bottom:1px solid #dee2e6;
	text-align:right
}
.wsselect {
	padding:.65rem 0;
	background:#fff;
	overflow:auto
}
.pubdlg {
	background:#fff;
	border:2px solid #1eb867;
	z-index:8888
}
.pubdlg .title {
	padding-left:.65rem;
	height:28px;
	line-height:28px;
	font-weight:600;
	color:#545b62;
	background:#f5f5f5;
	border-bottom:1px solid #dee2e6
}
.fullpagediv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#cdcdcd;
	opacity:.6;
	z-index:1999
}
.quicksel {
	margin-left:10px;
	margin-top:10px;
	width:680px;
	height:420px;
	overflow:auto;
	z-index:10005
}
.quickselfoot {
	padding:.65rem 0;
	border-top:1px solid #dee2e6
}
.quickselItem {
	display:block;
	line-height:28px
}
.quickselItem .topcat {
	margin-bottom:1rem;
	padding:0 10px;
	background:#e9ecef;
	clear:both
}
.quickselItem .soncat {
	margin-bottom:1rem;
	padding:0 10px
}
.quickselItem .item {
	display:inline-block;
	padding-left:10px
}
.mysource,.mywriter {
	width:300px;
	background:#fff;
	border:2px solid #1eb867;
	z-index:10001
}
.wsselect {
	padding:.65rem
}
#uploadfield {
	float:left
}
#uploadwait {
	z-index:19999
}
.option1 {
	background:#e9ecef
}
.option2 {
	background:#adb5bd
}
.option3 {
	background:#fff
}
.divpre img {
	max-width:150px;
	max-height:100px
}
.divpre {
	overflow:hidden
}
.colordlg {
	padding:.6rem;
	width:120px;
	background:#fff;
	border:2px solid #1eb867;
	z-index:10005
}
.maintable {
	width:98%!important;
	border:1px solid #dee2e6!important
}
.table {
	margin-bottom:0;
	color:#545b62
}
.table td,.table th {
	padding:.65rem;
	vertical-align:middle
}
.form-control {
	display:inline-block
}
.fa {
	font-size:14px!important;
	color:inherit;
	cursor:pointer
}
.l-height-28 {
	line-height:28px
}
.btn-xs {
	padding:2px;
	line-height:12px;
	font-size:12px
}
.btn+.btn,.btn-text+.btn-text {
	margin-left:10px
}
.admin-win {
	background:#f5f5f5;
	border:1px solid #dee2e6!important
}
.admin-win-iframe {
	width:100%;
	height:360px
}
.admin-border {
	border:1px solid #dee2e6!important
}
.admin-main-sort {
	margin-left:1rem;
	width:30px;
	text-align:center
}
.admin-td {
	padding:.65rem;
	border-bottom:1px solid #dee2e6
}
.admin-textarea-xl {
	width:100%;
	height:90px
}
.admin-textarea-sm {
	width:360px;
	height:60px
}
.admin-input-lg {
	width:360px
}
.admin-input-md {
	width:260px
}
.admin-input-sm {
	width:160px
}
.admin-input-xs {
	width:60px
}
.web-info {
	padding:10px;
	background:#f5f5f5;
	text-align:center
}
.thumbnail-md {
	max-width:200px;
	max-height:120px
}
.thumbnail-sm {
	max-width:60px;
	max-height:60px
}
.icon img {
	width:20px;
	height:20px
}
.fileinput-button {
	display:inline-block;
	position:relative;
	overflow:hidden
}
.fileinput-button input {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	opacity:0;
	direction:ltr;
	cursor:pointer
}
span.page-link {
	color:#fff;
	background:#1eb867
}
table,input,select,textarea,.search,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselItem .topcat,.web-info,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn-sm,.alert,.rounded {
	border-radius:.5rem!important
}
.btn-xs {
	border-radius:.35rem!important
}
.coolbg4,.pubdlg .title,.cke_top {
	border-radius:.5rem .5rem 0 0!important
}
.submenu,.wsselect,.cke_bottom {
	border-radius:0 0 .5rem .5rem!important
}
.page-item:first-child .page-link {
	border-top-left-radius:.5rem!important;
	border-bottom-left-radius:.5rem!important
}
.page-item:last-child .page-link {
	border-top-right-radius:.5rem!important;
	border-bottom-right-radius:.5rem!important
}
#selColor {
	padding:0;
	width:50px
}
#browsehappy {
	padding:20px 30px;
	font-size:14px;
	line-height:16px;
	color:#856404;
	background:#fff3cd;
	border-radius:.35rem;
	border:0
}
.browsehappy-close {
	float:right;
	cursor:pointer
}
@media (min-width:480px) {
	.modal-dialog {
	max-width:500px
}
}