main.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. html {
  2. overflow-x: hidden;
  3. }
  4. .content-header {
  5. position: relative;
  6. padding: 0 0 0px 0px;
  7. }
  8. .content-header > .breadcrumb {
  9. position: relative;
  10. top: 0;
  11. right: 0;
  12. float: none;
  13. margin-top: 0px;
  14. padding-left: 10px;
  15. background: #ecf0f5;
  16. }
  17. .main-footer {
  18. padding: 7px;
  19. color: #444;
  20. border-top: 1px solid #eee;
  21. }
  22. [v-cloak] {
  23. display: none;
  24. }
  25. .grid-btn {
  26. margin-top: 5px;
  27. margin-bottom: 5px;
  28. }
  29. .grid-btn .btn {
  30. margin-right: 10px;
  31. }
  32. .pointer {
  33. cursor: pointer;
  34. }
  35. .ml-10 {
  36. margin-left: 0 !important;
  37. }
  38. @media (min-width: 768px) {
  39. .ml-10 {
  40. margin-left: 10px !important;
  41. }
  42. .col-sm-10 {
  43. width: 70%;
  44. padding-left: 0px;
  45. }
  46. .col-sm-2 {
  47. width: 24%;
  48. }
  49. }
  50. tbody > tr > th {
  51. font-weight: normal;
  52. }
  53. .panel .table {
  54. margin: 0 0;
  55. }
  56. .panel .pagination {
  57. margin: 0;
  58. }
  59. .panel-default > .panel-heading {
  60. background-color: #f5f5f5;
  61. }
  62. .row {
  63. border-top: 1px solid #ddd;
  64. margin: 0;
  65. padding: 10px 2px 0px 2px;
  66. }
  67. .col-xs-6 {
  68. padding-left: 0px;
  69. padding-right: 0px;
  70. }
  71. .form-horizontal .form-group {
  72. margin-left: 0px;
  73. margin-right: 0px;
  74. }
  75. .form-horizontal {
  76. width: 550px;
  77. padding-top: 20px;
  78. }
  79. .inline {
  80. display: inline-block;
  81. }
  82. #rrapp {
  83. margin: 0px 10px;
  84. }
  85. .search-group {
  86. padding-left: 10px;
  87. padding-top: 5px;
  88. display:inline;
  89. }
  90. .buttons-group {
  91. display:inline;
  92. float: right;
  93. padding-right: 10px;
  94. }
  95. .order-detail{
  96. }
  97. .order-item{
  98. display: flex;
  99. align-items: center;
  100. margin-bottom: 10px;
  101. padding-bottom: 10px;
  102. border-bottom: 1px solid #f5f5f5;
  103. }
  104. .order-info{
  105. margin-left: 20px;
  106. width: 400px;
  107. }
  108. .order-info .order-price{
  109. display: flex;
  110. justify-content: space-between;
  111. }
  112. .order-detail img{
  113. width: 80px;
  114. }
  115. .checkbox-item{
  116. display:inline-block;
  117. margin-right: 20px;
  118. cursor: pointer;
  119. position: relative;
  120. -webkit-user-select: none;
  121. margin-bottom: 4px;
  122. }
  123. .checkbox-item img{
  124. width: 16px;
  125. height: 16px;
  126. position: absolute;
  127. top: 2px;
  128. left: 0;
  129. }
  130. .checkbox-kuang{
  131. border: 1px solid #ccc;
  132. width: 16px;
  133. height: 16px;
  134. margin-right: 6px;
  135. display: inline-block;
  136. vertical-align: middle;
  137. }
  138. .hover-bar{
  139. position: fixed;
  140. top: 0;
  141. }
  142. .c-winput{
  143. width:60%;
  144. display: inline-block;
  145. }
  146. .c-btn{
  147. display: inline-block;
  148. text-align: center;
  149. margin-left: 6px;
  150. }