ivprog-term.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. .ivprog-term-div {
  2. /* background-color: black; */
  3. width: 100%;
  4. height: 12rem;
  5. overflow-y: scroll;
  6. }
  7. .ivprog-term-userText, .ivprog-term-userInput {
  8. color: white;
  9. }
  10. .ivprog-term-info {
  11. color: green;
  12. }
  13. .ivprog-term-error {
  14. color: red;
  15. }
  16. .ivprog-term-input {
  17. font-family: 'Courier New', Courier, monospace;
  18. font-weight: 500;
  19. background-color: inherit;
  20. border: 0;
  21. color: white;
  22. }
  23. .ivprog-term-div > .ivprog-term-input, .ivprog-term-div > .ivprog-term-userText,
  24. .ivprog-term-div > .ivprog-term-info, .ivprog-term-div, .ivprog-term-error {
  25. padding-left: 20px;
  26. }
  27. #ivprog-term {
  28. /* border: 1px solid gray;
  29. background: black;
  30. margin-top: -30px;
  31. position: relative;
  32. padding: 5px;
  33. z-index: 999; */
  34. }
  35. /* #ivprog-term i {
  36. margin-left: 5px;
  37. cursor: pointer;
  38. } */
  39. .div_toggle_console {
  40. cursor: pointer;
  41. }
  42. .ivprog-term-active {
  43. box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
  44. border: 3px solid rgba(81, 203, 238, 1) !important;
  45. }
  46. .ivprog-term-div {
  47. overflow:scroll;
  48. }
  49. .ivprog-term-div::-webkit-scrollbar {
  50. width: 12px;
  51. }
  52. .ivprog-term-div::-webkit-scrollbar-track {
  53. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  54. -webkit-border-radius: 10px;
  55. border-radius: 10px;
  56. }
  57. .ivprog-term-div::-webkit-scrollbar-thumb {
  58. -webkit-border-radius: 10px;
  59. border-radius: 10px;
  60. background: green;
  61. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  62. }
  63. /**novas regras bash*/
  64. #ivprog-terminal-inputdiv {
  65. padding-left: 12px;
  66. }
  67. #ivprog-console-clearbtn, #ivprog-console-showbtn, #ivprog-console-hidebtn {
  68. cursor: pointer;
  69. }
  70. .bash {
  71. box-shadow: 0 0 30px rgba(0,0,0,0.4);
  72. border-radius: 3px;
  73. }
  74. .bash-title {
  75. text-align: center;
  76. color: #525252;
  77. padding: 5px 0;
  78. margin: 0;
  79. text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  80. font-size: 0.85em;
  81. border: 1px solid #CCCCCC;
  82. border-bottom: none;
  83. border-top-left-radius: 3px;
  84. border-top-right-radius: 3px;
  85. background: #f7f7f7; /* Old browsers */
  86. background: linear-gradient(to bottom, #f7f7f7 0%,#B8B8B8 100%); /* W3C */
  87. }
  88. .bash-body {
  89. /* margin: 0;
  90. padding: 5px; */
  91. background: #141414;
  92. /* list-style: none; */
  93. color: #F8F8FF;
  94. font: 14px 'Andale Mono', Consolas, 'Courier New';
  95. line-height: 1.6em;
  96. border: 1px solid #CCCCCC;
  97. border-bottom-right-radius: 3px;
  98. border-bottom-left-radius: 3px;
  99. }
  100. .bash-text {
  101. font: 14px 'Andale Mono', Consolas, 'Courier New';
  102. line-height: 1.6em;
  103. }
  104. .bash-highlight {
  105. color: #45D40C;
  106. }
  107. .bash-highlight a {
  108. color: #45D40C;
  109. text-decoration: underline;
  110. }
  111. /* .bash-body li:before {
  112. content: '$';
  113. color: #F8F8FF;
  114. position: absolute;
  115. left: 0;
  116. top: 0;
  117. } */
  118. .bash-body i {
  119. cursor: text;
  120. }
  121. .bash-body li {
  122. word-wrap: break-word;
  123. position: relative;
  124. padding: 0 0 0 15px;
  125. }
  126. #cmd {
  127. font-family: courier;
  128. font-size: 14px;
  129. line-height: normal;
  130. background:inherit;
  131. color: #21f838;
  132. padding: 5px;
  133. overflow: hidden;
  134. }
  135. #cmd span {
  136. float: left;
  137. padding-left: 3px;
  138. white-space: pre;
  139. }
  140. #cursor {
  141. float: left;
  142. width: 5px;
  143. height: 14px;
  144. background: #21f838;
  145. }
  146. #cmd ~ input {
  147. width: 0;
  148. height: 0;
  149. opacity: 0;
  150. }