No edit summary |
m (Fix a color override) |
||
(5 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 14: | Line 19: | ||
background-color: #E94B35; | background-color: #E94B35; | ||
border-radius: 100%; | border-radius: 100%; | ||
width: | width: 11px; | ||
height: | height: 11px; | ||
margin: 5px 0px 5px | margin: 5px 0px 5px 8px; | ||
display: inline-block | display: inline-block | ||
} | } | ||
Line 22: | Line 27: | ||
background-color: #f0f000; | background-color: #f0f000; | ||
border-radius: 100%; | border-radius: 100%; | ||
width: | width: 11px; | ||
height: | height: 11px; | ||
margin: 5px 0px 5px 5px; | margin: 5px 0px 5px 5px; | ||
display: inline-block | display: inline-block | ||
Line 30: | Line 35: | ||
background-color: #1AAF5C; | background-color: #1AAF5C; | ||
border-radius: 100%; | border-radius: 100%; | ||
width: | width: 11px; | ||
height: | height: 11px; | ||
margin: 5px 0px 5px 5px; | margin: 5px 0px 5px 5px; | ||
display: inline-block | display: inline-block | ||
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 0px | padding:0px 10px 0px 10px; | ||
} | } | ||
.terminal-macos .term-command { | .terminal-macos .term-command { | ||
Line 63: | Line 67: | ||
content: 'dev@mbp:~$ '; | content: 'dev@mbp:~$ '; | ||
color: #444444aa; | 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%; | |||
} | |||
} | } |
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%;
}
}