mirror of
https://github.com/nuttylmao/nutty.gg.git
synced 2026-09-19 04:00:59 -04:00
Re-release of Multistream Title Updater
Minor Printer.bot improvements
This commit is contained in:
nuttylmao
+122
-35
@@ -34,20 +34,25 @@ body {
|
||||
/************/
|
||||
|
||||
.title {
|
||||
font-weight: 900;
|
||||
font-size: 1.2em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
font-size: 1.2em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.setting-description {
|
||||
font-size: 0.9em;
|
||||
font-weight: 100;
|
||||
font-size: 0.9em;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.setting-attribute {
|
||||
font-size: 0.8em;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
|
||||
@@ -80,6 +85,9 @@ button {
|
||||
padding: 0.5em 1em;
|
||||
width: 100%;
|
||||
transition: all 0.2s ease-in-out;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
@@ -92,26 +100,66 @@ button:disabled {
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
margin-left: auto;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 1.5em;
|
||||
font-weight: 100;
|
||||
padding: 1em;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.icon-button:hover {
|
||||
background: var(--button-color);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/************************/
|
||||
/*** INPUT TEXT BOXES ***/
|
||||
/************************/
|
||||
|
||||
textarea,
|
||||
input {
|
||||
font-family: inherit;
|
||||
border-radius: 0.5em;
|
||||
width: auto;
|
||||
padding: 0.5em;
|
||||
background-color: #171717;
|
||||
border: 1px solid #404040;
|
||||
border: none;
|
||||
outline: 1px solid #404040;
|
||||
color: white;
|
||||
font-size: 0.9em;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
textarea:disabled,
|
||||
input:disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input:focus,
|
||||
select:focus {
|
||||
outline: 1px solid var(--accent-color);
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.textarea-description {
|
||||
min-height: 10em;
|
||||
}
|
||||
|
||||
textarea::-webkit-resizer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***********************/
|
||||
@@ -226,16 +274,16 @@ iframe {
|
||||
/***************/
|
||||
|
||||
.callout {
|
||||
font-size: 0.9em;
|
||||
font-weight: 100;
|
||||
background-color: var(--callout-background);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
font-size: 0.9em;
|
||||
font-weight: 100;
|
||||
background-color: var(--callout-background);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #40404080;
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #40404080;
|
||||
}
|
||||
|
||||
|
||||
@@ -245,21 +293,22 @@ iframe {
|
||||
/**************/
|
||||
|
||||
.dialog {
|
||||
font-size: 1em;
|
||||
background-color: var(--dialog-background);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
font-size: 1em;
|
||||
background-color: var(--dialog-background);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #40404080;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
|
||||
z-index: 1000; /* above overlay */
|
||||
border-radius: 0.5em;
|
||||
border: 1px solid #40404080;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
|
||||
z-index: 1000;
|
||||
/* above overlay */
|
||||
}
|
||||
|
||||
.dialog-nav-button {
|
||||
@@ -271,11 +320,49 @@ iframe {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
position: absolute;
|
||||
position: fixed; /* fixed to viewport */
|
||||
top: 0.5em; /* small offset from top */
|
||||
right: 0.5em; /* small offset from right */
|
||||
position: fixed;
|
||||
/* fixed to viewport */
|
||||
top: 0.5em;
|
||||
/* small offset from top */
|
||||
right: 0.5em;
|
||||
/* small offset from right */
|
||||
}
|
||||
|
||||
.dialog-nav-button:hover {
|
||||
background: var(--button-color);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******************/
|
||||
/*** BLUR LAYER ***/
|
||||
/******************/
|
||||
|
||||
.blur {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
/* top:0; left:0; bottom:0; right:0 */
|
||||
backdrop-filter: blur(10px);
|
||||
/* blur the content behind */
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
/* Safari support */
|
||||
z-index: 1;
|
||||
/* behind the modal */
|
||||
}
|
||||
|
||||
|
||||
/***************/
|
||||
/*** SELECTS ***/
|
||||
/***************/
|
||||
|
||||
select {
|
||||
padding: 0.5em;
|
||||
font-size: 0.9em;
|
||||
border-radius: 0.5em;
|
||||
border: none;
|
||||
outline: 1px solid #404040;
|
||||
background-color: var(--callout-background);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
min-width: 8em;
|
||||
}
|
||||
Reference in New Issue
Block a user