基础组件(输入框、单选按钮、复选框、下拉框)的边框颜色加重一点

This commit is contained in:
thinkgem
2019-03-18 22:45:24 +08:00
parent 5fd3547aa2
commit 88d0615c4a
4 changed files with 38 additions and 38 deletions

View File

@@ -94,7 +94,7 @@ body {
background: #fff; background: #fff;
padding: 15px; padding: 15px;
color: #444; color: #444;
border-top: 1px solid #d2d6de; border-top: 1px solid #caced6;
} }
/* Fixed layout */ /* Fixed layout */
.fixed .main-header, .fixed .main-header,
@@ -350,7 +350,7 @@ a:focus {
top: 0; top: 0;
right: 0; right: 0;
float: none; float: none;
background: #d2d6de; background: #caced6;
padding-left: 10px; padding-left: 10px;
} }
.content-header > .breadcrumb li:before { .content-header > .breadcrumb li:before {
@@ -859,10 +859,10 @@ a:focus {
.control-sidebar-light, .control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg { .control-sidebar-light + .control-sidebar-bg {
background: #f9fafc; background: #f9fafc;
border-left: 1px solid #d2d6de; border-left: 1px solid #caced6;
} }
.control-sidebar-light .nav-tabs.control-sidebar-tabs { .control-sidebar-light .nav-tabs.control-sidebar-tabs {
border-bottom: #d2d6de; border-bottom: #caced6;
} }
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
background: #e8ecf4; background: #e8ecf4;
@@ -871,8 +871,8 @@ a:focus {
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
border-left-color: #d2d6de; border-left-color: #caced6;
border-bottom-color: #d2d6de; border-bottom-color: #caced6;
} }
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
@@ -1235,7 +1235,7 @@ a:focus {
.form-control { .form-control {
/*border-radius: 0;*/ /*border-radius: 0;*/
box-shadow: none; box-shadow: none;
border-color: #d2d6de; border-color: #caced6;
} }
.form-control:focus { .form-control:focus {
border-color: #3c8dbc; border-color: #3c8dbc;
@@ -1288,7 +1288,7 @@ a:focus {
/* Input group */ /* Input group */
.input-group .input-group-addon { .input-group .input-group-addon {
/*border-radius: 0;*/ /*border-radius: 0;*/
border-color: #d2d6de; border-color: #caced6;
background-color: #fff; background-color: #fff;
} }
/* button groups */ /* button groups */
@@ -1530,7 +1530,7 @@ a:focus {
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
background: #ffffff; background: #ffffff;
border-top: 3px solid #d2d6de; border-top: 3px solid #caced6;
margin-bottom: 20px; margin-bottom: 20px;
width: 100%; width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
@@ -1551,7 +1551,7 @@ a:focus {
border-top-color: #00a65a; border-top-color: #00a65a;
} }
.box.box-default { .box.box-default {
border-top-color: #d2d6de; border-top-color: #caced6;
} }
.box.collapsed-box .box-body, .box.collapsed-box .box-body,
.box.collapsed-box .box-footer { .box.collapsed-box .box-footer {
@@ -1585,12 +1585,12 @@ a:focus {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
.box.box-solid.box-default { .box.box-solid.box-default {
border: 1px solid #d2d6de; border: 1px solid #caced6;
} }
.box.box-solid.box-default > .box-header { .box.box-solid.box-default > .box-header {
color: #444444; color: #444444;
background: #d2d6de; background: #caced6;
background-color: #d2d6de; background-color: #caced6;
} }
.box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn { .box.box-solid.box-default > .box-header .btn {
@@ -1913,7 +1913,7 @@ a:focus {
font-weight: 500; font-weight: 500;
} }
.todo-list > li.done .label { .todo-list > li.done .label {
background: #d2d6de !important; background: #caced6 !important;
} }
.todo-list .danger { .todo-list .danger {
border-left-color: #dd4b39; border-left-color: #dd4b39;
@@ -2150,7 +2150,7 @@ a:focus {
line-height: 30px; line-height: 30px;
position: absolute; position: absolute;
color: #666; color: #666;
background: #d2d6de; background: #caced6;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
left: 18px; left: 18px;
@@ -2573,7 +2573,7 @@ a:focus {
border-top-color: #00a65a; border-top-color: #00a65a;
} }
.nav-tabs-custom.tab-default > .nav-tabs > li.active { .nav-tabs-custom.tab-default > .nav-tabs > li.active {
border-top-color: #d2d6de; border-top-color: #caced6;
} }
/* PAGINATION */ /* PAGINATION */
.pagination > li > a { .pagination > li > a {
@@ -2691,7 +2691,7 @@ table.text-center th {
* ---------------- * ----------------
*/ */
.label-default { .label-default {
background-color: #d2d6de; background-color: #caced6;
color: #444; color: #444;
} }
/* /*
@@ -2746,8 +2746,8 @@ table.text-center th {
border-radius: 5px; border-radius: 5px;
position: relative; position: relative;
padding: 5px 10px; padding: 5px 10px;
background: #d2d6de; background: #caced6;
border: 1px solid #d2d6de; border: 1px solid #caced6;
margin: 5px 0 0 50px; margin: 5px 0 0 50px;
color: #444444; color: #444444;
} }
@@ -2757,7 +2757,7 @@ table.text-center th {
right: 100%; right: 100%;
top: 15px; top: 15px;
border: solid transparent; border: solid transparent;
border-right-color: #d2d6de; border-right-color: #caced6;
content: ' '; content: ' ';
height: 0; height: 0;
width: 0; width: 0;
@@ -2780,7 +2780,7 @@ table.text-center th {
right: auto; right: auto;
left: 100%; left: 100%;
border-right-color: transparent; border-right-color: transparent;
border-left-color: #d2d6de; border-left-color: #caced6;
} }
.direct-chat-img { .direct-chat-img {
border-radius: 50%; border-radius: 50%;
@@ -3169,7 +3169,7 @@ table.text-center th {
*/ */
/* ADD THIS CLASS TO THE <BODY> TAG */ /* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen { .lockscreen {
background: #d2d6de; background: #caced6;
} }
.lockscreen-logo { .lockscreen-logo {
font-size: 35px; font-size: 35px;
@@ -3246,7 +3246,7 @@ table.text-center th {
} }
.login-page, .login-page,
.register-page { .register-page {
background: #d2d6de; background: #caced6;
} }
.login-box, .login-box,
.register-box { .register-box {
@@ -3344,14 +3344,14 @@ table.text-center th {
margin: 0 auto; margin: 0 auto;
width: 100px; width: 100px;
padding: 3px; padding: 3px;
border: 3px solid #d2d6de; border: 3px solid #caced6;
} }
.profile-username { .profile-username {
font-size: 21px; font-size: 21px;
margin-top: 5px; margin-top: 5px;
} }
.post { .post {
border-bottom: 1px solid #d2d6de; border-bottom: 1px solid #caced6;
margin-bottom: 15px; margin-bottom: 15px;
padding-bottom: 15px; padding-bottom: 15px;
color: #666; color: #666;
@@ -4231,7 +4231,7 @@ table.text-center th {
} }
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single { .select2-selection .select2-selection--single {
border: 1px solid #d2d6de; border: 1px solid #caced6;
/*border-radius: 0;*/ /*border-radius: 0;*/
padding: 6px 12px; padding: 6px 12px;
height: 34px; height: 34px;
@@ -4240,7 +4240,7 @@ table.text-center th {
border-color: #3c8dbc; border-color: #3c8dbc;
} }
.select2-dropdown { .select2-dropdown {
border: 1px solid #d2d6de; border: 1px solid #caced6;
/*border-radius: 0;*/ /*border-radius: 0;*/
} }
.select2-container--default .select2-results__option--highlighted[aria-selected] { .select2-container--default .select2-results__option--highlighted[aria-selected] {
@@ -4271,7 +4271,7 @@ table.text-center th {
} }
.select2-dropdown .select2-search__field, .select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field { .select2-search--inline .select2-search__field {
border: 1px solid #d2d6de; border: 1px solid #caced6;
} }
.select2-dropdown .select2-search__field:focus, .select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus { .select2-search--inline .select2-search__field:focus {
@@ -4292,14 +4292,14 @@ table.text-center th {
color: #444; color: #444;
} }
.select2-container--default .select2-selection--multiple { .select2-container--default .select2-selection--multiple {
border: 1px solid #d2d6de; border: 1px solid #caced6;
/*border-radius: 0;*/ /*border-radius: 0;*/
} }
.select2-container--default .select2-selection--multiple:focus { .select2-container--default .select2-selection--multiple:focus {
border-color: #3c8dbc; border-color: #3c8dbc;
} }
.select2-container--default.select2-container--focus .select2-selection--multiple { .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #d2d6de; border-color: #caced6;
} }
.select2-container--default .select2-selection--multiple .select2-selection__choice { .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #3c8dbc; background-color: #3c8dbc;
@@ -4441,7 +4441,7 @@ table.text-center th {
} }
.bg-gray { .bg-gray {
color: #000; color: #000;
background-color: #d2d6de !important; background-color: #caced6 !important;
} }
.bg-gray-light { .bg-gray-light {
background-color: #f7f7f7; background-color: #f7f7f7;
@@ -4595,7 +4595,7 @@ table.text-center th {
color: #00a65a !important; color: #00a65a !important;
} }
.text-gray { .text-gray {
color: #d2d6de !important; color: #caced6 !important;
} }
.text-navy { .text-navy {
color: #001f3f !important; color: #001f3f !important;
@@ -4868,11 +4868,11 @@ table.text-center th {
margin-left: 110px; margin-left: 110px;
} }
.img-bordered { .img-bordered {
border: 3px solid #d2d6de; border: 3px solid #caced6;
padding: 3px; padding: 3px;
} }
.img-bordered-sm { .img-bordered-sm {
border: 2px solid #d2d6de; border: 2px solid #caced6;
padding: 2px; padding: 2px;
} }
.attachment-block { .attachment-block {

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB