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

::-webkit-scrollbar {
	width:8px;
	height:10px
}
::-webkit-scrollbar-track {
	background:#f5f5f5
}
::-webkit-scrollbar-thumb {
	background:#dee2e6
}
* {
	font-size:14px;
	scrollbar-width:thin
}
body {
	margin:0;
	line-height:1.6;
	letter-spacing:0.5px;
	font-size:14px;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	color:#545b62;
	background:#fff
}
a {
	color:#545b62;
	text-decoration:none
}
a:hover {
	color:#007bff;
	text-decoration:none
}
img {
	margin-right:10px;
	max-width:100%;
	border-radius:0.5rem
}
p {
	margin-bottom:10px
}
ul,ol,li {
	margin:0;
	padding:0
}
li {
	list-style:none
}
table {
	background:#fff;
	border-spacing:0;
	border-collapse:separate
}
table tr:first-child td:first-child {
	border-top-left-radius:0.5rem;
	border-top:0
}
table tr:first-child td:last-child {
	border-top-right-radius:0.5rem;
	border-top:0
}
table tr:last-child td:first-child {
	border-bottom-left-radius:0.5rem;
	border-bottom:0
}
table tr:last-child td:last-child {
	border-bottom-right-radius:0.5rem;
	border-bottom:0
}
td {
	word-break:break-all;
	word-wrap:break-word
}
form,label {
	margin-bottom:0
}
input {
	padding:0.375rem 0.75rem;
	height:30px;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle
}
input[type=file] {
	padding:0;
	height:auto;
	border:0;
	vertical-align:middle
}
input[type=button],input[type=submit],input[type=reset] {
	padding:0.375rem 0.55rem;
	height:30px;
	line-height:1.5;
	font-size:12px;
	color:#fff;
	background:#1eb867;
	border:0
}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus {
	width:14px;
	height:14px;
	outline:none;
	box-shadow:none;
	vertical-align:text-top
}
select {
	padding:0.375rem 0.75rem;
	height:30px;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle
}
select[multiple=yes] {
	height:180px
}
option {
	display:flex;
	padding:0;
	height:30px;
	align-items:center
}
textarea {
	padding:0.375rem 0.75rem;
	color:#545b62;
	background:#fff;
	border:1px solid #dee2e6;
	vertical-align:middle
}
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 .menu-left {
	display:block
}
body.hidemenu .menu-left {
	display:none
}
body.showmenu .body-right {
	left:220px;
	transition:all 0.5s
}
body.hidemenu .body-right {
	left:0;
	transition:all 0.5s
}
.menu-left {
	position:absolute;
	top:60px;
	left:0;
	bottom:0;
	width:220px
}
.body-right {
	position:absolute;
	top:60px;
	right:0;
	bottom:0
}
.body-bg {
	background:#f5f5f5
}
.main,.menu {
	width:100%;
	height:99%
}
.main iframe,.menu iframe {
	width:100%;
	height:99%;
	border:0
}
.body-bg {
	background:#f5f5f5
}
.menu-box {
	margin:0;
	padding:1rem 5px
}
.menu-body {
	width:100%;
	background:#fff;
	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)
}
.item-menu .link {
	position:relative;
	padding-left:50px;
	display:block;
	height:42px;
	line-height:42px;
	cursor:pointer
}
.item-menu li:last-child .link {
	border-bottom:0
}
.item-menu li i {
	position:absolute;
	top:14px;
	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%)
}
.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-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;
	font-size:12px;
	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 {
	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;
	color:#545b62;
	background:0;
	border:0
}
.top-admin {
	float:right;
	margin-right:30px;
	height:60px;
	line-height:60px
}
.top-admin img {
	width:30px;
	height:30px;
	border-radius:50%
}
.top-admin ul li {
	float:left;
	padding-left:30px;
	height:60px;
	line-height:60px
}
.user-img-sm {
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid #eee
}
.submenu {
	display:none;
	padding:5px 0;
	background:#adb5bd
}
.submenu li {
	height:40px;
	line-height:40px
}
.submenu li:hover {
	background:#009688;
	transition:all 0.5s
}
.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-header {
	padding:0.5rem 1rem
}
.card-body {
	padding:0.5rem
}
.card-body canvas {
	height:360px!important
}
.web-info {
	padding:10px;
	background:#f5f5f5
}
#_fileList,#_verList {
	height:360px;
	overflow-y:auto
}
#_msgInfo {
	display:none
}
.update-close {
	background:#fff;
	border:0
}
.updates-dot {
	display:none;
	position:absolute;
	top:12px;
	right:6px;
	height:6px;
	width:6px;
	background:#dc3545;
	border-radius:50%
}
.spinner-border {
	width:20px;
	height:20px;
	vertical-align:bottom
}
.sys-search {
	position:relative
}
.sys-search .sys-times {
	position:absolute;
	top:1px;
	right:20px
}
.coolbg {
	padding:0.375rem 0.75rem;
	background:#f5f5f5;
	border-bottom:1px solid #dee2e6;
	border:0;
	cursor:pointer
}
.coolbg2 {
	padding:0.5rem;
	background:#fff;
	border-bottom:1px solid #dee2e6;
	text-align:right
}
.colordlg {
	padding:0.5rem;
	background:#fff;
	border:1px solid #dee2e6;
	z-index:10005
}
.wsselect {
	padding:0.5rem;
	background:#fff;
	overflow:auto
}
.pubdlg {
	background:#fff;
	border:1px solid #dee2e6;
	z-index:8888
}
.pubdlg .title {
	padding:0 0.5rem;
	height:30px;
	line-height:30px;
	color:#545b62;
	background:#f5f5f5;
	border-bottom:1px solid #dee2e6
}
.fullpagediv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f5f5f5;
	opacity:0.6;
	z-index:1999
}
.quicksel {
	margin-left:10px;
	margin-top:10px;
	width:680px;
	height:420px;
	overflow:auto;
	z-index:10005
}
.quickselfoot {
	padding:0.5rem;
	background:#f5f5f5;
	border-top:1px solid #dee2e6
}
.quickselitem {
	display:block;
	line-height:30px
}
.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:1px solid #dee2e6;
	z-index:10001
}
#toolimg {
	position:absolute;
	display:none
}
#uploadfield {
	float:left
}
#uploadwait {
	z-index:19999
}
.option1 {
	background:#e9ecef
}
.option2 {
	background:#adb5bd
}
.option3 {
	background:#fff
}
.modal-title {
	font-size:16px
}
.tips-box {
	margin:70px auto 0;
	width:500px;
	height:auto;
	background:#fff;
	border-radius:0.5rem;
	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)
}
.tips-head {
	margin:0 20px;
	padding:18px 0;
	border-bottom:1px solid #f5f5f5
}
.tips-head p {
	margin:0;
	padding-left:10px;
	line-height:16px;
	text-align:left;
	border-left:3px solid #ff8400
}
.tips-body {
	padding:20px;
	min-height:160px;
	color:#545b62;
	word-break:break-all;
	word-wrap:break-word
}
.maintable {
	width:98%!important;
	border:1px solid #dee2e6!important
}
.table {
	margin-bottom:0;
	color:#545b62
}
.table td,.table th {
	padding:0.5rem;
	vertical-align:middle
}
.form-control {
	display:inline-block
}
.fa {
	font-size:14px!important;
	color:inherit
}
.list-group-item {
	padding:0.5rem 0
}
.btn-sm {
	padding:0.375rem 0.55rem;
	height:30px;
	line-height:1.5;
	font-size:12px
}
.btn-xs {
	padding:.22rem;
	height:20px;
	line-height:1;
	font-size:12px
}
.btn+.btn {
	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;
	padding:0;
	width:30px;
	text-align:center
}
.admin-td {
	padding:0.5rem;
	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
}
.thumbnail-md {
	max-width:200px;
	max-height:120px
}
.thumbnail-sm {
	max-width:80px;
	max-height:80px
}
.upload-bg {
	margin:10px;
	background:#fff
}
.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,.upload-bg,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn-sm,.alert,.rounded,#edsta {
	border-radius:0.5rem!important
}
.btn-xs {
	border-radius:0.35rem!important
}
.coolbg2,.pubdlg .title,.cke_top {
	border-radius:0.5rem 0.5rem 0 0!important
}
.submenu,.wsselect,.cke_bottom {
	border-radius:0 0 0.5rem 0.5rem!important
}
.page-item:first-child .page-link {
	border-top-left-radius:0.5rem!important;
	border-bottom-left-radius:0.5rem!important
}
.page-item:last-child .page-link {
	border-top-right-radius:0.5rem!important;
	border-bottom-right-radius:0.5rem!important
}
#selColor {
	padding:5px;
	width:35px
}
#edsta {
	display:none;
	padding:0.5rem;
	position:absolute;
	top:100px;
	left:200px;
	width:450px;
	height:auto;
	background:#f5f5f5;
	border:1px solid #dee2e6
}
#browsehappy {
	padding:1rem 30px;
	color:#856404;
	background:#fff3cd
}
.browsehappy-close {
	float:right;
	cursor:pointer
}
@media (min-width:1200px) {
	.web-info {
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.modal-dialog {
		max-width:500px
	}
}
@media (max-width:768px) {
	.tips {
		padding:0 15px
	}
	.tips-box {
		width:100%
	}
}