toolbar.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. /*-----------------------------------------------------------------------------
  2. | Copyright (c) Jupyter Development Team.
  3. | Distributed under the terms of the Modified BSD License.
  4. |----------------------------------------------------------------------------*/
  5. /*-----------------------------------------------------------------------------
  6. | Variables
  7. |----------------------------------------------------------------------------*/
  8. /*-----------------------------------------------------------------------------
  9. | Styles
  10. |----------------------------------------------------------------------------*/
  11. .jp-Notebook-toolbarCellType select.jp-Notebook-toolbarCellTypeDropdown {
  12. font-size: var(--jp-ui-font-size1);
  13. height: 20px;
  14. background-size: 16px;
  15. padding-right: 16px;
  16. }
  17. .jp-Notebook-toolbarCellType .jp-select-wrapper.jp-mod-focused {
  18. border: none;
  19. box-shadow: none;
  20. }
  21. .jp-Notebook-toolbarSave::before {
  22. content: "\f0c7"; /* save */
  23. }
  24. .jp-Notebook-toolbarInsert::before {
  25. content: "\f067"; /* plus */
  26. }
  27. .jp-Notebook-toolbarCut::before {
  28. content: "\f0c4"; /* cut */
  29. }
  30. .jp-Notebook-toolbarCopy::before {
  31. content: "\f0c5"; /* copy */
  32. }
  33. .jp-Notebook-toolbarPaste::before {
  34. content: "\f0ea"; /* paste */
  35. }
  36. .jp-Notebook-toolbarRun::before {
  37. content: "\f051"; /* step-forward */
  38. }
  39. .jp-NBToolbar {
  40. color: var(--jp-ui-font-color1);
  41. flex: 0 0 auto;
  42. display: flex;
  43. flex-direction: row;
  44. border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
  45. height: 24px;
  46. }
  47. .jp-NBToolbar > .jp-NBToolbar-item {
  48. flex: 0 0 auto;
  49. padding-left: 8px;
  50. padding-right: 8px;
  51. vertical-align: middle;
  52. font-size: 14px;
  53. line-height: 23px;
  54. }
  55. .jp-NBToolbar-item.jp-NBToolbar-button,
  56. .jp-NBToolbar-item.jp-NBToolbar-kernelIndicator {
  57. font-family: FontAwesome;
  58. text-align: center;
  59. display: inline-block;
  60. }
  61. .jp-NBToolbar-item.jp-NBToolbar-cellType select {
  62. background: #FFFFFF;
  63. }
  64. .jp-NBToolbar-cellType .jp-NBToolbar-cellTypeDropdown {
  65. border: var(--jp-border-width) solid var(--jp-border-color1);
  66. border-radius: 0;
  67. outline: none;
  68. width: 100%;
  69. font-size: 14px;
  70. line-height: 23px;
  71. }
  72. .jp-NBToolbar-item.jp-NBToolbar-kernelName {
  73. text-align: right;
  74. flex-grow: 1;
  75. flex-shrink: 1;
  76. }
  77. .jp-NBToolbar-item.jp-NBToolbar-kernelIndicator {
  78. border-right: none;
  79. }
  80. .jp-NBToolbar-button.jp-mod-pressed {
  81. background-color: #E0E0E0;
  82. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  83. }
  84. .jp-NBToolbar-button:hover {
  85. background-color: #EEEEEE;
  86. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
  87. }
  88. .jp-NBToolbar-button.jp-NBToolbar-save::before {
  89. content: "\f0c7"; /* Save */
  90. }
  91. .jp-NBToolbar-button.jp-NBToolbar-insert::before {
  92. content: "\f067"; /* Plus */
  93. }
  94. .jp-NBToolbar-button.jp-NBToolbar-cut::before {
  95. content: "\f0c4"; /* Cut */
  96. }
  97. .jp-NBToolbar-button.jp-NBToolbar-copy::before {
  98. content: "\f0c5"; /* Copy */
  99. }
  100. .jp-NBToolbar-button.jp-NBToolbar-paste::before {
  101. content: "\f0ea"; /* Paste */
  102. }
  103. .jp-NBToolbar-button.jp-NBToolbar-run::before {
  104. content: "\f051"; /* Step-forward */
  105. }
  106. .jp-NBToolbar-button.jp-NBToolbar-interrupt::before {
  107. content: "\f04d"; /* Stop */
  108. }
  109. .jp-NBToolbar-button.jp-NBToolbar-restart::before {
  110. content: "\f01e"; /* Rotate-right */
  111. }
  112. .jp-NBToolbar-item.jp-NBToolbar-kernelIndicator::before {
  113. content: "\f10c"; /* Circle-o */
  114. }
  115. .jp-NBToolbar-item.jp-NBToolbar-kernelIndicator.jp-mod-busy::before {
  116. content: "\f111"; /* Circle */
  117. }