DedeBIZ
/
DedeV6
Watch 2
Star 0
Fork 0
Code Pull Requests 0 Releases 25 Activity
Browse Source

横向

tags/6.3.0
叙述、别离 6 months ago
parent
cb3209c386
commit
8fcaad06a1
3 changed files with 284 additions and 1189 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +9
    -9
      src/install/install.html
  2. +159
    -723
      src/static/web/css/admin.css
  3. +116
    -457
      src/static/web/css/style.css

+ 9
- 9
src/install/install.html View File

@@ -4,20 +4,20 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title>安装DedeV<?php echo $cfg_version_detail;?></title>
<link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
<link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/web/css/admin.css">
<link rel="shortcut icon" href="../static/web/img/favicon.ico">
<script src="../static/web/js/jquery.min.js"></script>
<script src="../static/web/js/bootstrap.min.js"></script>
<script src="../static/web/js/style.js"></script>
<link rel="stylesheet" href="/static/web/font/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/web/css/admin.css">
<link rel="shortcut icon" href="/static/web/img/favicon.ico">
<script src="/static/web/js/jquery.min.js"></script>
<script src="/static/web/js/bootstrap.min.js"></script>
<script src="/static/web/js/style.js"></script>
</head>
<body class="body-bg">
<div class="login-head shadow-sm mb-3">
<div class="container">
<div class="row align-items-center">
<div class="col-6 col-md-4">
<a href="/" target="_blank" class="logo"><img src="../static/web/img/logo.png"></a>
<a href="/" target="_blank" class="logo"><img src="/static/web/img/logo.png"></a>
</div>
<div class="col-6 col-md-8">
<div class="d-flex justify-content-end text-right">
@@ -37,7 +37,7 @@
<div class="alert alert-warning">请先阅读<a href="https://www.dedebiz.com/license?from=install" target="_blank">《站点授权协议》</a></div>
<div class="card shadow-sm mb-3">
<div class="card-header bg-success">
<h2 class="text-center text-white my-0">安装DedeV<?php echo $cfg_version_detail;?></h2>
<h2 class="text-center text-white">安装DedeV<?php echo $cfg_version_detail;?></h2>
</div>
<div class="card-body">
<form action="../install/index.php" method="post" name="form1">


+ 159
- 723
src/static/web/css/admin.css View File

@@ -1,724 +1,160 @@
::-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
}
ul,ol,li,form {
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
}
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.75rem;
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
}
.login-head {
padding:1rem 0;
background:#fff
}
.login-head .logo {
font-size:18px;
color:#393d49;
font-weight:600
}
.login-head .logo img {
height:36px
}
.install-box {
margin:0 auto;
width:800px
}
.install-box .card-header,.install-box .card-body {
padding:1.25rem
}
.install-box h2,.install-box legend,.login-box h2 {
line-height:1.2;
font-size:18px;
font-weight:600;
color:#393d49
}
.install-box .form-control,.login-box .form-control {
height:36px
}
.login-from {
margin:5rem auto;
width:500px
}
.login-box {
padding:1.25rem;
background:#fff
}
body.menu-show .menu-left {
display:block
}
body.menu-hide,body.menu-hide .menu-left {
background:none
}
body.menu-show .body-right {
left:220px;
transition:all 0.5s
}
body.menu-hide .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
}
.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)
}
.admin-head {
width:100%;
height:60px;
background:linear-gradient(45deg,#1eb867,#009688 80%)
}
.admin-head .logo {
float:left;
padding-left:30px;
width:220px
}
.admin-head .logo .name a {
float:left;
height:60px;
line-height:60px;
font-size:18px;
font-weight:600;
color:#fff
}
.admin-head .logo .version a {
float:left;
height:60px;
line-height:60px;
font-size:18px;
font-weight:600;
color:#fff
}
.admin-head .logo .version {
float:left;
margin-top:18px;
margin-left:5px;
font-size:12px;
color:#fff
}
.admin-head .item ul,.admin-head .admin ul {
margin:0
}
.admin-head .item ul li {
float:left;
position:relative;
padding-left:30px;
height:60px;
line-height:60px
}
.admin-head .item ul li:first-child {
padding-left:1rem
}
.admin-head .item ul li a,.admin-head .admin ul li a {
color:#fff
}
.admin-head .item ul li a:hover,.admin-head .admin ul li a:hover {
color:#dee2e6
}
.admin-head .item .search {
position:absolute;
top:20px;
right:5px;
height:20px;
line-height:20px;
color:#545b62;
background:0;
border:0
}
.admin-head .admin {
float:right;
margin-right:30px;
height:60px;
line-height:60px
}
.admin-head .admin img {
width:30px;
height:30px;
border-radius:50%
}
.admin-head .admin ul li {
float:left;
padding-left:30px;
height:60px;
line-height:60px
}
.admin-head .admin ul li:first-child {
padding-left:0
}
.sidemenu {
display:none;
padding:5px 0;
background:#adb5bd
}
.sidemenu li {
height:40px;
line-height:40px
}
.sidemenu li:hover {
background:#009688;
transition:all 0.5s
}
.sidemenu a {
float:left;
display:block;
padding:0 10px 0 50px;
color:#fff
}
.sidemenu .active {
background:#1eb867
}
.sidemenu-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
}
.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
}
.body-bg {
background:#f5f5f5
}
.upload-bg {
margin:10px;
background:#fff
}
.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
}
.user-img-sm {
width:30px;
height:30px;
border-radius:50%;
border:1px solid #eee
}
.thumbnail-md {
max-width:200px;
max-height:120px
}
.thumbnail-sm {
max-width:80px;
max-height:80px
}
.icon img {
width:20px;
height:20px
}
.list-group-item {
padding:0.5rem 0
}
.modal-title {
font-size:16px
}
.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
}
.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
}
.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
}
span.page-link {
color:#fff;
background:#1eb867
}
table,input,select,textarea,.login-box,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselitem .topcat,.web-info,.upload-bg,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn,.alert,.rounded,#edsta {
border-radius:0.5rem!important
}
.coolbg2,.pubdlg .title,.cke_top {
border-radius:0.5rem 0.5rem 0 0!important
}
.sidemenu,.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
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius:0!important;
border-bottom-right-radius:0!important
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius:0!important;
border-bottom-left-radius:0!important
}
.btn-sm {
padding:0.375rem 0.55rem;
height:30px;
line-height:1.5;
font-size:12px
}
.btn-xs {
padding:0.22rem;
height:20px;
line-height:1;
font-size:12px;
border-radius:0.35rem!important
}
.btn+.btn {
margin-left:10px
}
.btn-version {
float:left;
margin-top:18px;
margin-left:5px
}
#validateimg {
border-radius:0 0.5rem 0.5rem 0;
cursor:pointer
}
#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) {
.install-box,.login-from,.tips-box {
width:100%
}
.tips {
padding:0 15px
}
::-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}
ul,ol,li{margin:0;padding:0}
li{list-style:none}
form,label{margin-bottom:0}
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}
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.75rem;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}
.install-box{margin:0 auto;width:800px}
.install-box .card-header,.install-box .card-body{padding:1.25rem}
.install-box h2,.install-box legend{margin:0;line-height:1.2;font-size:18px;font-weight:600;color:#393d49}
.install-box label,.login-box label{margin-bottom:5px}
.install-box .form-control,.login-box .form-control{height:36px}
.login-head{padding:1rem 0;background:#fff}
.login-head .logo{font-size:18px;color:#393d49;font-weight:600}
.login-head .logo img{height:36px}
.login-from{margin:5rem auto;width:500px}
.login-box{padding:1.25rem;background:#fff}
.login-box h2{margin:0;line-height:1.2;font-size:24px;font-weight:600;color:#393d49}
body.menu-show .menu-left{display:block}
body.menu-hide,body.menu-hide .menu-left{background:none}
body.menu-show .body-right{left:220px;transition:all 0.5s}
body.menu-hide .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}
.main,.menu{width:100%;height:99%}
.main iframe,.menu iframe{width:100%;height:99%;border:0}
.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)}
.admin-head{width:100%;height:60px;background:linear-gradient(45deg,#1eb867,#009688 80%)}
.admin-head .logo{float:left;padding-left:30px;width:220px}
.admin-head .logo .name a{float:left;height:60px;line-height:60px;font-size:18px;font-weight:600;color:#fff}
.admin-head .logo .version a{float:left;height:60px;line-height:60px;font-size:18px;font-weight:600;color:#fff}
.admin-head .logo .version{float:left;margin-top:18px;margin-left:5px;font-size:12px;color:#fff}
.admin-head .item ul,.admin-head .admin ul{margin:0}
.admin-head .item ul li{float:left;position:relative;padding-left:30px;height:60px;line-height:60px}
.admin-head .item ul li:first-child{padding-left:1rem}
.admin-head .item ul li a,.admin-head .admin ul li a{color:#fff}
.admin-head .item ul li a:hover,.admin-head .admin ul li a:hover{color:#dee2e6}
.admin-head .item .search{position:absolute;top:20px;right:5px;height:20px;line-height:20px;color:#545b62;background:0;border:0}
.admin-head .admin{float:right;margin-right:30px;height:60px;line-height:60px}
.admin-head .admin img{width:30px;height:30px;border-radius:50%}
.admin-head .admin ul li{float:left;padding-left:30px;height:60px;line-height:60px}
.admin-head .admin ul li:first-child{padding-left:0}
.sidemenu{display:none;padding:5px 0;background:#adb5bd}
.sidemenu li{height:40px;line-height:40px}
.sidemenu li:hover{background:#009688;transition:all 0.5s}
.sidemenu a{float:left;display:block;padding:0 10px 0 50px;color:#fff}
.sidemenu .active{background:#1eb867}
.sidemenu-right{float:right!important;padding:0 20px 0 10px!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}
.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}
.body-bg{background:#f5f5f5}
.upload-bg{margin:10px;background:#fff}
.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}
.user-img-sm{width:30px;height:30px;border-radius:50%;border:1px solid #eee}
.thumbnail-md{max-width:200px;max-height:120px}
.thumbnail-sm{max-width:80px;max-height:80px}
.icon img{width:20px;height:20px}
.list-group-item{padding:0.5rem 0}
.modal-title{font-size:16px}
.card-header{padding:0.5rem 1rem}
.card-body{padding:0.5rem}
.card-body canvas{height:360px!important}
.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}
.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}
.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}
span.page-link{color:#fff;background:#1eb867}
table,input,select,textarea,.login-box,.menu-body,.coolbg,.mysource,.mywriter,.pubdlg,.colordlg,.quickselitem .topcat,.web-info,.upload-bg,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn,.alert,.rounded,#edsta{border-radius:0.5rem!important}
.coolbg2,.pubdlg .title,.cke_top{border-radius:0.5rem 0.5rem 0 0!important}
.sidemenu,.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}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.btn-sm{padding:0.375rem 0.55rem;height:30px;line-height:1.5;font-size:12px}
.btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:0.35rem!important}
.btn+.btn{margin-left:10px}
.btn-version{float:left;margin-top:18px;margin-left:5px}
#validateimg{border-radius:0 0.5rem 0.5rem 0;cursor:pointer}
#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){
.install-box,.login-from,.tips-box{width:100%}
.tips{padding:0 15px}
}

+ 116
- 457
src/static/web/css/style.css View File

@@ -1,458 +1,117 @@
::-webkit-scrollbar {
width:8px;
height:10px
}
::-webkit-scrollbar-track {
background:#f5f5f5
}
::-webkit-scrollbar-thumb {
background:#dee2e6
}
* {
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 {
max-width:100%;
border-radius:0.5rem
}
ul,ol,li {
margin:0;
padding:0;
list-style:none
}
h1,h2,h3,h4,h5,h6 {
margin:0;
line-height:1.2;
font-weight:600;
color:#393d49
}
h1 {
font-size:36px
}
h2 {
font-size:24px
}
h3,h4 {
font-size:18px
}
h5,h6 {
font-size:16px
}
form.search {
display:flex;
width:100%
}
input[type=file] {
padding:0;
height:auto;
border:0
}
.body-bg {
background:#f5f5f5
}
.carousel-caption {
bottom:0
}
.carousel-caption h2 {
color:#fff
}
.carousel-caption h2,.item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2 {
font-size:18px
}
.item-article li {
margin-bottom:10px;
line-height:18px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.item-article li:last-child {
margin-bottom:0
}
.item-theme {
margin-bottom:2rem
}
.item-theme-box {
padding:1.5rem
}
.item-theme-img img {
width:100%;
height:250px
}
.item-theme p,.item-news p {
margin-bottom:0;
color:#999;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.item-news {
margin-bottom:2rem;
padding:1.5rem
}
.item-theme:hover,.item-news:hover {
box-shadow:0 14px 30px -16px rgba(0,36,100,.25);
transform:translateY(-6px);
transition:all 0.5s
}
.item-news h4 {
margin:20px 0 15px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.item-news-img img {
width:100%;
height:200px
}
.item-news i,.item-news span {
color:#999
}
.item-info a {
color:#1eb867
}
.list-article-img img {
width:100%;
height:260px
}
.list-article-body h2 {
font-size:18px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.list-article-body h2 a {
color:#393d49
}
.article-theme-title h1 {
margin-bottom:1rem;
font-size:24px
}
.article-theme-img,.article-hot-img img {
width:100%
}
.article-theme-info .item {
display:inline-block;
width:100px
}
.article-theme-info .price {
font-size:18px;
font-weight:600
}
.list-article-body p,.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child {
margin-bottom:0
}
.article-theme-body h2,.article-right h2 {
margin-bottom:1rem;
font-size:18px
}
.article-hot {
margin-bottom:1.5rem
}
.article-hot-box {
padding:1rem 1.5rem;
background:#fff
}
.article-hot-box h4 {
font-size:14px;
font-weight:300;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span {
color:#999
}
.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6 {
margin:20px 0;
padding:0 10px;
font-size:18px!important;
border-left:3px solid #20c997
}
.article-meta span {
margin-right:1rem
}
.likes .comment-container {
width:200px;
padding:10px 20px;
border:1px solid #f5f5f5;
border-radius:30px;
margin:0 6px;
cursor:pointer
}
.likes .comment-container:hover {
background:#fffce0
}
.likes .comment-top {
display:flex;
flex-direction:row;
align-items:center;
margin-bottom:10px
}
.likes .comment-top-text {
margin-left:10px;
color:#497cf6
}
.likes .comment-top-text-danger {
margin-left:10px;
color:#d21d35
}
.likes .text-like {
color:#497cf6
}
.likes .text-unlike {
color:#d21d35
}
.likes .comment-top p {
margin-bottom:unset
}
.prenext .pagination-previous,.pagination-next {
padding:10px 20px;
font-size:14px;
color:#a6a5a6;
border-radius:30px;
border:1px solid #f0f0f0;
cursor:pointer
}
.actbox {
float:right;
padding:10px
}
.actbox ul {
list-style:none
}
.actbox ul li {
float:left;
margin-left:10px
}
.feedbacks .face {
width:40px;
height:40px;
border-radius:50%;
border:solid 1px #ccc
}
.feedbacks .media {
border-bottom:solid 1px #ccc
}
.feedbacks .feedback_replies .media {
border-top:solid 1px #ccc;
border-bottom:0
}
.feedbacks .media-body span {
color:#999
}
.feedbacks .feedback-basic {
display:inline-block
}
.feedbacks .feedback-action {
float:right
}
.feedbacks ._feedback_reply .alert {
margin-bottom:0
}
.nav-item .active {
color:#ff8400
}
.logo img {
height:40px
}
.login-from {
margin:5rem 0;
width:500px
}
.login-box {
padding:1.25rem;
background:#fff
}
.user-login,.user-actions {
line-height:40px
}
.user-actions {
text-align:right
}
.copyright {
padding:1.5rem;
background:#343a40
}
.flink,.flink a,.copyright,.copyright a {
color:#fff
}
.biz-mb {
margin-bottom:-2rem
}
.bannr-img {
width:100%;
height:345px
}
.user-img-md {
width:60px;
height:60px;
border-radius:50%;
border:1px solid #eee
}
.user-img-sm {
width:36px;
height:36px;
border-radius:50%;
border:1px solid #eee
}
.user-img-xs {
width:30px;
height:30px;
border-radius:50%;
border:1px solid #eee
}
.user-meter i {
font-size:24px!important;
color:#1eb867
}
.userspace .info {
font-size:14px;
font-weight:300;
color:#545b62
}
.nav-link {
padding:0 10px;
height:36px;
line-height:36px
}
.navbar-dark .navbar-nav .nav-link {
color:#eee
}
.list-group-item.active a {
color:#fff
}
.list-group-flush>.list-group-item {
cursor:pointer
}
.pannel-main-container {
padding:1.5rem;
background:#fff
}
.input-group-append .btn-sm {
line-height:1.8
}
.table {
color:#545b62
}
.table td,.table th {
padding:0.5rem;
vertical-align:middle
}
.form-control {
display:inline-block;
height:36px
}
.form-control,.fa {
font-size:14px!important;
color:inherit
}
.btn+.btn {
margin-left:10px
}
.input-text {
height:36px;
line-height:36px
}
.thumbnail-md {
max-width:280px;
max-height:168px
}
.admin-textarea-xl {
width:100%
}
.admin-input-lg {
width:60%
}
.admin-input-sm {
width:160px
}
.admin-input-xs {
width:60px
}
.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded {
border-radius:0.5rem!important
}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img {
border-radius:0.5rem 0.5rem 0 0!important
}
.cke_bottom,.list-article-radius {
border-radius:0 0 0.5rem 0.5rem!important
}
.rounded-circle {
border-radius:50%!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
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
border-top-right-radius:0!important;
border-bottom-right-radius:0!important
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius:0!important;
border-bottom-left-radius:0!important
}
#validateimg,.btn-send {
border-radius:0 0.5rem 0.5rem 0!important
}
#returntop {
display:none;
position:fixed;
padding:10px 15px;
right:1rem;
bottom:1rem;
color:#fff;
cursor:pointer;
background:#ec982c;
border-radius:0.5rem;
border:0;
z-index:9998
}
#returntop:hover {
background:#e77817
}
@media (max-width:768px) {
.m-pb-1 {
padding-bottom:1rem
}
.m-pb-2 {
padding-bottom:2rem
}
.login-from {
width:100%
}
.bannr-img,.item-theme-img img,.list-article-img img {
height:250px
}
.item-news-img img {
height:210px
}
.feedbacks .feedback-action {
float:none
}
::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-track{background:#f5f5f5}
::-webkit-scrollbar-thumb{background:#dee2e6}
*{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{max-width:100%;border-radius:0.5rem}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:#393d49}
h1{font-size:36px}
h2{font-size:24px}
h3,h4{font-size:18px}
h5,h6{font-size:16px}
form.search{display:flex;width:100%}
input[type=file]{padding:0;height:auto;border:0}
.body-bg{background:#f5f5f5}
.carousel-caption{bottom:0}
.carousel-caption h2{color:#fff}
.carousel-caption h2,.item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2{font-size:18px}
.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-article li:last-child{margin-bottom:0}
.item-theme{margin-bottom:2rem}
.item-theme-box{padding:1.5rem}
.item-theme-img img{width:100%;height:250px}
.item-theme p,.item-news p{margin-bottom:0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-news{margin-bottom:2rem;padding:1.5rem}
.item-theme:hover,.item-news:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,.25);transform:translateY(-6px);transition:all 0.5s}
.item-news h4{margin:20px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-news-img img{width:100%;height:200px}
.item-news i,.item-news span{color:#999}
.item-info a{color:#1eb867}
.list-article-img img{width:100%;height:260px}
.list-article-body h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-article-body h2 a{color:#393d49}
.article-theme-title h1{margin-bottom:1rem;font-size:24px}
.article-theme-img,.article-hot-img img{width:100%}
.article-theme-info .item{display:inline-block;width:100px}
.article-theme-info .price{font-size:18px;font-weight:600}
.list-article-body p,.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child{margin-bottom:0}
.article-theme-body h2,.article-right h2{margin-bottom:1rem;font-size:18px}
.article-hot{margin-bottom:1.5rem}
.article-hot-box{padding:1rem 1.5rem;background:#fff}
.article-hot-box h4{font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span{color:#999}
.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6{margin:20px 0;padding:0 10px;font-size:18px!important;border-left:3px solid #20c997}
.article-meta span{margin-right:1rem}
.likes .comment-container{width:200px;padding:10px 20px;border:1px solid #f5f5f5;border-radius:30px;margin:0 6px;cursor:pointer}
.likes .comment-container:hover{background:#fffce0}
.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.likes .comment-top-text{margin-left:10px;color:#497cf6}
.likes .comment-top-text-danger{margin-left:10px;color:#d21d35}
.likes .text-like{color:#497cf6}
.likes .text-unlike{color:#d21d35}
.likes .comment-top p{margin-bottom:unset}
.prenext .pagination-previous,.pagination-next{padding:10px 20px;font-size:14px;color:#a6a5a6;border-radius:30px;border:1px solid #f0f0f0;cursor:pointer}
.actbox{float:right;padding:10px}
.actbox ul{list-style:none}
.actbox ul li{float:left;margin-left:10px}
.feedbacks .face{width:40px;height:40px;border-radius:50%;border:solid 1px #ccc}
.feedbacks .media{border-bottom:solid 1px #ccc}
.feedbacks .feedback_replies .media{border-top:solid 1px #ccc;border-bottom:0}
.feedbacks .media-body span{color:#999}
.feedbacks .feedback-basic{display:inline-block}
.feedbacks .feedback-action{float:right}
.feedbacks ._feedback_reply .alert{margin-bottom:0}
.nav-item .active{color:#ff8400}
.logo img{height:40px}
.login-from{margin:5rem 0;width:500px}
.login-box{padding:1.25rem;background:#fff}
.user-login,.user-actions{line-height:40px}
.user-actions{text-align:right}
.copyright{padding:1.5rem;background:#343a40}
.flink,.flink a,.copyright,.copyright a{color:#fff}
.biz-mb{margin-bottom:-2rem}
.bannr-img{width:100%;height:345px}
.user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid #eee}
.user-img-sm{width:36px;height:36px;border-radius:50%;border:1px solid #eee}
.user-img-xs{width:30px;height:30px;border-radius:50%;border:1px solid #eee}
.user-meter i{font-size:24px!important;color:#1eb867}
.userspace .info{font-size:14px;font-weight:300;color:#545b62}
.nav-link{padding:0 10px;height:36px;line-height:36px}
.navbar-dark .navbar-nav .nav-link{color:#eee}
.list-group-item.active a{color:#fff}
.list-group-flush>.list-group-item{cursor:pointer}
.pannel-main-container{padding:1.5rem;background:#fff}
.input-group-append .btn-sm{line-height:1.8}
.table{color:#545b62}
.table td,.table th{padding:0.5rem;vertical-align:middle}
.form-control{display:inline-block;height:36px}
.form-control,.fa{font-size:14px!important;color:inherit}
.btn+.btn{margin-left:10px}
.input-text{height:36px;line-height:36px}
.thumbnail-md{max-width:280px;max-height:168px}
.admin-textarea-xl{width:100%}
.admin-input-lg{width:60%}
.admin-input-sm{width:160px}
.admin-input-xs{width:60px}
.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded{border-radius:0.5rem!important}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img{border-radius:0.5rem 0.5rem 0 0!important}
.cke_bottom,.list-article-radius{border-radius:0 0 0.5rem 0.5rem!important}
.rounded-circle{border-radius:50%!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}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important}
#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:#fff;cursor:pointer;background:#ec982c;border-radius:0.5rem;border:0;z-index:9998}
#returntop:hover{background:#e77817}
@media (max-width:768px){
.m-pb-1{padding-bottom:1rem}
.m-pb-2{padding-bottom:2rem}
.login-from{width:100%}
.bannr-img,.item-theme-img img,.list-article-img img{height:250px}
.item-news-img img{height:210px}
.feedbacks .feedback-action{float:none}
}

Write Preview
Loading…
Cancel
Save