{"html":"

\n \n \n \n

uiverse@admin: ~

\n uiverse@admin:\n ~\n $ welcome to uiverse\n \n

\n","css":"@import url(\"s://fonts.googleapis.com/css2?family=Fira+Code&display=swap\");\n\n.container {\n width: 280px;\n height: 260px;\n font-family: \"Fira Code\", monospace;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(33, 33, 33, 0.75);\n}\n\n.terminal_toolbar {\n display: flex;\n height: 30px;\n align-items: center;\n padding: 0 8px;\n box-sizing: border-box;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n background: linear-gradient(145deg, #2c2c2c, #1a1a1a);\n justify-content: space-between;\n box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.butt {\n display: flex;\n align-items: center;\n}\n\n.btn {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n margin-right: 5px;\n font-size: 8px;\n height: 12px;\n width: 12px;\n box-sizing: border-box;\n border: none;\n border-radius: 100%;\n background: radial-gradient(circle at 30% 30%, #6c6c6c, #3b3b3b);\n text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);\n box-shadow:\n 0px 0px 1px 0px #41403a,\n 0px 1px 1px 0px #474642;\n transition: transform 0.2s ease;\n}\n\n.btn-color {\n background: radial-gradient(circle at 30% 30%, #ff5f56, #bf2e2e);\n}\n\n.btn:hover {\n cursor: pointer;\n transform: scale(1.1);\n}\n\n.btn:focus {\n outline: none;\n}\n\n.butt--exit {\n background: linear-gradient(#f37458 0%, #de4c12 100%);\n}\n\n.add_tab {\n border: 1px solid #fff;\n color: #fff;\n padding: 0 6px;\n border-radius: 4px 4px 0 0;\n border-bottom: none;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.05);\n transition: background 0.2s;\n}\n\n.add_tab:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.user {\n color: #d5d0ce;\n margin-left: 6px;\n font-size: 14px;\n line-height: 15px;\n}\n\n.terminal_body {\n background: rgba(0, 0, 0, 0.4);\n height: calc(100% - 30px);\n padding-top: 8px;\n margin-top: -1px;\n font-size: 13px;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n line-height: 1.4;\n}\n\n.terminal_promt {\n display: flex;\n flex-wrap: wrap;\n}\n\n.terminal_promt span {\n margin-left: 4px;\n}\n\n.terminal_user {\n color: #00ffae;\n text-shadow: 0 0 4px #00ffae;\n}\n\n.terminal_location {\n color: #3d9df6;\n text-shadow: 0 0 4px #3d9df6;\n}\n\n.terminal_bling {\n color: #ffffff;\n text-shadow: 0 0 3px #ffffff;\n}\n\n.terminal_cursor {\n display: block;\n height: 14px;\n width: 5px;\n margin-left: 10px;\n background: #ffffff;\n animation: curbl 800ms steps(2) infinite;\n border-radius: 1px;\n}\n\n@keyframes curbl {\n 0%,\n 49% {\n background: #ffffff;\n }\n 60%,\n 99% {\n background: transparent;\n }\n 100% {\n background: #ffffff;\n }\n}\n.btn-red {\n background: radial-gradient(circle at 30% 30%, #ff5f56, #bf2e2e);\n}\n\n.btn-yellow {\n background: radial-gradient(circle at 30% 30%, #ffbd2e, #b4820e);\n}\n\n.btn-green {\n background: radial-gradient(circle at 30% 30%, #27c93f, #199f2c);\n}\n"}

ordinary-earwig-25

👁 实时预览

📝 源代码