m (Fix for mobile) |
m (Width adjustments for terminal template) |
||
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; | line-height: 37px; | ||
text-align: left; | text-align: left; | ||
height: 25px; | height: 25px; | ||
background-color: #DAD9D9; | background-color: #DAD9D9; | ||
Line 38: | 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 45: | 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 65: | Line 68: | ||
color: #444444aa; | color: #444444aa; | ||
} | } | ||
.skin-citizen-dark | |||
.skin-citizen-dark .term-screen { | |||
background-color: #4b4b4b30; | background-color: #4b4b4b30; | ||
} | } | ||
.skin-citizen-dark | .skin-citizen-dark .term-bar { | ||
background-color: #2d2d2d; | background-color: #2d2d2d; | ||
} | } | ||
.skin-citizen-dark | .skin-citizen-dark .term-command { | ||
color: #ddd; | color: #ddd; | ||
} | } | ||
.skin-citizen-dark | .skin-citizen-dark .term-command::before { | ||
color: #c6c6c6ab; | color: #c6c6c6ab; | ||
} | } | ||
Line 81: | Line 85: | ||
} | } | ||
@media only screen and (max-width: 700px) { | @media only screen and (max-width: 700px) { | ||
.terminal-macos { | |||
width: 100% | min-width: 100%; | ||
} | |||
} | } |
Revision as of 12:28, 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 .term-command::before {
color: #c6c6c6ab;
}
.skin-citizen-dark .term-output {
color: #666;
}
@media only screen and (max-width: 700px) {
.terminal-macos {
min-width: 100%;
}
}