Host-customized fork of https://github.com/tecnovert/basicswap/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
4.7 KiB
180 lines
4.7 KiB
2 years ago
|
/*! *
|
||
|
/** * * MSDropdown - dd.js * * @author: Marghoob Suleman * * @website: https://www.marghoobsuleman.com/ * * @version: 4.0.2 * * @date: Wed Oct 13 2021 15:19:38 GMT+0530 (India Standard Time) * * msDropdown is free web component: you can redistribute it and/or modify * * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2 * * / */
|
||
|
/*! */
|
||
|
.ms-pr {
|
||
|
position: relative;
|
||
|
border-width: 1px;
|
||
|
border-color: #fff
|
||
|
}
|
||
|
.blaat:active {
|
||
|
border-radius: 0.5rem;
|
||
|
border-width: 1px;
|
||
|
border-color: #3b82f6;
|
||
|
outline: none !important
|
||
|
}
|
||
|
.blaat:focus {
|
||
|
border-radius: 0.5rem;
|
||
|
border-width: 1px;
|
||
|
border-color: #3b82f6;
|
||
|
outline: none !important
|
||
|
}
|
||
|
.ms-dd {
|
||
|
border-radius: 0.5rem;
|
||
|
border-width: 1px;
|
||
|
border-color: #d1d5db;
|
||
|
background: none
|
||
|
}
|
||
|
.ms-list-option:active {
|
||
|
border-radius: 0.5rem;
|
||
|
border-width: 1px;
|
||
|
border-color: #3b82f6;
|
||
|
outline: none !important
|
||
|
}
|
||
|
.ms-dd .ms-value-input {
|
||
|
left: 20px;
|
||
|
position: absolute;
|
||
|
top: 10px;
|
||
|
width: 50%
|
||
|
}
|
||
|
.ms-dd .ms-dd-header {
|
||
|
c cursor: pointer;
|
||
|
min-height: 35px;
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.ms-dd .ms-dd-header .option-selected {
|
||
|
color: #333f51;
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
padding: 9px 19px 9px 9px;
|
||
|
pointer-events: none;
|
||
|
border-radius: 0.5rem;
|
||
|
border-width: 1px;
|
||
|
border-color: #f9fafb;
|
||
|
background: none
|
||
|
}
|
||
|
.ms-dd .ms-dd-header .ms-list-counter, .ms-dd .ms-dd-header input[type=checkbox] {
|
||
|
display: none
|
||
|
}
|
||
|
.ms-dd .ms-dd-header .ms-header-counter {
|
||
|
color: #0e76a8
|
||
|
}
|
||
|
.ms-dd .ms-dd-header .ms-filter-box {
|
||
|
box-sizing: border-box;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
padding: 6px 10px;
|
||
|
min-height: 44px
|
||
|
}
|
||
|
.ms-dd .ms-dd-option-image, .ms-dd .ms-dd-selected-img {
|
||
|
margin-right: 5px;
|
||
|
max-width: 40px;
|
||
|
vertical-align: middle
|
||
|
}
|
||
|
.ms-dd .ms-dd-arrow {
|
||
|
height: 0;
|
||
|
margin-top: -3px;
|
||
|
position: absolute;
|
||
|
right: 10px;
|
||
|
top: 50%;
|
||
|
width: 0
|
||
|
}
|
||
|
.ms-dd .ms-dd-arrow.ms-dd-pointer-down {
|
||
|
display: none
|
||
|
}
|
||
|
.ms-dd .ms-dd-arrow.ms-dd-pointer-up {
|
||
|
display: none
|
||
|
}
|
||
|
.ms-dd .ms-options {
|
||
|
background: #fff;
|
||
|
border: 1px solid #767676;
|
||
|
box-shadow: 0 1px 5px #ddd;
|
||
|
display: none;
|
||
|
list-style: none;
|
||
|
margin: 0;
|
||
|
overflow: auto;
|
||
|
padding: 0;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
z-index: 9999
|
||
|
}
|
||
|
.ms-dd .ms-list-option, .ms-dd .ms-optgroup ul .ms-list-option {
|
||
|
align-items: center;
|
||
|
color: #333;
|
||
|
cursor: pointer;
|
||
|
display: flex;
|
||
|
justify-content: flex-start;
|
||
|
overflow: hidden;
|
||
|
padding: 10px;
|
||
|
position: relative;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
.ms-dd .ms-list-option input[type=checkbox], .ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox] {
|
||
|
margin-right: 5px;
|
||
|
vertical-align: middle
|
||
|
}
|
||
|
.ms-dd .ms-list-option:last-child, .ms-dd .ms-optgroup ul .ms-list-option:last-child {
|
||
|
border-bottom: none
|
||
|
}
|
||
|
.ms-dd .ms-list-option:hover, .ms-dd .ms-optgroup ul .ms-list-option:hover {
|
||
|
background: #e0e0e6;
|
||
|
color: #000
|
||
|
}
|
||
|
.ms-dd .ms-list-option.option-selected, .ms-dd .ms-optgroup ul .ms-list-option.option-selected {
|
||
|
background: #f9fafb
|
||
|
}
|
||
|
.ms-dd .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img {
|
||
|
order: 2
|
||
|
}
|
||
|
.ms-dd .ms-list-option.disabled, .ms-dd .ms-list-option:disabled, .ms-dd .ms-optgroup ul .ms-list-option.disabled, .ms-dd .ms-optgroup ul .ms-list-option:disabled {
|
||
|
cursor: default;
|
||
|
opacity: .4
|
||
|
}
|
||
|
.ms-dd .ms-list-option .ms-dd-desc, .ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc {
|
||
|
color: #aaa;
|
||
|
display: block;
|
||
|
line-height: 1.5em;
|
||
|
overflow: hidden;
|
||
|
text-shadow: 0 1px .5px #fff
|
||
|
}
|
||
|
.ms-dd .ms-header-middle-content, .ms-dd .ms-middle {
|
||
|
display: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
font-size: 0.875rem;
|
||
|
min-width: 100px
|
||
|
}
|
||
|
.ms-dd.disabled, .ms-dd:disabled {
|
||
|
cursor: default;
|
||
|
opacity: .4;
|
||
|
pointer-events: none
|
||
|
}
|
||
|
.ms-dd .ms-optgroup-padding {
|
||
|
padding: 10px 10px 0
|
||
|
}
|
||
|
.ms-dd .ms-optgroup {
|
||
|
display: block
|
||
|
}
|
||
|
.ms-dd .ms-optgroup:hover {
|
||
|
background: #fff;
|
||
|
color: #000
|
||
|
}
|
||
|
.ms-dd .ms-optgroup ul {
|
||
|
margin: 0;
|
||
|
padding: 0
|
||
|
}
|
||
|
.ms-dd .ms-optgroup ul .ms-list-option {
|
||
|
padding-left: 20px
|
||
|
}
|
||
|
.ms-dd .ms-optgroup ul:last-child {
|
||
|
}
|
||
|
.ms-dd .ms-dd-option-content {
|
||
|
width: 100%
|
||
|
}
|
||
|
.ms-value-input {
|
||
|
display:none;
|
||
|
}
|