index_mobile.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. body {
  2. line-height: 1.6;
  3. font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei",
  4. "\9ED1\4F53", Arial, sans-serif;
  5. color: #222;
  6. font-size: 14px !important;
  7. -webkit-text-size-adjust:none;
  8. }
  9. h1,h2,h3 {
  10. font-size: 18px;
  11. font-weight: 400;
  12. font-style: normal;
  13. }
  14. a {
  15. color: #333;
  16. text-decoration: none;
  17. }
  18. .block {
  19. background-color: #fff;
  20. width: 100%;
  21. position: relative;
  22. }
  23. .bold {
  24. font-weight: bold;
  25. }
  26. .left {
  27. float: left;
  28. }
  29. .right {
  30. float: right;
  31. }
  32. .f12 {
  33. font-size: 12px !important;
  34. }
  35. .f14 {
  36. font-size: 14px !important;
  37. }
  38. .f16 {
  39. font-size: 16px !important;
  40. }
  41. [ng-click] {
  42. cursor: pointer;
  43. }
  44. .br-r {
  45. border-right: 1px solid #e6e6e6;
  46. }
  47. .br-l {
  48. border-left: 1px solid #e6e6e6;
  49. }
  50. .br-b {
  51. border-bottom: 1px solid #e6e6e6;
  52. }
  53. .padding5 {
  54. padding: 0px 5px;
  55. }
  56. .container {
  57. padding-left: 0px;
  58. padding-right: 0px;
  59. }
  60. .ellipsis{
  61. width: 80px;
  62. overflow:hidden;
  63. white-space:nowrap;
  64. text-overflow:ellipsis;
  65. -o-text-overflow:ellipsis;
  66. }
  67. @media(min-width: 320px) {
  68. .ellipsis{
  69. width: 100px;
  70. }
  71. }
  72. @media(min-width: 400px) {
  73. .ellipsis{
  74. width: 150px;
  75. }
  76. }
  77. @media(min-width: 560px) {
  78. .ellipsis{
  79. width: 160px;
  80. }
  81. }
  82. .input-sm, .form-group-sm .form-control {
  83. padding: 2px 5px;
  84. border-radius: 1px;
  85. }
  86. .btn-sm, .btn-group-sm>.btn {
  87. padding: 4px 5px;
  88. }
  89. .text-num {
  90. font-style: normal;
  91. font-family: verdana;
  92. }
  93. .text-muted {
  94. color: #888 !important;
  95. }
  96. .text-inverse {
  97. color: #f40 !important;
  98. }
  99. .text-black {
  100. color: #333;
  101. }
  102. .expand {
  103. border-top: solid 2px #339999;
  104. border-left: solid 2px #339999;
  105. border-right: solid 2px #339999;
  106. }
  107. .reply {
  108. background-color: #339999;
  109. }
  110. /* top */
  111. .top {
  112. height: 30px;
  113. font-family: Microsoft Yahei;
  114. border-bottom: solid 1px #999999;
  115. line-height: 30px;
  116. }
  117. .orderInfo {
  118. background-color: #339999;
  119. color: #FFFFFF;
  120. border-bottom: solid 1px #999999;
  121. padding-top: 5px;
  122. padding-bottom: 5px;
  123. }
  124. /* footer */
  125. .footer {
  126. padding-top: 5px;
  127. background-color: #EEEEEE;
  128. border-top: solid 1px #C6C6C6;
  129. }
  130. /*loading*/
  131. .loading {
  132. display: none;
  133. position: absolute;
  134. width: 100%;
  135. height: 300px;
  136. top: 0;
  137. left: 0;
  138. }
  139. .loading.in {
  140. display: block;
  141. }
  142. .loading.in>i {
  143. position: absolute;
  144. top: 50%;
  145. left: 50%;
  146. margin: -33px 0 0 -33px;
  147. background: url("../img/all/loading.gif") no-repeat center center;
  148. width: 66px;
  149. height: 66px;
  150. }
  151. th,td{
  152. padding:3px !important;
  153. }
  154. .form-control, .form-group{
  155. font-size:12px;
  156. height :32px;
  157. }
  158. .ng-table-counts{
  159. display: none;
  160. }
  161. .red{
  162. color:#F00;
  163. }
  164. /*全屏状态的CSS*/
  165. :-webkit-full-screen {
  166. /* properties */
  167. }
  168. :-moz-full-screen {
  169. /* properties */
  170. }
  171. :-ms-fullscreen {
  172. /* properties */
  173. }
  174. :full-screen { /*pre-spec */
  175. /* properties */
  176. }
  177. :fullscreen { /* spec */
  178. /* properties */
  179. }
  180. /* deeper elements */
  181. :-webkit-full-screen video {
  182. width: 100%;
  183. height: 100%;
  184. }
  185. /* input:required, textarea:required ,radio:required{
  186. background: #fff ;
  187. color:red;
  188. } */
  189. .autocomplete-suggestions-menu {
  190. position: absolute;
  191. z-index: 1;
  192. background-color: white;
  193. border: 1px solid black;
  194. width: 60%;
  195. }
  196. .autocomplete-suggestions-menu p:hover {
  197. cursor: default;
  198. }
  199. .autocomplete-suggestions-menu .selected {
  200. color: #CCCCCC;
  201. background: yellow;
  202. }