Authored by xuqi

filter box style

@@ -55,6 +55,10 @@ @@ -55,6 +55,10 @@
55 -moz-user-select: none; 55 -moz-user-select: none;
56 } 56 }
57 57
  58 + .color .attr {
  59 + margin-right: 0;
  60 + }
  61 +
58 .checked-conditions { 62 .checked-conditions {
59 line-height: 30px; 63 line-height: 30px;
60 64
@@ -157,7 +161,7 @@ @@ -157,7 +161,7 @@
157 margin-right: 5px; 161 margin-right: 5px;
158 162
159 span { 163 span {
160 - margin: 0 2px; 164 + margin: 0 3px;
161 cursor: pointer; 165 cursor: pointer;
162 -moz-user-select: none; 166 -moz-user-select: none;
163 167
@@ -224,8 +228,8 @@ @@ -224,8 +228,8 @@
224 border: none; 228 border: none;
225 background: #000; 229 background: #000;
226 color: #fff; 230 color: #fff;
227 - font-size: 15px;  
228 - margin-right: 15px; 231 + font-size: 14px;
  232 + margin-right: 20px;
229 cursor: pointer; 233 cursor: pointer;
230 234
231 &.dis { 235 &.dis {
@@ -333,5 +337,14 @@ @@ -333,5 +337,14 @@
333 337
334 .multi .checkbox { 338 .multi .checkbox {
335 display: inline; 339 display: inline;
  340 + color: #ccc;
  341 + font-size: 12px;
  342 + margin-right: 3px;
  343 + }
  344 +}
  345 +
  346 +@media (max-width: 1180px) {
  347 + .filter-box .brand .attr {
  348 + width: 25%;
336 } 349 }
337 } 350 }
@@ -45,10 +45,6 @@ @@ -45,10 +45,6 @@
45 } 45 }
46 } 46 }
47 47
48 - .panel-body .attr {  
49 - width: 25%;  
50 - }  
51 -  
52 .filter-box .brand .attr-content { 48 .filter-box .brand .attr-content {
53 max-width: 730px; 49 max-width: 730px;
54 } 50 }
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 6
7 .sort-type, 7 .sort-type,
8 .checks { 8 .checks {
9 - color: #ccc; 9 + color: #999;
10 font-size: 12px; 10 font-size: 12px;
11 padding: 0 10px; 11 padding: 0 10px;
12 12