123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- /* icon */
- .arrow,
- .cb,
- .rb {
- background-image: url(icon.png);
- float: left;
- }
- /* select box */
- .sb {
- cursor: pointer;
- position: relative;
- float: left;
- display: inline-block;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- padding-right: 20px;
- }
- .sb_active {
- border-radius: 6px 6px 0 0;
- -moz-border-radius: 6px 6px 0 0;
- -webkit-border-radius: 6px 6px 0 0;
- }
- .sb * {
- color: #666666;
- font: normal 12px Song;
- cursor: pointer;
- background-color: #fff;
- }
- .sb .opts {
- border: 1px solid #dee3f0;
- cursor: pointer;
- display: none;
- height: auto;
- left: 0;
- max-height: 173px;
- overflow-x: hidden;
- overflow-y: auto;
- position: absolute;
- top: 0;
- width: auto;
- z-index: 99;
- }
- .sb > .selected {
- background-color: #6570a0;
- padding: 0 15px;
- overflow: hidden;
- position: absolute;
- cursor: pointer;
- left: 0;
- right: 20px;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- font: 14px/42px "Microsoft Yahei";
- color: #fff;
- }
- .sb .opts a {
- width: auto;
- height: 24px;
- line-height: 24px;
- padding: 0 5px;
- cursor: default;
- outline: none;
- white-space: nowrap;
- text-decoration: none;
- display: block;
- cursor: pointer;
- }
- .sb .opts a.selected {
- background: #ffffe1;
- }
- .sb .opts a.none {
- background: #fff;
- }
- .sb .opts a:hover {
- background: #ffffe1;
- cursor: pointer;
- }
- .sb .sb_icon {
- width: 24px;
- height: 24px;
- overflow: hidden;
- position: absolute;
- cursor: pointer;
- right: 29px;
- }
- .sb .arrow {
- background-color: transparent;
- background-position: -48px -24px;
- }
- .sb_active .arrow {
- background-position: -48px 0px;
- }
- /* checkbox box */
- .cb {
- width: 24px;
- height: 24px;
- display: inline-block;
- *display: inline;
- zoom: 1;
- background-position: 0 0;
- cursor: pointer;
- margin: 9px 0;
- }
- .cb_active {
- background-position: 0 -24px;
- }
- /* radio box */
- .rb {
- width: 24px;
- height: 24px;
- margin: 0 auto;
- padding: 0;
- display: inline-block;
- *display: inline;
- zoom: 1;
- vertical-align: middle;
- background-position: -24px 0;
- cursor: pointer;
- margin: 9px 0;
- }
- .rb_active {
- background-position: -24px -24px;
- }
|