orga0063
/
BootstrapAdmin11
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

更新样式：整合蓝色样式文件

This commit is contained in:
Argo-MacBookPro 2018-10-05 16:43:51 +08:00
parent af5c505556
commit 06df0287df
2 changed files with 91 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
Bootstrap.Admin/wwwroot/css/blue.css
View File

@ -1,8 +1,43 @@
.card {
border: 1px solid #5198cb;
.header, .card, .modal-footer {
border-color: #5198cb;
}
.card-header, .modal-header {
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: rgb(51, 122, 183);
}
.navbar-light .navbar-nav .nav-link {
padding: 3px 8px;
color: rgba(51, 122, 183, 0.9);
transition: color .3s linear;
}
.navbar-light .navbar-nav .nav-link:hover, .nav-link .navbar-nav .active > .nav-link:hover {
color: #0056b3;
}
.dropdown-item.active, .dropdown-item:active {
color: rgba(0, 0, 0, 0.9);
}
.dropdown-item:hover, .nav .dropdown-item:nth-of-type(odd):hover, .dropdown-item:active, .dropdown-item.active {
background-color: #77afd5;
}
.userinfo .dropdown-item:hover {
background-color: #f8f9fa;
}
.breadcrumb, .pagination-detail {
color: #337ab7;
}
.card {
border-width: 1px;
border-style: solid;
}
.card-header, .modal-header, .popover-header {
background-color: #5899c8;
border-color: #3581b8;
color: #fff;
@ -17,6 +52,54 @@
text-shadow: none;
}
.modal-footer {
border-top-color: #5198cb;
.header .navbar {
padding-bottom: 0;
}
.header .nav-item.active {
border-bottom: solid 1px #307eb6;
}
.header, .card, .modal-footer, .form-control, .popover, .date .input-group-text {
border-color: #5198cb;
}
.card .card-header, .modal-header {
background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%);
background-color: #5899c8;
border-color: #3581b8;
}
.card .card-header, a[data-toggle="collapse"], .modal-header, .modal-header .close, .popover-header {
color: #fff;
}
.card .card-header a {
color: #eee;
}
.card .card-header a:hover {
color: #fff;
}
.control-label {
color: #467fa7;
}
.breadcrumb > li + li:before, .breadcrumb, .pagination-detail {
color: #337ab7;
}
.form-control[disabled], .form-control[readonly], .date .form-control, .date .input-group-text {
background-color: rgba(84, 189, 220, 0.21);
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
border-right-color: #305873;
}
@media (min-width: 768px) {
.breadcrumb {
border-color: rgba(81, 152, 203, 0.8)
}
}

48
Bootstrap.Client/wwwroot/css/blue.css
View File

@ -20,7 +20,7 @@
color: rgba(0, 0, 0, 0.9);
}
.dropdown-item:hover, .dropdown-item:active, .dropdown-item.active {
.dropdown-item:hover, .nav .dropdown-item:nth-of-type(odd):hover, .dropdown-item:active, .dropdown-item.active {
background-color: #77afd5;
}
@ -60,9 +60,7 @@
border-bottom: solid 1px #307eb6;
}
.card, input.form-control, select.form-control, textarea.form-control, .fixed-table-container, .popover,
.date .form-control[readonly] + .input-group-append .input-group-text,
.date .form-control[readonly] + .input-group-append + .input-group-append .input-group-text {
.header, .card, .modal-footer, .form-control, .popover, .date .input-group-text {
border-color: #5198cb;
}
@ -92,9 +90,7 @@
color: #337ab7;
}
.date .form-control[readonly], .form-control[disabled], .form-control[readonly],
.date .form-control[readonly] + .input-group-append .input-group-text,
.date .form-control[readonly] + .input-group-append + .input-group-append .input-group-text {
.form-control[disabled], .form-control[readonly], .date .form-control, .date .input-group-text {
background-color: rgba(84, 189, 220, 0.21);
}
@ -102,44 +98,6 @@
border-right-color: #305873;
}
.table thead {
background-color: #7fb8d5;
color: #fff;
background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%);
}
.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
line-height: 20px;
}
.fixed-table-container thead th .sortable {
padding-right: 8px;
}
.fixed-table-container thead th .both, .fixed-table-container thead th .desc, .fixed-table-container thead th .asc {
background-image: none;
}
.fixed-table-container thead th .both:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 8px;
content: "\f0dc";
}
.fixed-table-container thead th .desc:before {
content: "\f0dd";
color: #2e6da4;
}
.fixed-table-container thead th .asc:before {
content: "\f0de";
color: #2e6da4;
}
@media (min-width: 768px) {
.breadcrumb {
border-color: rgba(81, 152, 203, 0.8)