improved_multi_select.css in Improved Multi Select 8
.improvedselect ul li {
padding: 0 5px;
display: block;
margin: 0;
cursor: pointer;
background: none;
}
.improvedselect .del_all:hover,
.improvedselect .add_all:hover,
.improvedselect .del:hover,
.improvedselect .add:hover,
.improvedselect .move_up:hover,
.improvedselect .move_down:hover {
background: #ccc;
}
.improvedselect .improvedselect-text-wrapper {
border: 1px solid gray;
margin-bottom: 5px;
}
.improvedselect input.improvedselect_filter {
width: 96%;
height: 20px;
padding: 0 2%;
}
.improvedselect .add_all,
.improvedselect .del_all,
.improvedselect .del,
.improvedselect .add,
.improvedselect .move_up,
.improvedselect .move_down {
display: block;
width: 80%;
border: 1px solid gray;
cursor: pointer;
margin: 0 0 10px 10%;
text-align: center;
background: white;
/* This is to make the text in the buttons un-selectable. */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.improvedselect .improvedselect_control {
float: left;
width: 18%;
padding-top: 30px;
}
.improvedselect li:hover {
background: #eee;
}
.improvedselect li.selected {
color: white;
background: #3399ff;
}
.improvedselect ul.improvedselect_sel,
.improvedselect ul.improvedselect_all {
width: 40%;
height: 200px;
overflow: auto;
margin: 0;
padding: 0;
display: block;
border: 1px solid gray;
background: white;
list-style: none;
}
.has_group ul.improvedselect_sel,
.has_group ul.improvedselect_all {
width: 30%;
}
.improvedselect div.improvedselect_tabs-wrapper {
width: 19%;
float: left;
}
.improvedselect ul.improvedselect_tabs {
margin: 0;
padding: 0;
}
.improvedselect ul.improvedselect_tabs li {
margin-bottom: 5px;
padding: 1px 0 1px 5px;
/* This is to make the text in the buttons un-selectable. */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.improvedselect ul.improvedselect_tabs li.selected {
background-color: white;
border-color: gray;
border-style: solid;
border-width: 1px 0 1px 1px;
padding: 0;
}
.improvedselect ul.improvedselect_tabs li.selected div {
background-color: white;
margin: 0 -1px 0 1px;
position: relative;
}
.improvedselect ul.improvedselect_tabs li.selected div a {
margin-left: 3px;
padding-right: 5px;
}
.improvedselect .improvedselect_all {
float: left;
}
.improvedselect .improvedselect_sel {
float: right;
}
.improvedselect .clear {
clear: both;
}
.improvedselect {
border: 1px solid gray;
background: #eee;
padding: 1%;
min-width: 440px;
overflow: hidden;
}
File
css/improved_multi_select.css
View source
- .improvedselect ul li {
- padding: 0 5px;
- display: block;
- margin: 0;
- cursor: pointer;
- background: none;
- }
- .improvedselect .del_all:hover,
- .improvedselect .add_all:hover,
- .improvedselect .del:hover,
- .improvedselect .add:hover,
- .improvedselect .move_up:hover,
- .improvedselect .move_down:hover {
- background: #ccc;
- }
- .improvedselect .improvedselect-text-wrapper {
- border: 1px solid gray;
- margin-bottom: 5px;
- }
- .improvedselect input.improvedselect_filter {
- width: 96%;
- height: 20px;
- padding: 0 2%;
- }
- .improvedselect .add_all,
- .improvedselect .del_all,
- .improvedselect .del,
- .improvedselect .add,
- .improvedselect .move_up,
- .improvedselect .move_down {
- display: block;
- width: 80%;
- border: 1px solid gray;
- cursor: pointer;
- margin: 0 0 10px 10%;
- text-align: center;
- background: white;
- /* This is to make the text in the buttons un-selectable. */
- -moz-user-select: -moz-none;
- -khtml-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .improvedselect .improvedselect_control {
- float: left;
- width: 18%;
- padding-top: 30px;
- }
- .improvedselect li:hover {
- background: #eee;
- }
- .improvedselect li.selected {
- color: white;
- background: #3399ff;
- }
- .improvedselect ul.improvedselect_sel,
- .improvedselect ul.improvedselect_all {
- width: 40%;
- height: 200px;
- overflow: auto;
- margin: 0;
- padding: 0;
- display: block;
- border: 1px solid gray;
- background: white;
- list-style: none;
- }
- .has_group ul.improvedselect_sel,
- .has_group ul.improvedselect_all {
- width: 30%;
- }
- .improvedselect div.improvedselect_tabs-wrapper {
- width: 19%;
- float: left;
- }
- .improvedselect ul.improvedselect_tabs {
- margin: 0;
- padding: 0;
- }
- .improvedselect ul.improvedselect_tabs li {
- margin-bottom: 5px;
- padding: 1px 0 1px 5px;
- /* This is to make the text in the buttons un-selectable. */
- -moz-user-select: -moz-none;
- -khtml-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .improvedselect ul.improvedselect_tabs li.selected {
- background-color: white;
- border-color: gray;
- border-style: solid;
- border-width: 1px 0 1px 1px;
- padding: 0;
- }
- .improvedselect ul.improvedselect_tabs li.selected div {
- background-color: white;
- margin: 0 -1px 0 1px;
- position: relative;
- }
- .improvedselect ul.improvedselect_tabs li.selected div a {
- margin-left: 3px;
- padding-right: 5px;
- }
- .improvedselect .improvedselect_all {
- float: left;
- }
- .improvedselect .improvedselect_sel {
- float: right;
- }
- .improvedselect .clear {
- clear: both;
- }
- .improvedselect {
- border: 1px solid gray;
- background: #eee;
- padding: 1%;
- min-width: 440px;
- overflow: hidden;
- }