index.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334
  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: 100px;}
  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. .main-box img{max-width: 500px; margin: 0.5em; box-shadow: 0 0 0px #999; transition: all 0.3s;}
  11. .main-box img:hover{box-shadow: 0 0 10px #333; cursor: pointer;}
  12. .main-box p[align=center]>a>img{margin: 0 0;}
  13. /* ============== 样式优化 ================ */
  14. /* 背景变黑 */
  15. .main-box [data-lang]{padding: 0px !important; border-radius: 10px; overflow: hidden;}
  16. .main-box [class^="lang-"]{/* color: red !important; */ border: 0px red solid; padding: 1.2em; background-color: #000; color: #FFF;}
  17. .main-box [class^="lang-api"]{color: #FFF;}
  18. .token.string{color: #65B042;}
  19. .token.number{color: #2487CC;}
  20. .token.punctuation{color: #FFF;}
  21. .token.comment{color: #FFF;}
  22. /* .main-box [class="lang-api"]{color: red;} */
  23. #main table{margin-left: 25px;}
  24. @media screen and (min-width: 800px) {
  25. #main table tr th{min-width: 150px;}
  26. }