合并featrue/seckill分支修改的公共样式对width750的支持
Showing
4 changed files
with
108 additions
and
3 deletions
@@ -10,7 +10,6 @@ | @@ -10,7 +10,6 @@ | ||
10 | box-sizing: border-box; | 10 | box-sizing: border-box; |
11 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 11 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
12 | } | 12 | } |
13 | - | ||
14 | html, | 13 | html, |
15 | body { | 14 | body { |
16 | width: 100%; | 15 | width: 100%; |
@@ -18,6 +17,15 @@ body { | @@ -18,6 +17,15 @@ body { | ||
18 | font-family: helvetica, Arial, "黑体"; | 17 | font-family: helvetica, Arial, "黑体"; |
19 | line-height: 1.4; | 18 | line-height: 1.4; |
20 | } | 19 | } |
20 | +.width750 { | ||
21 | + font-size: 28px; | ||
22 | + .main-wrap { | ||
23 | + max-width: 750px; | ||
24 | + } | ||
25 | + .good-failure { | ||
26 | + background-size: 155px !important; | ||
27 | + } | ||
28 | +} | ||
21 | 29 | ||
22 | button, | 30 | button, |
23 | input, | 31 | input, |
1 | +.width750 { | ||
2 | + .yoho-footer { | ||
3 | + font-size: 28px; | ||
4 | + } | ||
5 | + .op-row { | ||
6 | + padding: 0 35px; | ||
7 | + height: 140px; | ||
8 | + line-height: 140px; | ||
9 | + .user-name { | ||
10 | + margin-right: 1.17em; | ||
11 | + margin-left: 0.35em; | ||
12 | + max-width: 234px; | ||
13 | + } | ||
14 | + .back-to-top { | ||
15 | + right: 47px; | ||
16 | + } | ||
17 | + .sep-line { | ||
18 | + margin: 0 0.35em; | ||
19 | + } | ||
20 | + | ||
21 | + } | ||
22 | + .copyright { | ||
23 | + height: 140px; | ||
24 | + line-height: 140px; | ||
25 | + } | ||
26 | +} | ||
1 | .yoho-footer { | 27 | .yoho-footer { |
2 | position: relative; | 28 | position: relative; |
3 | width: 100%; | 29 | width: 100%; |
@@ -10,7 +10,36 @@ | @@ -10,7 +10,36 @@ | ||
10 | font-size: 20PX; | 10 | font-size: 20PX; |
11 | line-height: 90px; | 11 | line-height: 90px; |
12 | } | 12 | } |
13 | - | 13 | +.width750 { |
14 | + .yoho-header { | ||
15 | + height: 105px; | ||
16 | + line-height: 105px; | ||
17 | + .nav-back { | ||
18 | + left: 12px; | ||
19 | + width: 105px; | ||
20 | + height: 105px; | ||
21 | + line-height: 105px; | ||
22 | + } | ||
23 | + .nav-home { | ||
24 | + right: 12px; | ||
25 | + width: 105px; | ||
26 | + height: 105px; | ||
27 | + line-height: 105px; | ||
28 | + } | ||
29 | + .nav-btn { | ||
30 | + right: 12px; | ||
31 | + width: 105px; | ||
32 | + height: 105px; | ||
33 | + line-height: 105px; | ||
34 | + } | ||
35 | + .nav-title { | ||
36 | + margin-right: 117px; | ||
37 | + margin-left: 117px; | ||
38 | + font-size: 42px; | ||
39 | + font-weight: normal; | ||
40 | + } | ||
41 | + } | ||
42 | +} | ||
14 | .yoho-header { | 43 | .yoho-header { |
15 | position: relative; | 44 | position: relative; |
16 | z-index: 1; | 45 | z-index: 1; |
@@ -76,6 +105,18 @@ | @@ -76,6 +105,18 @@ | ||
76 | } | 105 | } |
77 | } | 106 | } |
78 | 107 | ||
108 | +.width750 { | ||
109 | + .system-update { | ||
110 | + height: 105px; | ||
111 | + line-height: 105px; | ||
112 | + .system-header { | ||
113 | + font-size: 70px; | ||
114 | + } | ||
115 | + span { | ||
116 | + font-size: 94px; | ||
117 | + } | ||
118 | + } | ||
119 | +} | ||
79 | .system-update { | 120 | .system-update { |
80 | display: none; | 121 | display: none; |
81 | overflow: hidden; | 122 | overflow: hidden; |
@@ -106,6 +147,24 @@ | @@ -106,6 +147,24 @@ | ||
106 | } | 147 | } |
107 | } | 148 | } |
108 | 149 | ||
150 | +.width750 { | ||
151 | + .homebuttom { | ||
152 | + height: 105px; | ||
153 | + ul { | ||
154 | + padding-top: 14px; | ||
155 | + li { | ||
156 | + i { | ||
157 | + margin-bottom: 9px; | ||
158 | + } | ||
159 | + | ||
160 | + span { | ||
161 | + line-height: 47px; | ||
162 | + font-size: 16px; | ||
163 | + } | ||
164 | + } | ||
165 | + } | ||
166 | + } | ||
167 | +} | ||
109 | .homebuttom { | 168 | .homebuttom { |
110 | position: relative; | 169 | position: relative; |
111 | z-index: 2; | 170 | z-index: 2; |
@@ -14,7 +14,19 @@ | @@ -14,7 +14,19 @@ | ||
14 | opacity: 1; | 14 | opacity: 1; |
15 | } | 15 | } |
16 | } | 16 | } |
17 | - | 17 | +.width750 { |
18 | + .loading { | ||
19 | + margin-top: -23px; | ||
20 | + margin-left: -70px; | ||
21 | + width: 140px; | ||
22 | + height: 47px; | ||
23 | + > div { | ||
24 | + margin: 5px; | ||
25 | + width: 35px; | ||
26 | + height: 35px; | ||
27 | + } | ||
28 | + } | ||
29 | +} | ||
18 | .loading-mask { | 30 | .loading-mask { |
19 | position: fixed; | 31 | position: fixed; |
20 | top: 0; | 32 | top: 0; |
-
Please register or login to post a comment