2
0

console-tabs.css 875 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @import url("{{ pathto('_static/fontawesome/css/fa-brands.min.css', 1) }}");
  2. .console-block {
  3. text-align: right;
  4. }
  5. .console-block *:before,
  6. .console-block *:after {
  7. box-sizing: border-box;
  8. }
  9. .console-block > section {
  10. display: none;
  11. text-align: left;
  12. }
  13. .console-block > input.c-tab-unix,
  14. .console-block > input.c-tab-win {
  15. display: none;
  16. }
  17. .console-block > label {
  18. display: inline-block;
  19. padding: 4px 8px;
  20. font-weight: normal;
  21. text-align: center;
  22. color: #bbb;
  23. border: 1px solid transparent;
  24. font-family: fontawesome;
  25. }
  26. .console-block > input:checked + label {
  27. color: #555;
  28. border: 1px solid #ddd;
  29. border-top: 2px solid #ab5603;
  30. border-bottom: 1px solid #fff;
  31. }
  32. .console-block > .c-tab-unix:checked ~ .c-content-unix,
  33. .console-block > .c-tab-win:checked ~ .c-content-win {
  34. display: block;
  35. }
  36. .console-block pre {
  37. margin-top: 0px;
  38. }