Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
.terminal-macos {
width: fit-content;
min-width: 50%;
}
.terminal-macos .term-bar {
line-height: 37px;
text-align: left;
height: 25px;
background-color: #DAD9D9;
margin: 0 0;
font-family: monospace;
padding: 0 0 0 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.terminal-macos .term-red {
background-color: #E94B35;
border-radius: 100%;
width: 11px;
height: 11px;
margin: 5px 0px 5px 8px;
display: inline-block
}
.terminal-macos .term-yellow {
background-color: #f0f000;
border-radius: 100%;
width: 11px;
height: 11px;
margin: 5px 0px 5px 5px;
display: inline-block
}
.terminal-macos .term-green {
background-color: #1AAF5C;
border-radius: 100%;
width: 11px;
height: 11px;
margin: 5px 0px 5px 5px;
display: inline-block
}
.terminal-macos .term-screen {
background-color: #99999930;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 0 0;
padding: 1px;
}
.terminal-macos .term-screen .term-commands {
padding:0px 10px 0px 10px;
}
.terminal-macos .term-command {
color: #444;
font-family: monospace;
font-size: 15px;
text-align: left;
position: static;
}
.terminal-macos .term-output {
color: #999;
font-family: monospace;
font-size: 15px;
text-align: left;
position: static;
}
.terminal-macos p.term-command::before {
content: 'dev@mbp:~$ ';
color: #444444aa;
}
.skin-citizen-dark .term-screen {
background-color: #4b4b4b30;
}
.skin-citizen-dark .term-bar {
background-color: #2d2d2d;
}
.skin-citizen-dark .term-command {
color: #ddd;
}
.skin-citizen-dark p.term-command::before {
color: #c6c6c6ab!important;
}
.skin-citizen-dark .term-output {
color: #666;
}
@media only screen and (max-width: 700px) {
.terminal-macos {
min-width: 100%;
}
}