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.
87 lines
1.7 KiB
87 lines
1.7 KiB
/* dojox.mobile.ComboBox */ |
|
.dijitPopup.mblComboBoxMenuPopup { |
|
margin: 0; |
|
padding: 0; |
|
position: absolute; |
|
border: 0; |
|
background-color: transparent; |
|
-webkit-box-shadow: none; |
|
border-radius: 0; |
|
box-shadow: none; |
|
} |
|
.dijitPopup.mblComboBoxMenuPopup .dijitBackgroundIframe { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100%; |
|
z-index: -1; |
|
border: 0; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
.mblReset { |
|
margin: 0; |
|
padding: 0; |
|
border: 0; |
|
line-height: normal; |
|
font: inherit; |
|
color: inherit; |
|
} |
|
.mblComboBoxMenu { |
|
position: relative; |
|
overflow-y: hidden !important; |
|
overflow: hidden; |
|
border: 1px solid black; |
|
border: none; |
|
border-radius: 0; |
|
background-color: #1f1f1f; |
|
color: #ffffff; |
|
width: 100% !important; |
|
height: calc(100% - 20px) !important; |
|
} |
|
.mblComboBoxMenuItem { |
|
padding: .1em .2em; |
|
border-width: 1px 0 1px 0; |
|
border-style: solid; |
|
text-align: left; |
|
border: none; |
|
color: inherit; |
|
font-size: 15pt; |
|
line-height: 1.4; |
|
padding-left: 15px; |
|
-ms-user-select: none; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
} |
|
.mblComboBoxMenuItemSelected { |
|
color: Highlight; |
|
} |
|
.mblComboBoxMenuPreviousButton, |
|
.mblComboBoxMenuNextButton { |
|
font-style: italic; |
|
overflow: hidden; |
|
} |
|
.mblComboBoxMenuPopup { |
|
background-color: #1f1f1f; |
|
color: #ffffff; |
|
width: 100%; |
|
height: calc(100% - 50px) !important; |
|
padding: 50px 0 0 0; |
|
left: 0px !important; |
|
-ms-touch-action: none; |
|
} |
|
.mblComboBoxMenuPopup:before { |
|
content: 'CHOOSE AN ITEM'; |
|
position: absolute; |
|
top: 20px; |
|
left: 15px; |
|
font-weight: 600; |
|
} |
|
.mblComboBoxMenu > div { |
|
width: 100%; |
|
} |
|
.mblComboBoxMenuItem:active { |
|
color: Highlight; |
|
}
|
|
|