国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

193 řádky
14KB

  1. :root{--bg:#f8fafb;--gray-300:#dee2e6;--gray-500:#adb5bd;--blue-300:#80bdff;--success-800:#009688;--b-radius:0.5rem;--b-radius-300:0.35rem}
  2. ::-webkit-scrollbar{display:none}
  3. *{font-size:14px;scrollbar-width:none}
  4. body{line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:var(--gray);background:var(--bg)}
  5. a{color:var(--gray);text-decoration:none}
  6. a:hover{color:var(--blue);text-decoration:none}
  7. img{max-width:100%;border-radius:var(--b-radius)}
  8. ul,ol,li{margin:0;padding:0}
  9. li{list-style:none}
  10. form,label{margin-bottom:0}
  11. table{width:100%;background:var(--white);border-spacing:0;border-collapse:separate}
  12. table tr:first-child td:first-child{border-top-left-radius:var(--b-radius);border-top:0}
  13. table tr:first-child td:last-child{border-top-right-radius:var(--b-radius);border-top:0}
  14. table tr:last-child td:first-child{border-bottom-left-radius:var(--b-radius);border-bottom:0}
  15. table tr:last-child td:last-child{border-bottom-right-radius:var(--b-radius);border-bottom:0}
  16. td{word-break:break-all;word-wrap:break-word}
  17. input{padding:0.375rem 0.75rem;height:30px;color:var(--gray);background:var(--white);border:1px solid var(--gray-300);vertical-align:middle}
  18. input[type=file]{padding:0;height:auto;border:0;border-radius:0!important;vertical-align:middle}
  19. input[type=button],input[type=submit],input[type=reset]{padding:0.375rem 0.75rem;height:30px;line-height:1.5;font-size:12px;color:var(--white);background:var(--green);border:0}
  20. input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus{width:14px;height:14px;outline:none;box-shadow:none;vertical-align:middle}
  21. select{padding:0.375rem 0.75rem;height:30px;color:var(--gray);background:var(--white);border:1px solid var(--gray-300);vertical-align:middle}
  22. select[multiple=yes]{height:180px}
  23. option{padding:0.25rem 0}
  24. option:checked{color:var(--blue)}
  25. textarea{padding:0.375rem 0.75rem;color:var(--gray);background:var(--white);border:1px solid var(--gray-300);vertical-align:middle}
  26. input:focus,select:focus,textarea:focus{color:var(--gray);background:var(--white);border-color:var(--blue-300);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);outline:0}
  27. .install-head{padding:1rem 0;background:var(--white)}
  28. .install-head .logo{font-size:18px;font-weight:600;color:var(--gray-dark)}
  29. .install-head .logo img,.login-box .logo img{margin-right:0.5rem;height:36px}
  30. .install-box{margin:0 auto;width:750px}
  31. .install-box .card-header,.install-box .card-body{padding:1.25rem}
  32. .install-box h1{margin:0;line-height:1.2;font-size:18px;font-weight:600;color:var(--gray-dark)}
  33. .install-box label{margin-bottom:0.25rem}
  34. .install-box .form-control{height:36px}
  35. .login-step{height:100vh;overflow-x:hidden}
  36. .login-step .login-bg{height:100%;background:var(--gray-300) url(../img/login_bg.jpg)no-repeat top center;background-size:cover}
  37. .login-box{padding:80px 100px}
  38. .login-box .logo{margin-bottom:60px}
  39. .login-box .logo a{font-size:18px;font-weight:600;color:var(--gray-dark)}
  40. .login-box .title,.login-box .alert{margin-bottom:20px}
  41. .login-box .title h1{margin-bottom:30px;font-size:24px;font-weight:600;color:var(--gray-dark)}
  42. .login-from{margin-bottom:40px}
  43. .login-from .form-group{margin-bottom:20px;position:relative}
  44. .login-from .form-icon{position:absolute;top:16px;left:16px;z-index:998}
  45. .login-from .form-icon i{font-size:18px!important;color:var(--gray-500)}
  46. .login-from .form-control{padding-left:45px;height:50px}
  47. .login-from .operate{margin-top:40px}
  48. .login-from .operate button{width:100%;height:50px}
  49. .admin-head{width:100%;height:60px;line-height:60px;background:linear-gradient(45deg,var(--green),var(--success-800) 100%)}
  50. .admin-head .logo{float:left;padding-left:1.5rem;width:220px}
  51. .admin-head .logo .name{font-size:18px;font-weight:600;color:var(--white);vertical-align:middle}
  52. .admin-head .logo .version{font-size:12px;color:var(--white);vertical-align:top}
  53. .admin-head .item li{float:left;position:relative;padding:0 1rem}
  54. .admin-head .item li a,.admin-head .user li a{color:var(--white)}
  55. .admin-head .item li a:hover,.admin-head .user li a:hover{color:var(--gray-300)}
  56. .admin-head .item .search{position:absolute;top:20px;right:20px;height:20px;line-height:20px;color:var(--gray);background:0;border:0}
  57. .admin-head .user{float:right;padding-right:1.5rem}
  58. .admin-head .user li{float:left;padding:0 1rem}
  59. .admin-head .user li:last-child{padding-right:0}
  60. .admin-head .user li img{margin-right:0.5rem;width:30px;height:30px;border-radius:50%}
  61. body.menu-hide .menu-left{display:none}
  62. body.menu-hide .body-right{left:0;transition:all 0.5s}
  63. body.menu-show .menu-left{display:block}
  64. body.menu-show .body-right{left:220px;transition:all 0.5s}
  65. .menu-left{position:absolute;top:60px;left:0;bottom:0;width:220px;overflow-y:auto}
  66. .sidemenu{padding:1rem 0;min-height:100%;background:var(--white)}
  67. .sidemenu .link{display:block;position:relative;padding-left:45px;height:40px;line-height:40px;cursor:pointer}
  68. .sidemenu li:last-child .link{border-bottom:0}
  69. .sidemenu li i{position:absolute;top:13px;left:20px;color:var(--gray)}
  70. .sidemenu li i.fa-angle-down{right:20px;left:auto}
  71. .sidemenu li.open .link,.sidemenu li.open i{color:var(--green)}
  72. .sidemenu li.open i.fa-angle-down{transform:rotate(180deg)}
  73. .sidemenu .submenu{display:none;padding:5px 0;background:var(--gray-500)}
  74. .sidemenu .submenu li{height:40px;line-height:40px}
  75. .sidemenu .submenu li:hover{background:var(--success-800);transition:all 0.5s}
  76. .sidemenu .submenu a{display:block;float:left;padding:0 0 0 45px;color:var(--white)}
  77. .sidemenu .submenu .active{background:var(--green)}
  78. .sidemenu .submenu-right{float:right!important;padding:0 20px 0 0!important}
  79. .body-right{padding:0 1rem;position:absolute;top:60px;right:0;bottom:0}
  80. .body-right iframe{width:100%;height:99%;border:0}
  81. .web-info{padding:10px;background:var(--light);white-space:nowrap}
  82. #_fileList,#_verList{height:350px;overflow-y:auto}
  83. #_msgInfo{display:none}
  84. .update-close{background:var(--white);border:0}
  85. .updates-dot{display:none;position:absolute;top:10px;right:5px;height:8px;width:8px;background:var(--danger);border-radius:50%}
  86. .spinner-border{width:20px;height:20px;vertical-align:bottom}
  87. .sys-search{position:relative}
  88. .sys-search .sys-times{position:absolute;top:1px;right:20px}
  89. .coolbg{padding:0.5rem;background:var(--white);border-bottom:1px solid var(--gray-300);text-align:right}
  90. .coolbg-box{padding:0.5rem;background:var(--white);overflow-y:auto}
  91. .colordlg{padding:0.5rem;background:var(--white);border:1px solid var(--gray-300);z-index:10005}
  92. .pubdlg{background:var(--white);border:1px solid var(--gray-300);z-index:8888}
  93. .pubdlg .title{padding:0 0.5rem;height:30px;line-height:30px;color:var(--gray-dark);background:var(--bg);border-bottom:1px solid var(--gray-300)}
  94. .fullpagediv{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg);opacity:0.6;z-index:1999}
  95. .quicksel{padding:0.5rem;height:350px;overflow-y:auto;z-index:10005}
  96. .quickselitem{line-height:30px}
  97. .quickselitem .topcat{margin-bottom:1rem;padding:0 10px;background:var(--light)}
  98. .quickselitem .soncat{margin-bottom:1rem;padding:0 10px}
  99. .quickselitem .list{display:inline-block;padding-right:0.25rem}
  100. .quickselfoot{padding:0.5rem;border-top:1px solid var(--gray-300)}
  101. .mysource,.mywriter{width:500px;background:var(--white);border:1px solid var(--gray-300);z-index:10001}
  102. .atlas{float:left;margin-right:10px;margin-bottom:10px;width:220px;height:auto;background:var(--bg);text-align:center;border-radius:var(--b-radius)}
  103. .atlas-head{height:120px}
  104. .atlas-head img{margin:0;max-width:220px;max-height:120px;border-radius:var(--b-radius) var(--b-radius) 0 0!important}
  105. .atlas-input{width:220px}
  106. .atlas-box{margin:0.5rem 0}
  107. .atlas-foot input[type=text]{border-radius:0 0 var(--b-radius) var(--b-radius)!important}
  108. .add-tab ul .active{color:var(--blue)}
  109. .add-tab li{float:left;width:60px;line-height:30px;cursor:pointer}
  110. .nw{float:left;width:160px}
  111. .cls{clear:both}
  112. .helpinfo{float:left;display:none;padding:10px;width:100%;background:var(--bg);border:1px solid var(--gray-300);border-radius:var(--b-radius)}
  113. .tips-box{margin:70px auto 0;width:500px;height:auto;background:var(--white);border-radius:var(--b-radius);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}
  114. .tips-head{margin:0 20px;padding:18px 0;border-bottom:1px solid var(--light)}
  115. .tips-head p{margin:0;padding-left:10px;line-height:16px;color:var(--gray-dark);text-align:left;border-left:3px solid var(--yellow)}
  116. .tips-body{padding:20px;min-height:160px;color:var(--gray);word-break:break-all;word-wrap:break-word}
  117. #toolimg{position:absolute;display:none}
  118. #uploadfield{float:left}
  119. #uploadwait{z-index:19999}
  120. #validateimg{border-radius:0 var(--b-radius) var(--b-radius) 0;cursor:pointer}
  121. #wrap{padding:10px}
  122. #topbar{padding:10px 0;border-bottom:1px solid var(--light);text-align:right}
  123. #file_list{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding-top:10px}
  124. #file_list:empty:after{content:'拖拽图片到此处上传'}
  125. #file_list li{display:block;position:relative;padding:10px;vertical-align:top;border-radius:var(--b-radius)}
  126. #file_list li:hover{background:var(--light)}
  127. #file_list li .picbox{display:flex;flex:0 0 auto;position:relative;padding-top:90%;width:100%;align-items:center;justify-content:center;overflow:hidden}
  128. #file_list li .picbox img{display:block;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:var(--b-radius)}
  129. #file_list li .namebox{display:flex;padding:10px;justify-content:center;align-items:flex-start}
  130. #file_list li.up-over .picbox:after{position:absolute;bottom:10px;right:0;font-family:'FontAwesome';font-size:18px;color:var(--green);content:'\f058';z-index:9}
  131. #file_list li .tools{display:none;position:absolute;bottom:12px;right:10px;z-index:99}
  132. #file_list li:hover .tools{display:block}
  133. #file_list li .tools .remove{cursor:pointer}
  134. #file_list li .tools .remove:after{font-family:'FontAwesome';font-size:18px;color:var(--danger);content:'\f1f8'}
  135. #selColor{padding:0.22rem;width:45px}
  136. #edsta{display:none;padding:0.5rem;position:absolute;top:100px;left:200px;width:500px;height:auto;background:var(--white);border:1px solid var(--gray-300)}
  137. .body-row{display:flex;flex-wrap:wrap}
  138. .w-60{width:60%}
  139. .w-40{width:40%}
  140. .browsehappy{padding:1rem 30px;color:var(--orange);background:var(--yellow)}
  141. .upload-box{margin:1rem;background:var(--white)}
  142. .modal-title{font-size:16px}
  143. .card,.modal-content{border:0}
  144. .card-header{padding:0.5rem 1rem;background-color:rgba(0,0,0,0)}
  145. .card-body{padding:0.5rem}
  146. .card-body canvas{height:348px!important}
  147. .table{margin-bottom:0;color:var(--gray)}
  148. .table th,.table td{padding:0.5rem;vertical-align:middle}
  149. .icon img{width:20px;height:20px}
  150. .form-control{display:inline-block}
  151. .fa{font-size:14px!important;color:inherit}
  152. .fileinput-button{display:inline-block;position:relative;overflow:hidden}
  153. .fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;direction:ltr;cursor:pointer}
  154. .option1{background:var(--gray-300)}
  155. .option2{background:var(--gray-500)}
  156. .option3{background:var(--white)}
  157. .user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid var(--light)}
  158. .user-img-sm{width:30px;height:30px;border-radius:50%;border:1px solid var(--light)}
  159. .thumbnail-md{max-width:200px;max-height:120px}
  160. .thumbnail-sm{max-width:80px;max-height:80px}
  161. .admin-win{background:var(--bg);border:1px solid var(--gray-300)!important}
  162. .admin-win-iframe{width:100%;height:350px}
  163. .admin-main-sort{margin-left:1rem;padding:0;width:30px;text-align:center}
  164. .admin-td{padding:0.5rem;border-top:1px solid var(--gray-300)}
  165. .admin-textarea-xl{width:100%;height:90px}
  166. .admin-textarea-sm{width:360px;height:60px}
  167. .admin-input-lg{width:360px}
  168. .admin-input-md{width:260px}
  169. .admin-input-sm{width:160px}
  170. .admin-input-xs{width:70px}
  171. span.page-link{color:var(--white);background:var(--green)}
  172. table,input,select,textarea,.web-info,.upload-box,.colordlg,.pubdlg,.quickselitem .topcat,.mysource,.mywriter,.cke_chrome,.cke_inner,.pagination,.card,.form-control,.btn,.alert,.rounded,#edsta{border-radius:var(--b-radius)!important}
  173. .coolbg,.pubdlg .title,.cke_top{border-radius:var(--b-radius) var(--b-radius) 0 0!important}
  174. .submenu,.quickselfoot,.coolbg-box,.cke_bottom{border-radius:0 0 var(--b-radius) var(--b-radius)!important}
  175. .page-item:first-child .page-link{border-top-left-radius:var(--b-radius)!important;border-bottom-left-radius:var(--b-radius)!important}
  176. .page-item:last-child .page-link{border-top-right-radius:var(--b-radius)!important;border-bottom-right-radius:var(--b-radius)!important}
  177. .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
  178. .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
  179. .btn-sm{padding:0.375rem 0.6rem;height:30px;font-size:12px}
  180. .btn-xs{padding:0.22rem;height:20px;line-height:1;font-size:12px;border-radius:var(--b-radius-300)!important}
  181. .btn+.btn{margin-left:10px}
  182. @media (min-width:1199px){.modal-dialog{
  183. max-width:500px}
  184. }
  185. @media screen and (max-width:1199px) and (min-width:992px){
  186. .login-box{padding:30px}
  187. }
  188. @media (max-width:768px){td{
  189. white-space:nowrap}
  190. .install-box,.tips-box,.w-60,.w-40{width:100%}
  191. .tips{padding:0 1rem}
  192. .login-box{padding:30px}
  193. }