1
0

playground.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. font-family: 'Segoe UI', Arial, 'HelveticaNeue-Light', sans-serif;
  5. font-size: 13px;
  6. overflow: hidden;
  7. }
  8. select {
  9. width: initial;
  10. }
  11. .playground-page .title {
  12. font-family: 'Segoe UI Light', 'HelveticaNeue-UltraLight', sans-serif;
  13. font-weight: 100;
  14. font-size: 1.8em;
  15. }
  16. .playground-page .tabArea {
  17. height: 20px;
  18. box-sizing: border-box;
  19. border-bottom: 1px solid #999;
  20. }
  21. .playground-page .tab {
  22. height: 20px;
  23. line-height: 20px;
  24. box-sizing: border-box;
  25. color: #999;
  26. padding: 0 8px;
  27. border: 1px solid #999;
  28. border-bottom: 0;
  29. cursor: pointer;
  30. float: left;
  31. }
  32. .playground-page .tab.active {
  33. color: black;
  34. border-bottom: 1px solid white;
  35. }
  36. .playground-page .action {
  37. height: 20px;
  38. line-height: 20px;
  39. box-sizing: border-box;
  40. color: black;
  41. padding: 0 5px;
  42. border: 1px solid #999;
  43. border-bottom: 0;
  44. cursor: pointer;
  45. float: right;
  46. font: inherit;
  47. padding-left: 16px;
  48. }
  49. .playground-page .action.run {
  50. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAE1JREFUOE9jKCsrY6AEU6QZZPHgNeA/0Hn7gdiBUPjg8gLIABjGaxAxBuA1iBQDYAalIXuLFAOweoUYA8gOA4pigegERrRCXOlhGBgAAGmggVf7bEk0AAAAAElFTkSuQmCC')
  51. no-repeat left center;
  52. }
  53. .playground-page .editor-container {
  54. border: 1px solid #999;
  55. border-top: 0;
  56. }