#e8e8e8
1.container { 2 width: 230px; 3 height: 194px; 4} 5 6.terminal_toolbar { 7 display: flex; 8 height: 30px; 9 align-items: center; 10 padding: 0 8px; 11 box-sizing: border-box; 12 border-top-left-radius: 5px; 13 border-top-right-radius: 5px; 14 background: linear-gradient(#504b45 0%, #3c3b37 100%); 15} 16 17.butt { 18 display: flex; 19 align-items: center; 20} 21 22.btn { 23 display: flex; 24 justify-content: center; 25 align-items: center; 26 padding: 0; 27 margin-right: 5px; 28 font-size: 8px; 29 height: 12px; 30 width: 12px; 31 box-sizing: border-box; 32 border: none; 33 border-radius: 100%; 34 background: linear-gradient(#7d7871 0%, #595953 100%); 35 text-shadow: 0px 1px 0px rgba(255,255,255,0.2); 36 box-shadow: 0px 0px 1px 0px #41403A, 0px 1px 1px 0px #474642; 37} 38 39.btn-color { 40 background: #ee411a; 41} 42 43.btn:hover { 44 cursor: pointer; 45} 46 47.btn:focus { 48 outline: none; 49} 50 51.butt--exit { 52 background: linear-gradient(#f37458 0%, #de4c12 100%); 53} 54 55.user { 56 color: #d5d0ce; 57 margin-left: 6px; 58 font-size: 14px; 59 line-height: 15px; 60} 61 62.terminal_body { 63 background: rgba(56, 4, 40, 0.9); 64 height: calc(100% - 30px); 65 padding-top: 2px; 66 margin-top: -1px; 67 font-size: 12px; 68 border-bottom-left-radius: 5px; 69 border-bottom-right-radius: 5px; 70} 71 72.terminal_promt { 73 display: flex; 74} 75 76.terminal_promt span { 77 margin-left: 4px; 78} 79 80.terminal_user { 81 color: #7eda28; 82} 83 84.terminal_location { 85 color: #4878c0; 86} 87 88.terminal_bling { 89 color: #dddddd; 90} 91 92.terminal_cursor { 93 display: block; 94 height: 14px; 95 width: 5px; 96 margin-left: 10px; 97 animation: curbl 1200ms linear infinite; 98} 99 100@keyframes curbl { 101 102 0% { 103 background: #ffffff; 104 } 105 106 49% { 107 background: #ffffff; 108 } 109 110 60% { 111 background: transparent; 112 } 113 114 99% { 115 background: transparent; 116 } 117 118 100% { 119 background: #ffffff; 120 } 121}
Comments
MIT License