jquery.terminal.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. /*
  2. * This css file is part of jquery terminal
  3. *
  4. * Licensed under GNU LGPL Version 3 license
  5. * Copyright (c) 2011-2013 Jakub Jankiewicz <http://jcubic.pl>
  6. *
  7. */
  8. .terminal .terminal-output .format, .cmd .format,
  9. .cmd .prompt, .cmd .prompt div, .terminal .terminal-output div div{
  10. display: inline-block;
  11. }
  12. .cmd .clipboard {
  13. position: absolute;
  14. bottom: 0;
  15. left: 0;
  16. opacity: 0.01;
  17. filter: alpha(opacity = 0.01);
  18. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.01);
  19. width: 2px;
  20. }
  21. .cmd > .clipboard {
  22. position: fixed;
  23. }
  24. .terminal {
  25. padding: 10px;
  26. position: relative;
  27. overflow: hidden;
  28. }
  29. .cmd {
  30. padding: 0;
  31. margin: 0;
  32. height: 1.3em;
  33. /*margin-top: 3px; */
  34. }
  35. .cmd .cursor.blink {
  36. -webkit-animation: blink 1s infinite steps(1, start);
  37. -moz-animation: blink 1s infinite steps(1, start);
  38. -ms-animation: blink 1s infinite steps(1, start);
  39. animation: blink 1s infinite steps(1, start);
  40. }
  41. @keyframes blink {
  42. 0%, 100% {
  43. background-color: #000;
  44. color: #aaa;
  45. }
  46. 50% {
  47. background-color: #bbb; /* not #aaa because it's seem there is Google Chrome bug */
  48. color: #000;
  49. }
  50. }
  51. @-webkit-keyframes blink {
  52. 0%, 100% {
  53. background-color: #000;
  54. color: #aaa;
  55. }
  56. 50% {
  57. background-color: #bbb;
  58. color: #000;
  59. }
  60. }
  61. @-ms-keyframes blink {
  62. 0%, 100% {
  63. background-color: #000;
  64. color: #aaa;
  65. }
  66. 50% {
  67. background-color: #bbb;
  68. color: #000;
  69. }
  70. }
  71. @-moz-keyframes blink {
  72. 0%, 100% {
  73. background-color: #000;
  74. color: #aaa;
  75. }
  76. 50% {
  77. background-color: #bbb;
  78. color: #000;
  79. }
  80. }
  81. .terminal .terminal-output div div, .cmd .prompt {
  82. display: block;
  83. line-height: 14px;
  84. height: auto;
  85. }
  86. .cmd .prompt {
  87. float: left;
  88. }
  89. .terminal, .cmd {
  90. font-family: FreeMono, monospace;
  91. color: #aaa;
  92. background-color: #000;
  93. font-size: 12px;
  94. line-height: 14px;
  95. }
  96. .terminal-output > div {
  97. /*padding-top: 3px;*/
  98. min-height: 14px;
  99. }
  100. .terminal .terminal-output div span {
  101. display: inline-block;
  102. }
  103. .cmd span {
  104. float: left;
  105. /*display: inline-block; */
  106. }
  107. .terminal .inverted, .cmd .inverted, .cmd .cursor.blink {
  108. background-color: #aaa;
  109. color: #000;
  110. }
  111. .terminal .terminal-output div div::-moz-selection,
  112. .terminal .terminal-output div span::-moz-selection,
  113. .terminal .terminal-output div div a::-moz-selection {
  114. background-color: #aaa;
  115. color: #000;
  116. }
  117. .terminal .terminal-output div div::selection,
  118. .terminal .terminal-output div div a::selection,
  119. .terminal .terminal-output div span::selection,
  120. .cmd > span::selection,
  121. .cmd .prompt span::selection {
  122. background-color: #aaa;
  123. color: #000;
  124. }
  125. .terminal .terminal-output div.error, .terminal .terminal-output div.error div {
  126. color: red;
  127. }
  128. .tilda {
  129. position: fixed;
  130. top: 0;
  131. left: 0;
  132. width: 100%;
  133. z-index: 1100;
  134. }
  135. .clear {
  136. clear: both;
  137. }
  138. .terminal a {
  139. color: #0F60FF;
  140. }
  141. .terminal a:hover {
  142. color: red;
  143. }