Skouter mortgage estimates. Web application with view written in PHP and Vue, but controller and models in Go.
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 
 
 

216 líneas
4.4 KiB

  1. /* Flex-Objects Admin Styles */
  2. #types {
  3. padding: 3rem;
  4. .card-item {
  5. max-width: 100%;
  6. p {
  7. margin: 1rem 0 0;
  8. }
  9. }
  10. }
  11. #directory {
  12. .no-entries {
  13. padding: 3rem;
  14. }
  15. .search-wrapper {
  16. margin: .5rem 1rem;
  17. }
  18. #pager .selectize-control {
  19. vertical-align: middle;
  20. display: inline-block;
  21. }
  22. .tablesorter-filter.disabled {
  23. display: none;
  24. }
  25. .edit-action {
  26. float: left;
  27. }
  28. .delete-action {
  29. float: right;
  30. }
  31. table {
  32. display: table;
  33. }
  34. thead {
  35. display: table-header-group;
  36. }
  37. tbody {
  38. display: table-row-group;
  39. }
  40. tr {
  41. display: table-row;
  42. flex: none;
  43. }
  44. td, th {
  45. display: table-cell;
  46. flex: none;
  47. &:focus {
  48. outline: 0 !important;
  49. }
  50. }
  51. td {
  52. white-space: nowrap;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. }
  56. td:last-child {
  57. text-align: right;
  58. white-space: nowrap;
  59. a {
  60. float: none;
  61. display: inline-block;
  62. padding-left: 5px;
  63. }
  64. }
  65. .tablesorter .filtered {
  66. display: none;
  67. }
  68. #pager {
  69. margin: 50px 0;
  70. text-align: center;
  71. .pagedisplay {
  72. padding: 0 10px;
  73. }
  74. .button {
  75. border: 0;
  76. }
  77. input, select {
  78. display: inline-block;
  79. width: auto;
  80. }
  81. select {
  82. vertical-align: middle;
  83. }
  84. }
  85. .flex-list-pagination {
  86. margin: 1rem 0 -1rem;
  87. padding: .5rem 1rem;
  88. display: flex;
  89. align-items: center;
  90. .vuetable-pagination-info, .flex-objects-pagination {
  91. flex: 1;
  92. }
  93. .flex-objects-pagination {
  94. text-align: right;
  95. -webkit-user-select: none;
  96. -moz-user-select: none;
  97. -khtml-user-select: none;
  98. -ms-user-select: none;
  99. .button {
  100. border-radius: 4px;
  101. background: transparent;
  102. &.disabled {
  103. &:active {
  104. margin: 0;
  105. }
  106. }
  107. }
  108. }
  109. }
  110. }
  111. /* FILTERS */
  112. // form .checkboxes input[type=checkbox]:checked+label:before
  113. #pages-filters {
  114. .checkboxes {
  115. -webkit-touch-callout: none; /* iOS Safari */
  116. -webkit-user-select: none; /* Safari */
  117. -khtml-user-select: none; /* Konqueror HTML */
  118. -moz-user-select: none; /* Firefox */
  119. -ms-user-select: none; /* Internet Explorer/Edge */
  120. user-select: none;
  121. &.status-indeterminate {
  122. input[type="checkbox"] + label:before {
  123. content: "\f00d";
  124. font-family: "FontAwesome", sans-serif;
  125. font-size: 1.2rem;
  126. line-height: 1;
  127. text-align: center;
  128. }
  129. }
  130. }
  131. }
  132. /** Defaults **/
  133. /* Admin Styles */
  134. #directory .search-wrapper input, #directory .search-wrapper select {
  135. color: #646e7c;
  136. border: 1px solid #e6e6e6;
  137. background-color: #fcfcfc;
  138. }
  139. #directory .search-wrapper input::-webkit-input-placeholder, #directory .search-wrapper select::-webkit-input-placeholder {
  140. color: #a7afb8;
  141. }
  142. #directory .search-wrapper input::-moz-placeholder, #directory .search-wrapper select::-moz-placeholder {
  143. color: #a7afb8;
  144. }
  145. #directory .search-wrapper input:-moz-placeholder, #directory .search-wrapper select:-moz-placeholder {
  146. color: #a7afb8;
  147. }
  148. #directory .search-wrapper input:-ms-input-placeholder, #directory .search-wrapper select:-ms-input-placeholder {
  149. color: #a7afb8;
  150. }
  151. #directory .edit-action {
  152. color: #0090D9 !important;
  153. }
  154. #directory .delete-action {
  155. color: #F45857 !important;
  156. }
  157. #directory thead tr {
  158. background: #fafafa;
  159. }
  160. #directory tbody tr:nth-child(even) {
  161. background: white;
  162. }
  163. #directory i.published {
  164. color: #27AE60;
  165. }
  166. #directory i.unpublished {
  167. color: #E74C3C;
  168. }
  169. #directory .flex-list-pagination {
  170. background: #fcfcfc;
  171. border-top: 1px solid #f2f2f2;
  172. }
  173. #directory .flex-list-pagination .flex-objects-pagination .button {
  174. color: #414147;
  175. }
  176. #directory .flex-list-pagination .flex-objects-pagination .button.active {
  177. color: #ffffff;
  178. background: #0090D9;
  179. }
  180. #directory .flex-list-pagination .flex-objects-pagination .button.disabled {
  181. color: #99a2ad;
  182. }