/*********************************** * Layout ***********************************/ .wSelect-el { width: 0px; height: 0px; padding: 0px; margin: 0px; border: none; overflow: hidden; } .wSelect { position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wSelect-arrow { position: absolute; width: 30px; right: 0px; top: 0px; height: 100%; background-repeat: no-repeat; background-position: 0px center; } .wSelect-hover .wSelect-arrow, .wSelect-active .wSelect-arrow { background-position: -30px center; } .wSelect.wSelect-multiple { overflow: hidden; } .wSelect-selected { /*margin: 0px 35px 0px 5px; padding: 5px 0;*/ overflow: hidden; white-space: nowrap; background-repeat: no-repeat; background-position: 0 center; } .wSelect-options-holder { position: absolute; display: none; left: -42px; z-index: 200; min-height:84px; overflow: hidden; } .wSelect-multiple .wSelect-options-holder { position: relative !important; display: block !important; top: auto !important; z-index: auto !important; border: none !important; } .wSelect-options { overflow-y: hidden; overflow-x: hidden; min-height:84px; } .wSelect-option { background-repeat: no-repeat; background-position: 5px center; margin-bottom: 1px; cursor: pointer; } .wSelect-option-last { margin-bottom: 0px; } .wSelect-option-value { /*margin: 0 5px; padding: 5px 0;*/ background-repeat: no-repeat; background-position: 0 center; white-space: nowrap; overflow: hidden; } .wSelect-option-disabled .wSelect-option-value { filter: alpha(opacity=20); opacity: 0.2; } .wSelect-option-icon { padding-left: 20px; } /*********************************** * Theme - classic ***********************************/ .wSelect-theme-classic.wSelect { /*border: solid #CCC 1px;*/ /*color: #555;*/ /*background-color: #FAFAFA; */ /*font-size: 12px;*/ /*font-family: verdana;*/ line-height: 20px; min-width: 100px; max-width: 300px; /*margin-bottom: 7px;*/ /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .wSelect-arrow { background-image: url('./img/arrow-down.png'); } .wSelect-theme-classic.wSelect-hover, .wSelect-theme-classic.wSelect-active { /* border-color: rgb(82, 168, 236); border-color: rgba(82, 168, 236, 0.8); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);*/ } .wSelect-theme-classic .wSelect-options-holder { background-color: #ded7bd; border: solid #302f2a 1px; width:191px; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ margin:10px; min-width: 100px; max-width: 300px; } .wSelect-theme-classic .wSelect-options { /*border: solid #302f2a 1px;*/ padding:5px; /*border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;*/ } .wSelect-theme-classic .wSelect-option { background-color: #ded7bd; color: #333; } .wSelect-theme-classic .wSelect-option-disabled { background-color: #c8bf9f !important; color: #333 !important; } .wSelect-theme-classic .wSelect-option-selected, .wSelect-theme-classic .wSelect-option:hover { background-color: #c8bf9f; color: #FAFAFA; } /*********************************** * Labels ***********************************/ .wLabel-top, .wLabel-left, .wLabel-left-top { vertical-align: middle; font-size: 10px; line-height: 16px; color: #999; display: block; margin: 5px 0 3px 3px; } .wLabel-left-top { vertical-align: top; } @media screen and (min-width: 600px) { .wLabel-left, .wLabel-left-top { display: inline-block; *display: inline; zoom: 1; width: 70px; text-align: right; margin: 0 0 7px 0; } }