mirror of
https://github.com/Gioni06/terminal.css
synced 2025-03-09 17:19:04 -04:00
mod gitignore
This commit is contained in:
Jonas Duri
parent
cc81cdab58
commit
99b09f115d
2
.gitignore
vendored
2
.gitignore
vendored
@ -330,3 +330,5 @@ ASALocalRun/
|
||||
.mfractor/
|
||||
|
||||
dist/
|
||||
/dist
|
||||
/dist/*
|
||||
635
dist/terminal.css
vendored
635
dist/terminal.css
vendored
@ -1,635 +0,0 @@
|
||||
:root {
|
||||
--global-font-size: 14px;
|
||||
--global-line-height: 1.4rem;
|
||||
--global-space: 10px;
|
||||
--font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
|
||||
--background-color: var(--invert-font-color);
|
||||
--page-width: 70em;
|
||||
--font-color: #151513;
|
||||
--invert-font-color: #fff;
|
||||
--secondary-color: #727680;
|
||||
--tertiary-color: #727680;
|
||||
--primary-color: rgb(206, 4, 105);
|
||||
--success-color: #2ac24b;
|
||||
--info-color: #ffc501;
|
||||
--warning-color: #e7601c;
|
||||
--error-color: #ce0404;
|
||||
--progress-bar-background: #cacdd5;
|
||||
--progress-bar-fill: #151513;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
text-rendering: geometricPrecision;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: var(--global-font-size);
|
||||
color: var(--font-color);
|
||||
line-height: var(--global-line-height);
|
||||
margin: 0;
|
||||
font-family: var(--font-stack);
|
||||
word-wrap: break-word;
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .logo {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc;
|
||||
padding: var(--global-space);
|
||||
white-space: pre-wrap; /* css-3 */
|
||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
||||
}
|
||||
|
||||
pre code {
|
||||
overflow-x: scroll;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid var(--primary-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--invert-font-color);
|
||||
}
|
||||
|
||||
blockquote, code, em, h1, h2, h3, h4, h5, h6, strong, .logo {
|
||||
font-size: var(--global-font-size);
|
||||
font-style: normal;
|
||||
font-family: var(--font-stack);
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
||||
blockquote, code, em, strong {
|
||||
line-height: var(--global-line-height);
|
||||
}
|
||||
|
||||
blockquote, code, footer, h1, h2, h3, h4, h5, h6, header, li, ol, p, section, ul, .logo {
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
blockquote, h1, ol, p, ul, .logo {
|
||||
margin-top: calc(var(--global-space) * 2);
|
||||
margin-bottom: calc(var(--global-space) * 2);
|
||||
}
|
||||
|
||||
ul ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ol ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1, .logo {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
display: table-cell;
|
||||
padding: calc(var(--global-space) * 2) 0 calc(var(--global-space) * 2);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1:after {
|
||||
content: "====================================================================================================";
|
||||
position: absolute;
|
||||
bottom: var(--global-space);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
h1 + *, .logo + * {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
position: relative;
|
||||
margin-bottom: var(--global-line-height);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: calc(var(--global-space) * 2);
|
||||
}
|
||||
|
||||
li:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
ul > li:after {
|
||||
content: "-";
|
||||
}
|
||||
|
||||
ol {
|
||||
counter-reset: a;
|
||||
}
|
||||
|
||||
ol > li:after {
|
||||
content: counter(a) ".";
|
||||
counter-increment: a;
|
||||
}
|
||||
|
||||
ol li:nth-child(n+10):after {
|
||||
left: -7px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
position: relative;
|
||||
padding-left: calc(var(--global-space) * 2);
|
||||
padding-left: 2ch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
blockquote:after {
|
||||
content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
|
||||
white-space: pre;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: var(--global-line-height);
|
||||
color: #9ca2ab;
|
||||
}
|
||||
|
||||
pre code:after, pre code:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
code {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
code:after, code:before {
|
||||
content: "`";
|
||||
display: inline;
|
||||
}
|
||||
|
||||
hr {
|
||||
position: relative;
|
||||
height: calc(var(--global-space) * 2);
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
margin: calc(var(--global-space) * 2) 0;
|
||||
}
|
||||
|
||||
hr:after {
|
||||
content: "--------------------------------------------------------------------------------------------------------------------";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: calc(var(--global-space) * 2);
|
||||
width: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
-ones ol > li:after {
|
||||
content: "1.";
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 var(--global-line-height);
|
||||
color: var(--global-font-color);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: var(--page-width);
|
||||
}
|
||||
|
||||
.container, .container-fluid {
|
||||
margin: 0 auto;
|
||||
padding: 0 calc(var(--global-space) * 2);
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 8px;
|
||||
background-color: var(--progress-bar-background);
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.progress-bar.progress-bar-show-percent {
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
.progress-bar-filled {
|
||||
background-color: var(--progress-bar-fill);
|
||||
height: 100%;
|
||||
-webkit-transition: width .3s ease;
|
||||
-o-transition: width .3s ease;
|
||||
transition: width .3s ease;
|
||||
position: relative;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.progress-bar-filled:before {
|
||||
content: "";
|
||||
border: 6px solid transparent;
|
||||
border-top-color: var(--progress-bar-fill);
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: -6px;
|
||||
}
|
||||
|
||||
.progress-bar-filled:after {
|
||||
color: var(--progress-bar-fill);;
|
||||
content: attr(data-filled);
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
border: 6px solid transparent;
|
||||
top: -38px;
|
||||
right: 0;
|
||||
-ms-transform: translateX(50%);
|
||||
-webkit-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
.progress-bar-no-arrow > .progress-bar-filled:before, .progress-bar-no-arrow > .progress-bar-filled:after {
|
||||
content: "";
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: var(--global-line-height) 0;
|
||||
color: var(--font-color);
|
||||
font-size: var(--global-font-size);
|
||||
}
|
||||
table tfoot tr th {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
table caption {
|
||||
font-size: 1em;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
table td, table th {
|
||||
vertical-align: top;
|
||||
border: 1px solid var(--font-color);
|
||||
line-height: var(--global-line-height);
|
||||
padding: calc(var(--global-space) / 2);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
table thead th {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
table tbody td:first-child {
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid var(--font-color);
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 1em;
|
||||
color: var(--font-color)
|
||||
}
|
||||
|
||||
input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="search"] {
|
||||
border: 1px dashed var(--font-color);
|
||||
width: 100%;
|
||||
padding: .5em;
|
||||
font-size: 1em;
|
||||
font-family: var(--font-stack);
|
||||
}
|
||||
|
||||
input[type="email"]:active, input[type="text"]:active, input[type="number"]:active, input[type="password"]:active, input[type="search"]:active
|
||||
input[type="email"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus {
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid var(--font-color);
|
||||
}
|
||||
|
||||
input[type="text"]:not(:placeholder-shown):invalid,
|
||||
input[type="email"]:not(:placeholder-shown):invalid,
|
||||
input[type="password"]:not(:placeholder-shown):invalid,
|
||||
input[type="search"]:not(:placeholder-shown):invalid,
|
||||
input[type="number"]:not(:placeholder-shown):invalid {
|
||||
border-color: var(--primary-color);
|
||||
}
|
||||
|
||||
|
||||
.form-group {
|
||||
margin-bottom: var(--global-line-height);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
textarea {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
resize: none;
|
||||
border: 1px dashed var(--font-color);
|
||||
width: 100%;
|
||||
padding: .5em;
|
||||
font-size: 1em;
|
||||
font-family: var(--font-stack);
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid var(--font-color);
|
||||
}
|
||||
|
||||
textarea:not(:placeholder-shown):invalid {
|
||||
border-color: var(--primary-color);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.btn {
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
padding: .65em 2em;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn.btn-ghost {
|
||||
border-color: var(--font-color);
|
||||
color: var(--font-color);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn.btn-ghost:focus, .btn.btn-ghost:hover {
|
||||
border-color: var(--tertiary-color);
|
||||
color: var(--tertiary-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn.btn-ghost:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
width: 100%;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background-color: var(--font-color);
|
||||
border-color: var(--invert-font-color);
|
||||
color: var(--invert-font-color);
|
||||
}
|
||||
|
||||
.btn-default:focus:not(.btn-ghost), .btn-default:hover {
|
||||
background-color: var(--tertiary-color);
|
||||
color: var(--invert-font-color);
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: var(--invert-font-color);
|
||||
background-color: var(--success-color);
|
||||
border-color: var(--success-color);
|
||||
}
|
||||
|
||||
.btn-success:focus:not(.btn-ghost), .btn-success:hover {
|
||||
background-color: var(--success-color);
|
||||
border-color: var(--success-color);
|
||||
}
|
||||
|
||||
.btn-success.btn-ghost {
|
||||
border-color: var(--success-color);
|
||||
color: var(--success-color);
|
||||
}
|
||||
|
||||
.btn-success.btn-ghost:focus, .btn-success.btn-ghost:hover {
|
||||
border-color: var(--success-color);
|
||||
color: var(--success-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-error {
|
||||
color: var(--invert-font-color);
|
||||
background-color: var(--error-color);
|
||||
border: 1px solid var(--error-color);
|
||||
}
|
||||
|
||||
.btn-error:focus:not(.btn-ghost), .btn-error:hover {
|
||||
background-color: var(--error-color);
|
||||
border-color: var(--error-color);
|
||||
}
|
||||
|
||||
.btn-error.btn-ghost {
|
||||
border-color: var(--error-color);
|
||||
color: var(--error-color);
|
||||
}
|
||||
|
||||
.btn-error.btn-ghost:focus, .btn-error.btn-ghost:hover {
|
||||
border-color: var(--error-color);
|
||||
color: var(--error-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color: var(--invert-font-color);
|
||||
background-color: var(--warning-color);
|
||||
border: 1px solid var(--warning-color);
|
||||
}
|
||||
|
||||
.btn-warning:focus:not(.btn-ghost), .btn-warning:hover {
|
||||
background-color: var(--warning-color);
|
||||
border-color: var(--warning-color);
|
||||
}
|
||||
|
||||
.btn-warning.btn-ghost {
|
||||
border-color: var(--warning-color);
|
||||
color: var(--warning-color);
|
||||
}
|
||||
|
||||
.btn-warning.btn-ghost:focus, .btn-warning.btn-ghost:hover {
|
||||
border-color: var(--warning-color);
|
||||
color: var(--warning-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: var(--invert-font-color);
|
||||
background-color: var(--info-color);
|
||||
border: 1px solid var(--info-color);
|
||||
}
|
||||
|
||||
.btn-info:focus:not(.btn-ghost), .btn-info:hover {
|
||||
background-color: var(--info-color);
|
||||
border-color: var(--info-color);
|
||||
}
|
||||
|
||||
.btn-info.btn-ghost {
|
||||
border-color: var(--info-color);
|
||||
color: var(--info-color);
|
||||
}
|
||||
|
||||
.btn-info.btn-ghost:focus, .btn-info.btn-ghost:hover {
|
||||
border-color: var(--info-color);
|
||||
color: var(--info-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: var(--invert-font-color);
|
||||
background-color: var(--primary-color);
|
||||
border: 1px solid var(--primary-color);
|
||||
}
|
||||
|
||||
.btn-primary:focus:not(.btn-ghost), .btn-primary:hover {
|
||||
background-color: var(--primary-color);
|
||||
border-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.btn-primary.btn-ghost {
|
||||
border-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.btn-primary.btn-ghost:focus, .btn-primary.btn-ghost:hover {
|
||||
border-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.btn-group .btn {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn-group .btn-ghost:not(:first-child) {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid var(--secondary-color);
|
||||
}
|
||||
|
||||
.card > header {
|
||||
color: var(--invert-font-color);
|
||||
text-align: center;
|
||||
background-color: var(--secondary-color);
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
.card > div:first-of-type {
|
||||
padding: var(--global-space);
|
||||
}
|
||||
|
||||
.alert {
|
||||
color: var(--font-color);
|
||||
padding: 1em;
|
||||
border: 1px solid var(--font-color);
|
||||
margin-bottom: var(--global-space);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
color: var(--success-color);
|
||||
border-color:var(--success-color);
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
color:var(--error-color);
|
||||
border-color: var(--error-color);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
color: var(--info-color);
|
||||
border-color: var(--info-color);
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
color: var(--warning-color);
|
||||
border-color: var(--warning-color);
|
||||
}
|
||||
|
||||
.alert-black {
|
||||
color: var(--font-color);
|
||||
border-color: var(--font-color);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar {
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
form {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
1
dist/terminal.min.css
vendored
1
dist/terminal.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user