Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- body {
- min-width: 100vw;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- background-color: #eee;
- }
- .console {
- font-family: 'Fira Mono';
- width: 700px;
- height: 450px;
- box-sizing: border-box;
- margin: auto;
- }
- .console header {
- border-top-left-radius: 15px;
- border-top-right-radius: 15px;
- background-color: #555;
- height: 45px;
- line-height: 45px;
- text-align: center;
- color: #DDD;
- }
- .console .consolebody {
- border-bottom-left-radius: 15px;
- border-bottom-right-radius: 15px;
- box-sizing: border-box;
- padding: 20px;
- height: calc(100% - 40px);
- overflow: scroll;
- background-color: #000;
- color: #63de00;
- }
- .console .consolebody p {
- line-height: 1.5rem;
- }
- .debug-status {
- color: orange;
- }
- .info-status {
- /**color: '';**/
- }
- .warning-status {
- color: yellow;
- }
- .error-status {
- color: red;
- }
- .critical-status {
- color: red;
- font-weight: bold;
- }
- </style>
- </head>
- <body>
- <div class="console">
- <header>
- <p>homelegance@09:54AM</p>
- </header>
- <div class="consolebody">
- <p><span class="debug-status">DEBUG</span> type help to see a list of commands</p>
- <p><span class="info-status">INFO</span> type help to see a list of commands</p>
- <p><span class="warning-status">WARNING</span> type help to see a list of commands</p>
- <p><span class="error-status">ERROR</span> type help to see a list of commands</p>
- <p><span class="critical-status">CRITICAL</span> type help to see a list of commands</p>
- <p>></p>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement