/———————————————————————————–/ /* Window /———————————————————————————–/
.window {
margin: 0px auto 30px auto; background: #EDEDED; border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 22px 50px 0px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.2); text-align: left; z-index: 0; visibility: hidden; opacity: 0; visibility: visible; opacity: 1; .terminal-container { border-radius: 5px; } h1.titleInside { margin: 0px; position: relative; z-index: 2; color: #3c3c3c; font-size: 13px; line-height: 21px; text-decoration: none; text-shadow: 0 1px 1px #e7e7e7; text-align: center; text-transform: capitalize; font-weight: normal; } nav.control-window { float: left; padding: 2px 0px 0px 10px; left: 5px; top: 3px; z-index: 10; height: 19px; a { display: inline-block; margin: 2px 3px 3px 1px; width: 12px; height: 12px; border-radius: 100%; text-indent: -9999px; position: relative; border: none; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); &.close { background: #FB5149; } &.minimize { background: #FFB429; } &.maximize { background: #24C238; } &.deactivate { background: #b5b5b5; } } }
}
/———————————————————————————–/ /* Terminal Console Layout /———————————————————————————–/
div.terminal {
background: #333; color: #DDD; white-space: pre-line; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; table { margin-left: 10px; margin-right: 10px; box-shadow: none; } tr { padding: 0; } td { vertical-align: top; border: none; padding: 0; } pre { background: none; border: none; margin-top: 0.5em; padding-left: 0px; padding-top: 0px; box-shadow: none; -webkit-box-shadow: none; overflow-x: auto; span { display: block; } &.line-numbers span { display: inline; color: #586e75; } } overflow-x: auto; overflow-y: hidden; span { &.command { color: #FFF; } &.output { color: #BBB; } } code { background-color: transparent; display: inline; padding: 0; }
}