diff --git a/src/swq/darksidebar.css b/src/swq/darksidebar.css new file mode 100644 index 0000000..2e2765f --- /dev/null +++ b/src/swq/darksidebar.css @@ -0,0 +1,46 @@ +.navbar.active { + background-color: #fff; +} +.navbar-bg { + background-color: #fff; +} +.navbar .nav-link { + color: #2C2E3E; +} +.navbar .nav-link:hover { + color: #3f4257; +} +.navbar .form-inline .form-control { + background-color: #f2f2f2; +} +.navbar .form-inline .btn { + background-color: #f2f2f2; +} +.main-sidebar { + background-color: #212330; +} +.main-sidebar .sidebar-brand { + background-color: #1f202e; +} +.main-sidebar .sidebar-brand a { + color: #fff; +} +.main-sidebar .sidebar-menu li.active a { + background-color: #1f202e; + color: #fff; +} +.main-sidebar .sidebar-menu li ul.menu-dropdown li a { + color: #868e96; +} +.main-sidebar .sidebar-menu li ul.menu-dropdown li.active a { + color: #fff; +} +.main-sidebar .sidebar-menu li a:hover { + background-color: #1f202e; +} +.main-sidebar .sidebar-menu li.menu-header { + color: #3f4257; +} +.main-sidebar .sidebar-user .sidebar-user-details .user-name { + color: #ededed; +} \ No newline at end of file diff --git a/src/swq/deeppurple.css b/src/swq/deeppurple.css new file mode 100644 index 0000000..c93cee4 --- /dev/null +++ b/src/swq/deeppurple.css @@ -0,0 +1,195 @@ +.bg-primary { + background-color: #39065A !important; +} +.text-primary { + color: #39065A !important; +} +a { + color: #39065A; +} +a:hover { + color: #c9253d; +} +.btn-primary { + background-color: #39065A; + border-color: transparent !important; +} +.btn-primary:focus, +.btn-primary:focus:active, +.btn-primary:active, +.btn-primary:hover { + background-color: #c9253d !important; +} +.btn-primary.disabled, .btn-primary:disabled { + background-color: #39065A; + border-color: #39065A; +} +.btn-outline-primary { + color: #39065A; + background-color: transparent; + background-image: none; + border-color: #39065A; +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #39065A; + border-color: #39065A; +} +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #39065A; + background-color: transparent; +} +.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #39065A; + border-color: #39065A; +} +.btn-link { + font-weight: 400; + color: #39065A; + background-color: transparent; +} +.btn-link:hover { + color: #c9253d; +} +.dropdown-item.active, .dropdown-item:active { + color: #fff; + background-color: #39065A; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + background-color: #39065A; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #39065A; +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + background-color: #39065A; +} +.custom-radio .custom-control-input:checked ~ .custom-control-label::before { + background-color: #39065A; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #39065A; +} +.page-link { + color: #39065A; + background-color: #fff; + border: 1px solid #ededed; +} +.page-item.active .page-link { + color: #fff; + background-color: #39065A; + border-color: #39065A; +} +.page-link:focus, .page-link:hover { + color: #c9253d; +} + +.badge-primary { + color: #fff; + background-color: #39065A; +} +.progress-bar { + color: #fff; + background-color: #39065A; +} +.list-group-item.active { + color: #fff; + background-color: #39065A; + border-color: #39065A; +} +.bg-primary { + background-color: #39065A !important; +} +.border-primary { + border-color: #39065A !important; +} +.text-primary { + color: #39065A !important; +} + +.navbar.active { + background-color: #39065A; +} +.navbar-bg { + background-color: #39065A; +} +.form-control:focus { + border-color: #39065A; +} +.main-sidebar .sidebar-menu li.active a { + background-color: #f9f9f9; + color: #39065A; +} +.main-sidebar .sidebar-menu li ul.menu-dropdown li a:hover { + color: #39065A; +} + +.main-sidebar .sidebar-menu li ul.menu-dropdown li.active a { + color: #39065A; +} +.alert.alert-primary { + background-color: #39065A; +} +.card.card-primary { + border-top: 2px solid #39065A; +} +.fc button.fc-state-active { + background-color: #39065A; + color: #fff; +} +.jqvmap-circle { + background-color: #39065A; + border: 1px solid #000; +} +.weather ul li { + border: 2px solid #39065A; + color: #39065A; +} +.card-chat .chat-content .chat-item.chat-right .chat-details .chat-text { + background-color: #39065A; + color: #fff; +} +.nav-tabs .nav-item .nav-link { + color: #39065A; +} +.nav-pills .nav-item .nav-link { + color: #39065A; +} +.swal-button.swal-button--confirm { + background-color: #39065A; +} +.page-item .page-link { + color: #39065A; +} +.page-item.active .page-link { + background-color: #39065A; + border-color: #39065A; +} +.btn-group .btn.active { + background-color: #39065A; + color: #fff; +} +.media .media-right { + color: #39065A; +} +.selectric-items li.selected, +.selectric-items li.highlighted { + background-color: #39065A; + color: #fff; +} +.dropzone { + border: 2px dashed #39065A; +} +.accordion .accordion-header[aria-expanded="true"] { + background-color: #39065A; + color: #fff; +} +.bootstrap-tagsinput .tag { + background-color: #39065A; +} diff --git a/src/swq/demo.css b/src/swq/demo.css new file mode 100644 index 0000000..0a1f4fe --- /dev/null +++ b/src/swq/demo.css @@ -0,0 +1,96 @@ +.demo-settings { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 2002; +} +.demo-settings .demo-settings-toggle { + transition: all .5s; + -webkit-transition: all .5s; + -o-transition: all .5s; + -moz-transition: all .5s; + width: 50px; + height: 50px; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + background-color: #F73F52; + color: #fff; + box-shadow: 0 10px 30px rgba(0, 0, 0, .2); + text-align: center; + line-height: 60px; + cursor: pointer; +} +.demo-settings .demo-settings-toggle i { + font-size: 24px; +} +.demo-settings .demo-settings-options { + transition: all .5s; + -webkit-transition: all .5s; + -o-transition: all .5s; + -moz-transition: all .5s; + transition-delay: .3s; + -webkit-transition-delay: .3s; + -o-transition-delay: .3s; + -moz-transition-delay: .3s; + z-index: -1; + position: absolute; + left: -170px; + top: 0; + height: 50px; + width: 50px; + background-color: #fff; + box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); + border-radius: 30px; + visibility: hidden; + opacity: 0; +} +.demo-settings .demo-settings-options ul { + padding: 0; + margin: 0; + width: 100%; + display: inline-block; + margin-left: 20px; +} +.demo-settings .demo-settings-options ul li { + width: 20px; + height: 20px; + background-color: #000; + margin-right: 10px; + margin-top: 15px; + border-radius: 3px; + display: inline-block; + cursor: pointer; + opacity: 0; + transition: all .5s; + -webkit-transition: all .5s; + -o-transition: all .5s; + -moz-transition: all .5s; +} +.demo-settings .demo-settings-options ul li:hover { + opacity: .8; +} +.demo-settings.active .demo-settings-toggle { + margin: 5px; + box-shadow: none; + line-height: 50px; + width: 40px; + height: 40px; + transform: rotate(90deg); +} +.demo-settings.active .demo-settings-options { + visibility: visible; + opacity: 1; + width: 220px; +} +.demo-settings.active .demo-settings-options ul li { + opacity: 1; + transition-delay: .3s; + -webkit-transition-delay: .3s; + -moz-transition-delay: .3s; + -o-transition-delay: .3s; +} + +/*# sourceMappingURL=demo.css.map */ diff --git a/src/swq/regist.html b/src/swq/regist.html new file mode 100644 index 0000000..029c801 --- /dev/null +++ b/src/swq/regist.html @@ -0,0 +1,120 @@ + + +
+ +