Update samy.css
This commit is contained in:
26
samy.css
26
samy.css
@@ -2,16 +2,19 @@
|
||||
/* Cool Palette */
|
||||
--background-color: rgba(18, 18, 18, 1);
|
||||
--border-color: rgba(255, 127, 0, 0.25);
|
||||
|
||||
/* Neutral Colors */
|
||||
--white-color: rgba(255, 255, 255);
|
||||
--gray-color: rgba(102, 102, 102);
|
||||
--dark-gray-color: rgba(51, 51, 51);
|
||||
--light-gray-color: rgba(187, 187, 187);
|
||||
|
||||
/* Sidebar Button Colors */
|
||||
--btn-sidebar-light-gray: rgba(68, 68, 68);
|
||||
--btn-sidebar-blue: rgba(30, 144, 255, 1);
|
||||
--btn-hover: rgba(0, 86, 179, 1);
|
||||
--btn-hover-scale: 1.05;
|
||||
|
||||
/* Button Colors */
|
||||
--btn-success: rgba(40, 167, 69);
|
||||
--btn-success-disabled: rgba(108, 117, 125);
|
||||
@@ -24,6 +27,11 @@
|
||||
--status-height: 140px; /* max height of status box */
|
||||
}
|
||||
|
||||
/* Make sizing easier to reason about */
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
@@ -79,7 +87,7 @@ body {
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol',system-ui,sans-serif;
|
||||
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
z-index: 1;
|
||||
@@ -191,8 +199,7 @@ body {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* Inputs / buttons in password & dropdown areas */
|
||||
/* Inputs / buttons in password & dropdown areas */
|
||||
/* Inputs / buttons in password and dropdown areas */
|
||||
#PasswordContainer,
|
||||
#dattoRmmContainer {
|
||||
margin: 16px 0;
|
||||
@@ -231,7 +238,6 @@ body {
|
||||
/* Dropdown fills the whole panel width */
|
||||
#dattoRmmContainer select {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* GO button styling */
|
||||
@@ -248,7 +254,6 @@ body {
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
|
||||
/* Tag line */
|
||||
.tagline {
|
||||
font-size: 1.2rem;
|
||||
@@ -262,7 +267,18 @@ body {
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.column {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#PasswordContainer,
|
||||
#dattoRmmContainer {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user