Card by 00Kubi
#e8e8e8
1.container { 2 width: 400px; 3 height: 300px; 4 background: #1e1e1e; 5 font-family: Menlo, Consolas, monospace; 6 font-size: 14px; 7 color: #e6e6e6; 8 border-radius: 5px; 9 overflow: hidden; 10} 11 12.terminal_toolbar { 13 display: flex; 14 height: 30px; 15 align-items: center; 16 padding: 0 8px; 17 box-sizing: border-box; 18 border-top-left-radius: 5px; 19 border-top-right-radius: 5px; 20 background: #212121; 21 justify-content: space-between; 22} 23 24.butt { 25 display: flex; 26 align-items: center; 27} 28 29.btn { 30 display: flex; 31 justify-content: center; 32 align-items: center; 33 padding: 0; 34 margin-right: 5px; 35 font-size: 8px; 36 height: 12px; 37 width: 12px; 38 box-sizing: border-box; 39 border: none; 40 border-radius: 100%; 41 background: linear-gradient(#7d7871 0%, #595953 100%); 42 text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2); 43 box-shadow: 0px 0px 1px 0px #41403a, 0px 1px 1px 0px #474642; 44} 45 46.btn-color { 47 background: #ee411a; 48} 49 50.btn:hover { 51 cursor: pointer; 52} 53 54.btn:focus { 55 outline: none; 56} 57 58.butt--exit { 59 background: linear-gradient(#f37458 0%, #de4c12 100%); 60} 61 62.add_tab { 63 border: 1px solid #fff; 64 color: #fff; 65 padding: 0 6px; 66 border-radius: 4px 4px 0 0; 67 border-bottom: none; 68 cursor: pointer; 69} 70 71.user { 72 color: #d5d0ce; 73 margin-left: 6px; 74 font-size: 14px; 75 line-height: 15px; 76} 77 78.terminal_body { 79 background: rgba(0, 0, 0, 0.6); 80 height: calc(100% - 30px); 81 padding-top: 2px; 82 margin-top: -1px; 83 font-size: 12px; 84 border-bottom-left-radius: 5px; 85 border-bottom-right-radius: 5px; 86 display: flex; 87 flex-direction: column; 88} 89 90.terminal_prompt { 91 display: flex; 92 align-items: center; 93 padding: 4px; 94} 95 96.terminal_prompt span { 97 margin-left: 4px; 98} 99 100.terminal_user { 101 color: #1eff8e; 102} 103 104.terminal_location { 105 color: #4878c0; 106} 107 108.terminal_bling { 109 color: #dddddd; 110} 111 112.terminal_cursor { 113 display: block; 114 height: 14px; 115 width: 5px; 116 margin-left: 10px; 117 animation: curbl 1200ms linear infinite; 118} 119 120.terminal_output { 121 padding: 4px; 122 flex-grow: 1; 123 overflow-y: auto; 124} 125 126.output_text { 127 margin: 0; 128} 129 130.terminal_input { 131 padding: 4px; 132} 133 134.input_text { 135 width: 100%; 136 padding: 6px; 137 background: transparent; 138 border: none; 139 color: #e6e6e6; 140 caret-color: #1eff8e; 141} 142 143@keyframes curbl { 144 0% { 145 background: #ffffff; 146 } 147 148 49% { 149 background: #ffffff; 150 } 151 152 60% { 153 background: transparent; 154 } 155 156 99% { 157 background: transparent; 158 } 159 160 100% { 161 background: #ffffff; 162 } 163} 164
594 views
Variation of acard
MIT License