Difference between revisions of "User:Zamujasa/Terminal"
Jump to navigation
Jump to search
(better glow effect, maybe) |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
<div style="max-width: | <div style="max-width: 800px; background: #999876; border: 3px outset #888; border-radius: 10px; box-shadow: inset 0px -1px 10px 0px #332; font-size: 120%; margin-bottom: 1em; padding-bottom: 1em;"> | ||
<div style="min-height: 70px; margin: 1em; padding: 1.5em; background: #1e1b1e; color: #fc0; white-space: pre-wrap; border: 3px solid #777; box-shadow: inset 0px 0px 10px 0px #a96; border-radius: 10px; | <div style="min-height: 70px; margin: 1em; padding: 1.5em; background: #1e1b1e; color: #fc0; white-space: pre-wrap; border: 3px solid #777; box-shadow: inset 0px 0px 10px 0px #a96; border-radius: 10px; | ||
text-shadow: -2px 0px 4px rgba(255, 191, 0, . | text-shadow: -2px 0px 4px rgba(255, 191, 0, .4), 2px 0px 4px rgba(255, 191, 0, .4), 0px -1px 4px rgba(255, 191, 0, .4), 0px 1px 4px rgba(255, 191, 0, .4); | ||
font-family: Consolas, monospace;">{{{1}}}</div> | font-family: Consolas, monospace;">{{{1}}}</div> | ||
<div style="margin: 0 1em; position: relative; vertical-align: baseline;"> | |||
<div style="display: inline-block; font-family: Ubuntu Mono, Consolas, monospace; font-size: 120%; font-weight: bold;">CARD</div> | |||
<div style="display: inline-block; margin: 0 .5em; width: 6em; height: 6px; background: #222; border: 2px inset #888; border-radius: 4px; position: relative; top: -4px;"> | |||
<div style="position: absolute; right: 0.1em; top: 10px; background: #282; box-shadow: inset -1px -1px 2px 0 black; width: 0.75em; height: 6px;"></div> | |||
</div> | |||
<div style="display: inline-block; width: 2em; color: white; text-align: center; height: 1.5em; background: #55b; border: 1px outset #33e; border-radius: 2px; box-shadow: 0 0 4px 1px rgba(120, 120, 255, 1); margin-right: 2.5em;">⏏</div> | |||
<div style=" | <div style="display: inline-block; font-family: Ubuntu Mono, Consolas, monospace; font-size: 120%; font-weight: bold;">DISK</div> | ||
<div style=" | <div style="display: inline-block; margin: 0 .5em; width: 12em; height: 6px; background: #222; border: 2px inset #888; border-radius: 4px; position: relative; top: -4px"> | ||
<div style=" | <div style="position: absolute; right: 0.1em; top: 10px; background: #822; box-shadow: inset -1px -1px 2px 0 black; width: 0.75em; height: 6px;"></div> | ||
</div> | <div style="position: absolute; right: 1.1em; top: 10px; background: #282; box-shadow: inset -1px -1px 2px 0 black; width: 0.75em; height: 6px;"></div> | ||
</div> | |||
<div style="display: inline-block; width: 2em; color: white; text-align: center; height: 1.5em; background: #55b; border: 1px outset #33e; border-radius: 2px; box-shadow: 0 0 4px 1px rgba(120, 120, 255, 1)">⏏</div> | |||
<div style=" | <div style="position: absolute; right: 0; top: 4px; width: 2em; color: white; text-align: center; height: 1.5em; background: #f44; border: 1px outset #f00; border-radius: 2px; box-shadow: 0 0 15px 3px rgba(255, 120, 120, 1)">⟳</div> | ||
</div> | |||
</div> | </div> |
Latest revision as of 09:33, 13 February 2019
{{{1}}}
CARD
⏏
DISK
⏏
⟳