Advertisement
b3gund4L

cssshell

Apr 20th, 2025
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.14 KB | None | 0 0
  1. body {
  2.     background-color: #1c1c1c;
  3.     font-family: 'Source Code Pro', monospace;
  4.     font-size: 14px;
  5.     font-weight: 400;
  6.     color: #fff;
  7.     padding: 0;
  8.     margin: 0;
  9. }
  10.  
  11. .terminal-window {
  12.     position: absolute;
  13.     top: 50%;
  14.     left: 50%;
  15.     transform: translate(-50%, -50%);
  16.     background-color: #2d2d2d;
  17.     box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
  18.     border-radius: 5px;
  19.     overflow: hidden;
  20.     width: auto;
  21.     max-width: 90%;
  22.     height: auto;
  23.     max-height: 90%;
  24. }
  25.  
  26. .terminal-header {
  27.     display: flex;
  28.     align-items: center;
  29.     background-color: #1c1c1c;
  30.     height: 35px;
  31.     padding: 0 10px;
  32. }
  33.  
  34. .terminal-buttons {
  35.     display: flex;
  36. }
  37.  
  38. .terminal-button {
  39.     width: 12px;
  40.     height: 12px;
  41.     margin-right: 5px;
  42.     border-radius: 50%;
  43. }
  44.  
  45. .terminal-button.close {
  46.     background-color: #ff5f56;
  47. }
  48.  
  49. .terminal-button.minimize {
  50.     background-color: #ffbd2e;
  51. }
  52.  
  53. .terminal-button.expand {
  54.     background-color: #28c940;
  55. }
  56.  
  57. .terminal-title {
  58.     flex: 0.9;
  59.     text-align: center;
  60. }
  61.  
  62. .terminal-body {
  63.     display: flex;
  64.     flex-direction: column;
  65.     padding: 10px;
  66. }
  67.  
  68. .terminal-output {
  69.     flex: 1;
  70.     padding: 10px;
  71.     overflow-y: auto;
  72.     white-space: pre-wrap;
  73. }
  74.  
  75. .terminal-output p {
  76.     margin: 0 0 5px 0;
  77. }
  78.  
  79. .terminal-input {
  80.     display: flex;
  81.     align-items: center;
  82.     background-color: #1c1c1c;
  83.     height: 35px;
  84.     padding: 0 10px;
  85. }
  86.  
  87. .terminal-input span {
  88.     color: #fff;
  89.     margin-right: 10px;
  90. }
  91.  
  92. .terminal-input input {
  93.     background-color: transparent;
  94.     border: none;
  95.     font-family: 'Courier New', Courier, monospace;
  96.     font-size: 16px;
  97.     color: #fff;
  98.     flex: 1;
  99. }
  100.  
  101. table {
  102.     width: 100%;
  103.     border-spacing: 0;
  104. }
  105.  
  106. td {
  107.     padding: 5px;
  108.     vertical-align: top;
  109. }
  110.  
  111. .label {
  112.     text-align: right;
  113.     padding-right: 10px;
  114.     color: #ffc107;
  115. }
  116.  
  117. .value {
  118.     color: #fff;
  119. }
  120.  
  121. ::-webkit-scrollbar {
  122.     width: 10px;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb {
  126.     background-color: #55555500;
  127. }
  128.  
  129. @media (max-width: 600px) {
  130.     .terminal-window {
  131.         width: 90%;
  132.         height: auto;
  133.     }
  134. }
  135.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement