No edit summary |
m (Fix a color override) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
.terminal-macos { | |||
width: fit-content; | |||
min-width: 50%; | |||
} | |||
.terminal-macos .term-bar { | .terminal-macos .term-bar { | ||
line-height: 37px; | |||
text-align: left; | text-align: left; | ||
height: 25px; | height: 25px; | ||
background-color: #DAD9D9; | background-color: #DAD9D9; | ||
Line 37: | Line 42: | ||
.terminal-macos .term-screen { | .terminal-macos .term-screen { | ||
background-color: #99999930; | background-color: #99999930; | ||
border-bottom-left-radius: 5px; | border-bottom-left-radius: 5px; | ||
border-bottom-right-radius: 5px; | border-bottom-right-radius: 5px; | ||
Line 44: | Line 48: | ||
} | } | ||
.terminal-macos .term-screen .term-commands { | .terminal-macos .term-screen .term-commands { | ||
padding:0px | padding:0px 10px 0px 10px; | ||
} | } | ||
.terminal-macos .term-command { | .terminal-macos .term-command { | ||
Line 64: | Line 68: | ||
color: #444444aa; | color: #444444aa; | ||
} | } | ||
.skin-citizen-dark .term-screen { | .skin-citizen-dark .term-screen { | ||
background-color: #4b4b4b30; | background-color: #4b4b4b30; | ||
Line 73: | Line 78: | ||
color: #ddd; | color: #ddd; | ||
} | } | ||
.skin-citizen-dark .term-command::before { | .skin-citizen-dark p.term-command::before { | ||
color: #c6c6c6ab; | color: #c6c6c6ab!important; | ||
} | } | ||
.skin-citizen-dark .term-output { | .skin-citizen-dark .term-output { | ||
color: #666; | color: #666; | ||
} | |||
@media only screen and (max-width: 700px) { | |||
.terminal-macos { | |||
min-width: 100%; | |||
} | |||
} | } |
Latest revision as of 12:34, 7 October 2023
/* 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%;
}
}