-
Notifications
You must be signed in to change notification settings - Fork 8
/
jquery.regionPicker.css
70 lines (65 loc) · 6.61 KB
/
jquery.regionPicker.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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/*-----------------------------------------------
$.fn.regionpicker() 地区选择插件
-----------------------------------------------*/
.regionPicker-trigger-loading { background:url('images/loading.gif') no-repeat center center; }/* input loading */
input.regionPicker-rendered { cursor:pointer !important; outline:none; }
.regionpicker-popup-overlay{ position:absolute; left:0px; top:30px; width:300px; z-index:9999; color:#333; font:400 12px/1.6 arial,simsun; }
.regionpicker-wrapper a { color: #08C; text-decoration: none;}
.regionpicker-wrapper { border:1px solid #CCC; }
.regionpicker-wrapper .has-city-title { color: #333;}
.regionpicker-wrapper .region-tab-menu { background:#F0F0F0; border-bottom:1px solid #CCC; height:35px; }
.regionpicker-wrapper .region-tab-menu a { float:left; width:33px; padding:8px 16px; margin-bottom:-1px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:center; color:#4D4D4D; }
.regionpicker-wrapper .region-tab-menu a.current { border-bottom:1px solid #FFF; background:#FFF; color:#F60; }
.regionpicker-wrapper .region-tab-menu a:hover { color:#F60; }
.regionpicker-wrapper .region-group { display:none; padding:10px 15px; background:#FFF; }
.regionpicker-wrapper .region-group.current { display:block; }
.regionpicker-wrapper .region-group dl.type-pc { padding:3px 0; margin:0; line-height:2; clear:both; }
.regionpicker-wrapper .region-group dl.type-pc:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden; }
.regionpicker-wrapper .region-group dl.type-pc dt { display: inline-block; float: left; width: 25px; font-weight:bold; padding-right:10px; text-align:right; }
.regionpicker-wrapper .region-group dl.type-pc dd { margin-left:35px; }
.regionpicker-wrapper .region-group a { display:inline-block; padding:0 10px; margin-right:2px; border-radius:2px; color:#333; outline:0 none; white-space:nowrap; }
.regionpicker-wrapper .region-group a:hover { background:#FFF8F3; color:#F60; }
.regionpicker-wrapper .region-group a.current { background:#F60; color:#FFF; }
/*-----------------------------------------------
手机端(虚拟页面形式)
-----------------------------------------------*/
.page-regionPicker { display:none; background:#FFF; }
.rp-header,
.rp-footer { position:relative; z-index:3; width:100%; height:3.125em /* =50/16 */; }
.rp-header .rp-fixed,
.rp-footer .rp-fixed { position:fixed; left:0; width:100%; height:3.125em /* =50/16 */; background:#FFA100; color:#FFF; }
.rp-header .rp-fixed { top:0; }
.rp-header.style-gray .rp-fixed { background-color:#EFEFEF; color:#666; }
.rp-header .rp-fixed .rp-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; }
.rp-header .rp-fixed .rp-wrapper .top-bar { position:relative; display:-webkit-box; display:box; width:100%; height:100%; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-left,
.rp-header .rp-fixed .rp-wrapper .top-bar .area-right { position:absolute; top:0; display:-webkit-box; display:box; -webkit-box-align:center; box-align:center; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-left { left:0; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-right { right:0; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-center { -webkit-box-flex:1; box-flex:1; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a { padding:0 0.6em; height:3.125em; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; color:#FFF; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a .txt { }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a i { display:block; font-size:1.3em; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a.rp-back { padding:0 1.8em 0 0.8em; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-right a i { display:block; width:1rem; height:1rem; background:url('http://dummyimage.com/50x50/FFF/000&text=I') no-repeat center center; background-size:contain; font-size:0; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area-right a:last-child { margin-right:0.2em; }
.rp-header.style-gray .rp-fixed .rp-wrapper .top-bar .area a.rp-back { color:#838383; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a.rp-back span { display:none; padding:0 0.3em; color:#838383; font-size:0.8rem; }
.rp-header .rp-fixed .rp-wrapper .top-bar .area a.rp-back i { margin-top:0.1em; font-size:1.5rem; }
.rp-footer .rp-fixed { bottom:0; }
.rp-footer .rp-fixed .rp-wrapper { height:100%; padding:0 1em; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; }
.rp-footer .rp-fixed .rp-wrapper .rp-address { -webkit-box-flex:1; box-flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rp-footer .rp-fixed .rp-wrapper .rp-btn-confirm { display:block; padding:0.35em 1em 0.4em; margin-left:1em; border:1px solid #FFF; border-radius:0.25em; color:#FFF; }
.rp-footer .rp-fixed .rp-wrapper .rp-btn-confirm:active { background:#FFF; color:#FFA100; }
.page-regionPicker .regionpicker-wrapper { border:none; position:relative; }
.page-regionPicker .regionpicker-wrapper .region-tab-menu { position:fixed; left:0; top:3.125em; right:0; height:3.4em; border-bottom:none; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; background:#FFF; }
.page-regionPicker .regionpicker-wrapper .region-tab-menu a { height:3em; line-height:3.3em; padding:0 0 3px 0; float:none; display:block; -webkit-box-flex:1; box-flex:1; width:25%; }
.page-regionPicker .regionpicker-wrapper .region-tab-menu a:last-child { border-right:none; }
.page-regionPicker .regionpicker-wrapper .region-tab-menu a.current { padding:0 0 1px 0; border-bottom:3px solid #FFA100; color:#FFA100; }
.page-regionPicker .regionpicker-wrapper .region-group-wrapper { padding-top:3em; }
.page-regionPicker .regionpicker-wrapper .region-group { overflow-y:auto; padding:0 0.8em; }
.page-regionPicker .regionpicker-wrapper .region-group dl { padding:0.6em; border-top:1px solid #D2D2D2; display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; }
.page-regionPicker .regionpicker-wrapper .region-group dl:first-child { border-top:none; }
.page-regionPicker .regionpicker-wrapper .region-group dl dt { -webkit-box-flex:1; box-flex:1; }
.page-regionPicker .regionpicker-wrapper .region-group dl dd { width:1.4em; height:1.4em; background:url('images/item-normal.png') no-repeat center center; background-size:contain; }
.page-regionPicker .regionpicker-wrapper .region-group dl.current dd { background-image:url('images/item-current.png'); }