index.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .logo-box {position: absolute;left: 30px;top: 10px;cursor: pointer;color: #000;}
  2. .logo-box img {width: 50px;height: 50px;vertical-align: middle;}
  3. .logo-box .logo-text {display: inline-block;vertical-align: middle;font-size: 24px;font-weight: 400;}
  4. #main {padding-bottom: 300px;}
  5. #main h2 {font-size: 1.6rem;}
  6. #main h3 {font-size: 1.25rem;}
  7. @media screen and (max-width: 800px) {
  8. .logo-box {display: none;}
  9. }
  10. /* ============== 样式优化 ================ */
  11. /* 背景变黑 */
  12. .main-box [data-lang]{padding: 0px !important; border-radius: 10px; overflow: hidden;}
  13. .main-box [class^="lang-"]{/* color: red !important; */ border: 0px red solid; padding: 1.2em; background-color: #000; color: #FFF;}
  14. .main-box [class^="lang-api"]{color: #FFF;}
  15. .token.string{color: #65B042;}
  16. .token.number{color: #2487CC;}
  17. .token.punctuation{color: #FFF;}
  18. .token.comment{color: #FFF;}
  19. /* .main-box [class="lang-api"]{color: red;} */
  20. #main table{margin-left: 25px;}
  21. @media screen and (min-width: 800px) {
  22. #main table tr th{min-width: 150px;}
  23. }
  24. /* 测试接口的按钮 */
  25. .test-api-btn{
  26. margin-left: 30px;
  27. cursor: pointer;
  28. border-radius: 2px;
  29. border-width: 0px;
  30. padding: 7px 15px;
  31. background-color: green;
  32. color: #FFF;
  33. }
  34. .layui-layer-iframe{box-shadow: 0 0 100px #000 !important;}
  35. #main [data-lang=js]{margin-bottom: 80px;}