.terminal {
font-family: monospace; margin: 0px auto 30px auto; background: linear-gradient(rgba(233, 233, 233, 1), rgba(178, 178, 178, 1) 21px, #EDEDED, #EDEDED 23px); border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 22px 50px 4px rgba(0, 0, 0, 0.56), 0 0 0 1px rgba(0, 0, 0, 0.3); text-align: left; overflow-y: hidden; & > nav:first-of-type { float: left; padding: 2px 0px 0px 10px; left: 5px; top: 3px; height: 19px; a { display: inline-block; margin: 2px 0px 3px 1px; width: 12px; height: 12px; border-radius: 100%; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); text-indent: -9999px; position: relative; &:before { content: ''; display: block; position: absolute; border-radius: 100%; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8); top: 0px; left: 0px; bottom: 0px; right: 0px; } &:after { content: ''; display: block; position: absolute; top: 2px; left: 1px; bottom: 1px; right: 1px; border-radius: 100%; background: linear-gradient(white, rgba(255, 255, 255, 0.9) 2%, white, rgba(255, 255, 255, 0.4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.7) 122%, rgba(255, 255, 255, 0.7)); box-shadow: inset 0px -3px -5px 3px rgba(255, 255, 255, 0.2), inset 0px 2px -5px 3px rgba(255, 255, 255, 0.2); } &.close { background: #FD4E4E; } &.minimize { background: #F3BB55; } &.maximize { background: #96D16F; } &.deactivate { background: #b5b5b5; } } } // Don't use a tag but a class as the tag is configurable. & > .title { font-size: small !important; margin: 0px; position: relative; color: #3c3c3c; font-size: 13px; line-height: 21px; text-decoration: none; text-shadow: 0 1px 1px #e7e7e7; text-align: center; text-transform: capitalize; } & > pre:first-of-type { white-space: pre-wrap; margin: 0; padding: 1em; border: 0; background: #333; font-size: 100%; span { margin-top: 0.5em; &:before { content: '$ '; } &.command { color: #FFF; } &.continuation { color: #FFF; &:before { visibility: hidden; } } &.output { color: #BBB; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &:before { visibility: hidden; } } } }
}