Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
limeng
/
syrc
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Atzars: master
Atzari Tagi
syrc
/
target
/
sookaCms-0.1
/
WEB-INF
/
classes
/
static
/
www
/
syrc-mobile
/
images
/
search.css

search.css 9.1 KB
Patstāvīgā saite Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 
  1. .shis a,.shis .e span,.clst .e .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    2. 

  2. 

  3. .btn{
    4. 

  4. 	width:100%;
    5. 

  5. 	height:30px;
    6. 

  6. 	line-height:30px;
    7. 

  7. 	font-size:15px;
    8. 

  8. 	font-weight:bold;
    9. 

  9. 	color:#fff;
    10. 

  10. 	text-align:center;
    11. 

  11. 	letter-spacing:3px;
    12. 

  12. 	background-color: #3e92ff;
    13. 

  13. 	border: 1px solid #4068e3;
    14. 

  14. 	-webkit-appearance:none;
    15. 

  15. 	-webkit-border-radius:5px;
    16. 

  16. 	-moz-border-radius:5px;
    17. 

  17. 	-o-border-radius:5px;
    18. 

  18. 	-ms-border-radius:5px;
    19. 

  19. 	border-radius:5px;
    20. 

  20. 	}
    21. 

  21. 

  22. .search em,.search .tab:after,.search .tabfix span:before,
    23. 

  23. 	.shis .e:after,.shis .e em{background:url(icon_home.png) no-repeat;
    24. 

  24. 	-webkit-background-size:345px auto;-moz-background-size:345px auto;-ms-background-size:345px auto;-o-background-size:345px auto;background-size:345px auto}
    25. 

  25. .search{position:relative;height:65px;line-height:34px;margin-bottom:6px;padding:17px 11px;background-color:#fff;border-bottom:1px solid #e6e6e6;
    26. 

  26. 	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
    27. 

  27. .search input{width:100%;height:34px;line-height:34px;text-indent:78px;padding:3px 30px 3px 0;background-color:#ebebeb;border:0 none;
    28. 

  28. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
    29. 

  29. .search input.full{text-indent:10px}
    30. 

  30. .search em{position:absolute;width:20px;height:20px;top:24px;right:15px;background-position:-192px -177px}
    31. 

  31. .search .j{background:url(icon_search.png) 2px 2px no-repeat;
    32. 

  32. 	-webkit-background-size:auto 15px;-moz-background-size:auto 15px;-ms-background-size:auto 15px;-o-background-size:auto 15px;background-size:auto 15px}
    33. 

  33. .search .tab{position:absolute;width:78px;text-align:center;text-indent:-10px;top:17px;left:11px;background-color:#ebebeb;z-index:2;
    34. 

  34. 	-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}
    35. 

  35. .search .tab:after{position:absolute;width:10px;height:8px;content:'\00a0';top:12px;right:11px;background-position:-150px -150px;
    36. 

  36. 	-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
    37. 

  37. .search .tabfix{position:absolute;display:none;width:75px;line-height:30px;color:#fff;top:56px;left:11px;background-color:rgba(255,126,62,0.95);
    38. 

  38. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
    39. 

  39. .search .tabfix:after{position:absolute;height:1px;content:'\00a0';top:30px;right:5px;left:5px;background-color:#fff}
    40. 

  40. .search .tabfix:before{position:absolute;width:0;height:0;content:'\00a0';top:-5px;right:9px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(255,126,62,0.95)}
    41. 

  41. .search .tabfix span{display:block;text-align:center}
    42. 

  42. .search .tabfix span:before{display:inline-block;width:20px;height:30px;content:'\00a0';background-position:-90px -142px}
    43. 

  43. .search .tabfix span:last-child:before{background-position:-90px -172px}
    44. 

  44. .search.on{z-index:2}
    45. 

  45. .search.on .tabfix{display:block}
    46. 

  46. .search.on .tab:after{top:14px;
    47. 

  47. 	-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
    48. 

  48. .search.fix{position:fixed;width:100%;top:0;left:0;z-index:10}
    49. 

  49. .search.s2{margin-bottom:0}
    50. 

  50. .search.s2 input{text-indent:10px}
    51. 

  51. 

  52. .cbox{margin-bottom:6px;background-color:#fff}
    53. 

  53. .cbox .more{position:relative;display:block;height:48px;line-height:48px;color:#5aa0ff;text-align:center;margin-top:-1px}
    54. 

  54. .cbox .more:before{top:0;bottom:auto}
    55. 

  55. .cbox .more:after{display:inline-block;width:12px;height:8px;content:'\00a0';vertical-align:middle;margin-left:5px;background:url(arrow_blue.png) no-repeat;
    56. 

  56. 	-webkit-background-size:12px auto;-moz-background-size:12px auto;-ms-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
    57. 

  57. .cbox .t{line-height:48px;font-size:15px;margin:0 11px;border-bottom:1px solid #e6e6e6}
    58. 

  58. 

  59. 

  60. .cbox .t .match{float:right;color:#61a5ff;font-size:12px}
    61. 

  61. .cbox .p{height:24px;line-height:24px;font-size:12px;color:#868686;padding:11px 21px}
    62. 

  62. .cbox .p em{float:left;width:22px;height:22px;margin-right:10px;background:url(icon_radio.png) no-repeat;
    63. 

  63.     -webkit-background-size:75px auto;-moz-background-size:75px auto;-o-background-size:75px auto;-ms-background-size:75px auto;background-size:75px auto}
    64. 

  64. .cbox .p em.checked{background-position:-25px 0}
    65. 

  65. .cbox .p em.applied{background-position:-50px 0}
    66. 

  66. .cbox .p.on em{background-position:-50px 0}
    67. 

  67. .cbox .btnbox{padding:10px 15px 20px 15px}
    68. 

  68. .cbox .btn{height:40px;line-height:40px;font-size:16px}
    69. 

  69. .cbox .creat{overflow:hidden}
    70. 

  70. .creat input{-webkit-appearance:none}
    71. 

  71. 

  72. .clst .e{position:relative;min-height:48px;line-height:48px;color:#444;padding:0 25px 0 95px}
    73. 

  73. .clst .e:after{position:absolute;width:8px;height:14px;content:'\00a0';top:50%;right:10px;margin-top:-7px;background:url(arrow_gray.png) no-repeat;
    74. 

  74.     -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:100% 100%}
    75. 

  75. .clst .e label{position:absolute;left:21px;top:0}
    76. 

  76. .clst .e .txt{text-align:right}
    77. 

  77. .clst .e .txt{text-align:right}
    78. 

  78. .clst .e .turn{display:block;color:#000}
    79. 

  79. 

  80. .selt select{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:2}
    81. 

  81. .selt .sval{display:block;text-align:right}
    82. 

  82. 

  83. .shis a,.shis .e{position:relative;display:block;height:48px;line-height:48px;font-size:13px;color:#878787;text-indent:11px;padding-right:11px}
    84. 

  84. .shis a:before,.cbox .e:before,.cbox .more:before{position:absolute;height:1px;content:'\00a0';right:11px;bottom:0;left:11px;background-color:#e6e6e6}
    85. 

  85. .shis a:last-child:before,.cbox .e:last-child:before{display:none}
    86. 

  86. .shis .e{position:relative;color:#444;padding-right:78px}
    87. 

  87. .shis .e:after{position:absolute;width:12px;height:15px;content:'\00a0';top:50%;margin:-6px 0 0 5px;background-position:-150px -132px}
    88. 

  88. .shis .e span{display:inline-block;max-width:88%;text-indent:0}
    89. 

  89. .shis .e em{position:absolute;width:16px;height:15px;padding:16px 11px;top:0;right:0;background-position:-139px -163px}
    90. 

  90. .shis .e.on:after{margin-top:-10px;
    91. 

  91. 	-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
    92. 

  92. .shis .e.on:before{right:0;left:0}
    93. 

  93. 

  94. .shis .ebox{padding:6px 0;background-color:#fff8ed}
    95. 

  95. .shis .ebox .c{position:relative;font-size:12px;line-height:22px;color:#444;margin-bottom:6px;padding:0 11px 0 70px}
    96. 

  96. .shis .ebox .c label{position:absolute;width:55px;color:#868686;text-align:right;top:0;left:0}
    97. 

  97. .shis .ebox .p2{line-height:22px;font-size:12px;padding:0 11px 0 21px}
    98. 

  98. 

  99. .snone{line-height:30px;font-size:13px;color:#878787;text-align:center;padding:40px 0}
    100. 

  100. .snone .btn{width:120px;height:36px;line-height:36px;color:#ff7e3e;background-color:#fff}
    101. 

  101. 

  102. .nobox{padding:15% 20% 25%;background-color:#fff}
    103. 

  103. .nobox .none{text-align:center;color:#ff7e3e;padding:30px 0;border:1px solid #c6c6c6;
    104. 

  104. 	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
    105. 

  105. 

  106. .result{height:22px;line-height:30px;font-size:12px;color:#868686;text-align:center;background-color:#fff}
    107. 

  107. .result span{color:#fe763e}
    108. 

  108. 

  109. .gl{height:6px;background-color:#ebebeb}
    110. 

  110. 

  111. .flist{display:none;max-height:315px;margin-top:-6px;background-color:#fff}
    112. 

  112. .flist .tt,.flist .li{position:relative;display:block;line-height:24px;font-size:13px;color:#444;padding:12px 51px 12px 11px}
    113. 

  113. .flist .tt{color:#868686;border-top:1px solid #e6e6e6}
    114. 

  114. .flist .tt:first-child{border-top:0 none}
    115. 

  115. .flist .li{text-indent:2em}
    116. 

  116. .flist .li:before{position:absolute;height:1px;content:'\00a0';right:0;top:0;left:42px;background-color:#e6e6e6}
    117. 

  117. .flist a.tt:after,.flist .li:after{position:absolute;width:8px;height:14px;content:'\00a0';top:50%;right:21px;margin-top:-7px;background:url(arrow_gray.png) no-repeat;
    118. 

  118. 	-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:100% 100%}
    119. 

  119. .flist .fnolist{min-height:135px;line-height:135px;color:#a4a4a4;text-align:center}
    120. 

  120. .flist .fnolist span{color: #0b59ff;text-decoration:underline;}
    121. 

  121. 

  122. .searchbox .close{position:absolute;display:none;width:88px;height:15px;bottom:-22px;left:50%;margin-left:-44px;background:url(icon_home_20171214.png) -255px -180px no-repeat;
    123. 

  123. 	-webkit-background-size:345px auto;-moz-background-size:345px auto;-ms-background-size:345px auto;-o-background-size:345px auto;background-size:345px auto}
    124. 

  124. .searchbox.search_fix{position:fixed;top:45px;left:0;z-index:10;width:100%;background-color:#ebebeb;border-bottom:7px solid #b2b2b2}
    125. 

  125. .searchbox.search_fix .flist,.searchbox.search_fix .close{display:block}
    126. 

  126. 

  127. .ctags{padding:0 16px;background-color:#fff}
    128. 

  128. .ctags .ctle{font-size:14px;padding:11px 4px;border-bottom:1px solid #b3b3b3}
    129. 

  129. .ctags .cdiv{overflow:hidden}
    130. 

  130. .ctags .cdiv a{float:left;height:21px;line-height:21px;font-size:12px;color:#868686;text-align:center;margin:10px 10px 0 0;padding:0 5px;background-color:#f4f5f6;border:1px solid #a5a5a5;border-radius:8px}
    131. 

  131. .ctags .cdiv a.on{color: #3e8eff;background-color: #d5e7f8;border-color: #276bff;}
    132. 

  132. .ctags .btn{height:42px;line-height:42px;margin:30px auto}
    133. 

  133. .ctags .btn.mark{background-color:#ddd;border-color:#ddd}
    134.