m (This one sucks) |
m (Fix for mobile) |
||
Line 79: | Line 79: | ||
.skin-citizen-dark .term-output { | .skin-citizen-dark .term-output { | ||
color: #666; | color: #666; | ||
} | |||
@media only screen and (max-width: 700px) { | |||
.terminal-macos .term-bar { | |||
width: 100% !important; | |||
} | |||
.terminal-macos .term-screen { | |||
width: 100% !important | |||
} | |||
} | } |
Revision as of 05:20, 7 October 2023
/* All CSS here will be loaded for users of the Citizen skin */
.terminal-macos .term-bar {
line-height: 37px;
text-align: left;
width: 50%;
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;
width: 50%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 0 0;
padding: 1px;
}
.terminal-macos .term-screen .term-commands {
padding:0px 0px 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 .terminal-macos .term-screen {
background-color: #4b4b4b30;
}
.skin-citizen-dark .terminal-macos .term-bar {
background-color: #2d2d2d;
}
.skin-citizen-dark .terminal-macos .term-command {
color: #ddd;
}
.skin-citizen-dark .terminal-macos .term-command::before {
color: #c6c6c6ab;
}
.skin-citizen-dark .term-output {
color: #666;
}
@media only screen and (max-width: 700px) {
.terminal-macos .term-bar {
width: 100% !important;
}
.terminal-macos .term-screen {
width: 100% !important
}
}