-
Notifications
You must be signed in to change notification settings - Fork 1
/
ul2select.css
24 lines (23 loc) · 1.8 KB
/
ul2select.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/* ---- UL2SELECT LIST STYLING */
ul.ul2select { display: inline-block; position: relative; z-index: 2; width: 250px; margin: 0; padding: 0; background: #FFF; outline: none; border: 1px solid #DDD; list-style: none; }
ul.ul2select li { z-index: 2; line-height: 3.9em; padding: 0; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #222; text-indent: 10px; list-style: none; }
ul.ul2select li:before { display: none; }
ul.ul2select li label { display: block; padding: 10px 0; line-height: 2.1em; cursor: pointer; }
ul.ul2select li input { display: none; }
ul.ul2select li.init:after { font-size: 16px; top: 17px; color: #DDD; }
ul.ul2select li:not(.init) { width: 100%; float: left; display: none; background: #FFF; cursor: pointer;}
ul.ul2select li.disabled { cursor: default; text-decoration: line-through; color: #888; }
ul.ul2select.open { position: relative; z-index: 1000; background: #FFF; }
ul.ul2select.open li:not(.init) { display: block }
ul.ul2select li:not(.init):not(.disabled):hover,
ul.ul2select li.selected:not(.init):not(.disabled) { background: #333; color: #FFF; }
ul.ul2select li:not(.init):not(.disabled):hover label,
ul.ul2select li.selected:not(.init):not(.disabled) label,
ul.ul2select li:not(.init):not(.disabled):hover span,
ul.ul2select li.selected:not(.init):not(.disabled) span { background: #333; color: #FFF; }
ul.ul2select li:not(.init):not(.disabled) label:hover { color: #333; }
ul.ul2select li.init { background: #FFF; color: #333; cursor: pointer; }
ul.ul2select li.init:after { content: '\e634'; position: absolute; right: 10px; top: 0; font-size: 20px; color: red; }
ul.ul2select li.init label { line-height: 2.3em; color: #333; }
ul.ul2select li.disabled label { background: #EEE; pointer-events: none; }
ul.ul2select li.disabled label:hover { background: #EEE; pointer-events: none; }