_nes.scss 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. a,
  2. button {
  3. cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer
  4. }
  5. & {
  6. cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto;
  7. font-family: "ark-pixel";
  8. }
  9. $border-line-width:3px;
  10. .public-border {
  11. border-style: solid;
  12. border-width: $border-line-width;
  13. border-image-slice: 2;
  14. border-image-width: 2;
  15. border-image-repeat: stretch;
  16. border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
  17. border-image-outset: 2;
  18. }
  19. .layui-btn {
  20. @extend .public-border;
  21. line-height: 32px;
  22. position: relative;
  23. display: inline-block;
  24. text-align: center;
  25. vertical-align: middle;
  26. cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
  27. -webkit-user-select: none;
  28. -moz-user-select: none;
  29. -ms-user-select: none;
  30. user-select: none;
  31. color: #212529;
  32. background-color: #fff;
  33. border-image-repeat: stretch;
  34. &::after {
  35. position: absolute;
  36. top: -$border-line-width;
  37. right: -$border-line-width;
  38. bottom: -$border-line-width;
  39. left: -$border-line-width;
  40. content: "";
  41. box-shadow: inset (-$border-line-width) (-$border-line-width) #adafbc;
  42. }
  43. &:hover {
  44. color: #212529;
  45. text-decoration: none;
  46. background-color: #e7e7e7;
  47. }
  48. &.layui-btn-sm {
  49. line-height: 100%;
  50. }
  51. &.layui-btn-xs {
  52. line-height: 16px;
  53. }
  54. &.layui-btn-normal {
  55. color: #fff;
  56. background-color: #209cee;
  57. &::after {
  58. box-shadow: inset (-$border-line-width) (-$border-line-width) #006bb3;
  59. }
  60. &:hover {
  61. background-color: #108de0;
  62. }
  63. }
  64. &.layui-btn-success {
  65. color: #fff;
  66. background-color: #92cc41;
  67. &::after {
  68. box-shadow: inset (-$border-line-width) (-$border-line-width) #4aa52e;
  69. }
  70. &:hover {
  71. background-color: #92cc41;
  72. }
  73. }
  74. &.layui-btn-danger {
  75. color: #fff;
  76. background-color: #e76e55;
  77. &::after {
  78. box-shadow: inset (-$border-line-width) (-$border-line-width) #8c2022;
  79. }
  80. &:hover {
  81. background-color: #ce372b;
  82. }
  83. }
  84. &.layui-btn-warm {
  85. color: #212529;
  86. background-color: #f7d51d;
  87. &::after {
  88. box-shadow: inset (-$border-line-width) (-$border-line-width) #e59400;
  89. }
  90. &:hover {
  91. color: #212529;
  92. background-color: #f2c409;
  93. }
  94. }
  95. }
  96. .form-search .layui-btn {
  97. line-height: 16px;
  98. font-size: 14px;
  99. }
  100. .layuimini-container .layui-table-tool .layui-inline[lay-event] {
  101. @extend .layui-btn;
  102. line-height: 24px;
  103. }
  104. .layui-table img {
  105. image-rendering: pixelated;
  106. }
  107. .layui-form-checkbox[lay-skin="primary"] i {
  108. @extend .public-border;
  109. position: relative;
  110. }
  111. .layui-form-checked[lay-skin="primary"] i {
  112. background-color: unset;
  113. color: #212529;
  114. font-weight: bold;
  115. font-size: 28px;
  116. }
  117. .layui-btn {
  118. font-size: 18px;
  119. }
  120. .layui-btn-sm {
  121. font-size: 16px;
  122. }
  123. .layui-btn-xs {
  124. font-size: 14px;
  125. }
  126. .layui-nav * {
  127. font-size: 16px;
  128. }
  129. .layui-tab-title li {
  130. font-size: 18px;
  131. }
  132. .layui-nav-tree .layui-nav-item {
  133. border-bottom: 3px solid #212529;
  134. }
  135. .layuimini-header-menu>.layui-nav-item {
  136. @extend .public-border;
  137. border-image-outset: 0;
  138. }
  139. .layui-table td,
  140. .layui-table th {
  141. font-size: 16px;
  142. border-width: 0 2px 2px 0;
  143. border-style: solid;
  144. border-color: #212529
  145. }
  146. .layui-input,
  147. .layui-select,
  148. .layui-textarea {
  149. @extend .public-border;
  150. }
  151. .layui-form-label {
  152. background-color: unset;
  153. border: unset;
  154. text-align: right;
  155. color: #212529;
  156. font-size: 16px;
  157. font-weight: bold;
  158. }
  159. .layuimini-form>.layui-form-item>.layui-input-block tip,
  160. .layuimini-form>.layui-form-item>.layui-inline tip {
  161. font-size: 14px;
  162. }
  163. .layui-layer-easy .layui-layer-title {
  164. background: unset !important;
  165. color: #212529 !important;
  166. font-size: 16px;
  167. border-bottom: 1px solid #f0f0f0;
  168. }
  169. .layui-layer-easy .layui-layer-btn {
  170. background: unset !important;
  171. }
  172. .layui-layer-easy .layui-layer-btn a {
  173. @extend .layui-btn;
  174. color: #212529 !important;
  175. &.layui-layer-btn0 {
  176. color: #fff !important;
  177. background-color: #209cee;
  178. &::after {
  179. box-shadow: inset (-$border-line-width) (-$border-line-width) #006bb3;
  180. }
  181. &:hover {
  182. background-color: #108de0;
  183. }
  184. }
  185. }
  186. .layui-layer-dialog .layui-layer-content {
  187. font-size: 16px;
  188. }
  189. .layui-layer-easy .layui-layer-setwin>span {
  190. color: #212529;
  191. }
  192. .layui-layer-easy .layui-layer-setwin>span:after {
  193. color: #212529;
  194. }
  195. .layui-layer-easy .layui-layer-setwin .layui-layer-max::after,
  196. .layui-layer-easy .layui-layer-setwin .layui-layer-max::before {
  197. border-color: #212529;
  198. }
  199. .layui-layer-easy .layui-layer-setwin .layui-layer-min::before {
  200. background-color: #212529;
  201. }
  202. .layui-layer {
  203. @extend .public-border;
  204. }
  205. .layui-card {
  206. @extend .public-border;
  207. .layui-card-header {
  208. font-size: 18px;
  209. }
  210. }
  211. .layuimini-main {
  212. @extend .public-border;
  213. }
  214. .layui-table-box {
  215. @extend .public-border;
  216. border-image-outset: 1;
  217. margin-top: 5px;
  218. }
  219. .layuimini-container .layui-table-box .layui-table-header th {
  220. color: #212529 !important;
  221. }
  222. .layui-table tbody tr:hover,
  223. .layui-table thead tr,
  224. .layui-table-click,
  225. .layui-table-header,
  226. .layui-table-hover,
  227. .layui-table-mend,
  228. .layui-table-patch,
  229. .layui-table-tool,
  230. .layui-table-total,
  231. .layui-table-total tr {
  232. background-color: unset;
  233. }
  234. .layui-table-header .layui-table {
  235. margin-bottom: 0;
  236. }
  237. .layui-badge,
  238. .layui-badge-rim {
  239. position: relative;
  240. border-radius: 0;
  241. &::after {
  242. content: '';
  243. position: absolute;
  244. left: 0;
  245. width: 100%;
  246. height: 100%;
  247. top: 0;
  248. pointer-events: none;
  249. box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee;
  250. }
  251. &.layui-bg-blue {
  252. background-color: #209cee;
  253. &::after {
  254. box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee;
  255. }
  256. }
  257. &.layui-bg-gray {
  258. background-color: #92cc41;
  259. &::after {
  260. box-shadow: 0 4px #92cc41, 0 -4px #92cc41, 4px 0 #92cc41, -4px 0 #92cc41;
  261. }
  262. }
  263. }
  264. .layuimini-color .elem-content li {
  265. cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
  266. }