mirror of
https://github.com/bckelley/blueberry-pma-theme.git
synced 2026-08-24 03:04:11 -05:00
Many Improvements on Shahab
This commit is contained in:
Shahab Movahhedi
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"name": "shahab",
|
||||
"version": "0.1",
|
||||
"description": "A Modern Dark theme for PhpMyAdmin",
|
||||
"author": "Shahab Movahhedi",
|
||||
"url": "https://shmovahhedi.com/",
|
||||
"supports": [
|
||||
"5.0",
|
||||
"5.1"
|
||||
],
|
||||
"scripts": {
|
||||
"scss-compile-nomini": "sass scss:css",
|
||||
"scss-compile": "sass scss:css --style=compressed",
|
||||
"scss-watch": "sass --watch scss:css",
|
||||
"scss-watch-direct": "sass --watch scss:F:\\xampp\\phpMyAdmin\\themes\\shahab\\css"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "^4.6.1"
|
||||
}
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
.alert {
|
||||
text-align: $direction-start;
|
||||
-moz-box-shadow: 0 1px 1px #fff inset;
|
||||
-webkit-box-shadow: 0 1px 1px #fff inset;
|
||||
box-shadow: 0 1px 1px #fff inset;
|
||||
// -moz-box-shadow: 0 1px 1px #fff inset;
|
||||
// -webkit-box-shadow: 0 1px 1px #fff inset;
|
||||
// box-shadow: 0 1px 1px #fff inset;
|
||||
|
||||
@if $direction == rtl {
|
||||
background-position: 99% 50%;
|
||||
@@ -22,8 +22,8 @@
|
||||
}
|
||||
|
||||
.alert-primary {
|
||||
color: #000;
|
||||
background-color: #e8eef1;
|
||||
color: $Color-White;
|
||||
background-color: $Color-Body;
|
||||
background-image: none;
|
||||
border-color: #3a6c7e;
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.breadcrumb {
|
||||
padding-#{$direction-start}: 2.2em;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
// text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
|
||||
@@ -1,14 +1,46 @@
|
||||
.btn-primary {
|
||||
font-weight: $font-weight-bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-secondary {
|
||||
border-color: #aaa;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: linear-gradient(#f8f8f8, #d8d8d8);
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
// font-size: 15px;
|
||||
text-align: center;
|
||||
padding: 0.5em 1.2em;
|
||||
max-width: 100%;
|
||||
min-width: 6vw;
|
||||
background: $Color-Azure;
|
||||
color: $Color-White;
|
||||
border-radius: 3vw;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
-webkit-appearance: none;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
|
||||
|
||||
&:hover {
|
||||
background-image: linear-gradient(#fff, #ddd);
|
||||
}
|
||||
&:disabled {
|
||||
// background-color: $Color-Text-Secondary-Dark;
|
||||
// border-color: $Color-Text-Secondary-Dark;
|
||||
opacity: 0.75;
|
||||
cursor: default;
|
||||
}
|
||||
&:hover {
|
||||
background: $Color-Azure;
|
||||
color: $Color-White;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
&:not(:disabled):not(.disabled):focus,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):active:focus {
|
||||
background: $Color-White;
|
||||
color: $Color-Azure;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+40
-35
@@ -1,6 +1,8 @@
|
||||
.card {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
border-radius: 1rem;
|
||||
background-color: $Color-Body-Light;
|
||||
|
||||
> .card-header + .card-body {
|
||||
padding-top: 0;
|
||||
@@ -10,19 +12,19 @@
|
||||
.card,
|
||||
.card-footer {
|
||||
@if $direction == rtl {
|
||||
text-shadow: -1px 1px 2px #fff inset;
|
||||
-moz-box-shadow: -1px 1px 2px #fff inset;
|
||||
-webkit-box-shadow: -1px 1px 2px #fff inset;
|
||||
box-shadow: -1px 1px 2px #fff inset;
|
||||
text-shadow: -1px 1px 2px #000 inset;
|
||||
// -moz-box-shadow: -1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: -1px 1px 2px #fff inset;
|
||||
// box-shadow: -1px 1px 2px #fff inset;
|
||||
} @else {
|
||||
text-shadow: 1px 1px 2px #fff inset;
|
||||
-moz-box-shadow: 1px 1px 2px #fff inset;
|
||||
-webkit-box-shadow: 1px 1px 2px #fff inset;
|
||||
box-shadow: 1px 1px 2px #fff inset;
|
||||
text-shadow: 1px 1px 2px #000 inset;
|
||||
// -moz-box-shadow: 1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: 1px 1px 2px #fff inset;
|
||||
// box-shadow: 1px 1px 2px #fff inset;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header {
|
||||
.card-header.card-header {
|
||||
position: relative;
|
||||
top: -1rem;
|
||||
margin: 0 5px;
|
||||
@@ -32,15 +34,18 @@
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #aaa;
|
||||
font-size: 1em;
|
||||
-moz-box-shadow: 3px 3px 15px #bbb;
|
||||
-webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
box-shadow: 3px 3px 15px #bbb;
|
||||
// -moz-box-shadow: 3px 3px 15px #bbb;
|
||||
// -webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
// box-shadow: 3px 3px 15px #bbb;
|
||||
color: $Color-Tailwind-Title;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
background-color: $Color-Body;
|
||||
|
||||
&,
|
||||
&:first-child {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
.icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -67,15 +72,15 @@
|
||||
background-color: $navi-background;
|
||||
border: $card-border-width solid #999;
|
||||
|
||||
@if $direction == rtl {
|
||||
-moz-box-shadow: -2px 2px 5px #ccc;
|
||||
-webkit-box-shadow: -2px 2px 5px #ccc;
|
||||
box-shadow: -2px 2px 5px #ccc;
|
||||
} @else {
|
||||
-moz-box-shadow: 2px 2px 5px #ccc;
|
||||
-webkit-box-shadow: 2px 2px 5px #ccc;
|
||||
box-shadow: 2px 2px 5px #ccc;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: -2px 2px 5px #ccc;
|
||||
// box-shadow: -2px 2px 5px #ccc;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: 2px 2px 5px #ccc;
|
||||
// box-shadow: 2px 2px 5px #ccc;
|
||||
// }
|
||||
|
||||
> .card-header + .card-body {
|
||||
padding-top: $card-spacer-x;
|
||||
@@ -83,15 +88,15 @@
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.1em $card-spacer-x;
|
||||
background-color: #bbb;
|
||||
color: #fff;
|
||||
font-size: 1.6em;
|
||||
padding: 0.5em $card-spacer-x;
|
||||
background-color: $Color-Body-Light;
|
||||
color: $Color-Tailwind-Title;
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 1px 0 #777;
|
||||
-moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
-webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
box-shadow: 1px 1px 15px #999 inset;
|
||||
// text-shadow: 0 1px 0 #777;
|
||||
// -moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
// box-shadow: 1px 1px 15px #999 inset;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -105,7 +110,7 @@
|
||||
box-shadow: none;
|
||||
|
||||
.btn {
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
|
||||
&:active {
|
||||
box-shadow: none;
|
||||
|
||||
+122
-113
@@ -1,5 +1,5 @@
|
||||
#page_content {
|
||||
margin: 0 0.5em;
|
||||
margin: 0 2em;
|
||||
}
|
||||
|
||||
.auth_config_tbl {
|
||||
@@ -14,10 +14,9 @@ h1 {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
padding: 10px 0 10px;
|
||||
padding-#{$direction-start}: 3px;
|
||||
color: #777;
|
||||
color: $Color-Tailwind-Title;
|
||||
|
||||
// Hiding icons in the page titles
|
||||
img {
|
||||
@@ -40,7 +39,7 @@ h3 {
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
@@ -48,7 +47,7 @@ a {
|
||||
&:visited,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
@@ -57,27 +56,27 @@ a {
|
||||
button.mult_submit,
|
||||
.checkall_box + label {
|
||||
text-decoration: none;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
}
|
||||
|
||||
button.mult_submit {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
}
|
||||
}
|
||||
|
||||
.checkall_box + label:hover {
|
||||
text-decoration: underline;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
}
|
||||
|
||||
#initials_table {
|
||||
@@ -103,7 +102,7 @@ button.mult_submit {
|
||||
|
||||
&.active {
|
||||
border: 1px solid #666;
|
||||
box-shadow: 0 0 2px #999;
|
||||
// box-shadow: 0 0 2px #999;
|
||||
background: linear-gradient(#bbb, #fff);
|
||||
}
|
||||
}
|
||||
@@ -270,16 +269,16 @@ select:focus {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
input {
|
||||
&[type=text]:hover,
|
||||
&[type=password]:hover,
|
||||
&[type=number]:hover,
|
||||
&[type=date]:hover {
|
||||
box-shadow: 0 1px 3px #aaa;
|
||||
-webkit-box-shadow: 0 1px 3px #aaa;
|
||||
-moz-box-shadow: 0 1px 3px #aaa;
|
||||
}
|
||||
}
|
||||
// input {
|
||||
// &[type=text]:hover,
|
||||
// &[type=password]:hover,
|
||||
// &[type=number]:hover,
|
||||
// &[type=date]:hover {
|
||||
// box-shadow: 0 1px 3px #aaa;
|
||||
// -webkit-box-shadow: 0 1px 3px #aaa;
|
||||
// -moz-box-shadow: 0 1px 3px #aaa;
|
||||
// }
|
||||
// }
|
||||
|
||||
textarea {
|
||||
overflow: visible;
|
||||
@@ -305,19 +304,19 @@ fieldset {
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
border: #aaa solid 1px;
|
||||
padding: 0.5em;
|
||||
background: #eee;
|
||||
background: $Color-Body-Light;
|
||||
|
||||
@if $direction == rtl {
|
||||
text-shadow: -1px 1px 2px #fff inset;
|
||||
-moz-box-shadow: -1px 1px 2px #fff inset;
|
||||
-webkit-box-shadow: -1px 1px 2px #fff inset;
|
||||
box-shadow: -1px 1px 2px #fff inset;
|
||||
} @else {
|
||||
text-shadow: 1px 1px 2px #fff inset;
|
||||
-moz-box-shadow: 1px 1px 2px #fff inset;
|
||||
-webkit-box-shadow: 1px 1px 2px #fff inset;
|
||||
box-shadow: 1px 1px 2px #fff inset;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// text-shadow: -1px 1px 2px #fff inset;
|
||||
// -moz-box-shadow: -1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: -1px 1px 2px #fff inset;
|
||||
// box-shadow: -1px 1px 2px #fff inset;
|
||||
// } @else {
|
||||
// text-shadow: 1px 1px 2px #fff inset;
|
||||
// -moz-box-shadow: 1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: 1px 1px 2px #fff inset;
|
||||
// box-shadow: 1px 1px 2px #fff inset;
|
||||
// }
|
||||
}
|
||||
|
||||
fieldset {
|
||||
@@ -329,17 +328,17 @@ fieldset {
|
||||
|
||||
legend {
|
||||
font-weight: bold;
|
||||
color: #444;
|
||||
color: $Color-Tailwind-Title;
|
||||
padding: 5px 10px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border: 1px solid #aaa;
|
||||
background-color: #fff;
|
||||
background-color: $Color-Body;
|
||||
max-width: 100%;
|
||||
-moz-box-shadow: 3px 3px 15px #bbb;
|
||||
-webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
box-shadow: 3px 3px 15px #bbb;
|
||||
// -moz-box-shadow: 3px 3px 15px #bbb;
|
||||
// -webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
// box-shadow: 3px 3px 15px #bbb;
|
||||
width: initial;
|
||||
font-size: 1em;
|
||||
}
|
||||
@@ -368,13 +367,13 @@ button {
|
||||
padding: 0.1em 0.3em;
|
||||
margin: 0.1em;
|
||||
vertical-align: middle;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
}
|
||||
|
||||
.pma-table thead th {
|
||||
border-#{$direction-end}: 1px solid #fff;
|
||||
border-#{$direction-end}: 1px solid #000;
|
||||
}
|
||||
|
||||
.pma-table th {
|
||||
@@ -559,17 +558,21 @@ button.mult_submit {
|
||||
// odd items 1,3,5,7...
|
||||
.pma-table tbody:first-of-type tr:nth-child(odd),
|
||||
.pma-table tbody:first-of-type tr:nth-child(odd) th,
|
||||
.table-striped tbody tr:nth-of-type(odd),
|
||||
.table-striped tbody th:nth-of-type(odd),
|
||||
#table_index tbody:nth-of-type(odd) tr,
|
||||
#table_index tbody:nth-of-type(odd) th {
|
||||
background: #fff;
|
||||
background: $Color-Body;
|
||||
}
|
||||
|
||||
// even items 2,4,6,8...
|
||||
.pma-table tbody:first-of-type tr:nth-child(even),
|
||||
.pma-table tbody:first-of-type tr:nth-child(even) th,
|
||||
.table-striped tbody tr:nth-of-type(even),
|
||||
.table-striped tbody th:nth-of-type(even),
|
||||
#table_index tbody:nth-of-type(even) tr,
|
||||
#table_index tbody:nth-of-type(even) th {
|
||||
background: #dfdfdf;
|
||||
background: $Color-Body-Light;
|
||||
}
|
||||
|
||||
// only one item
|
||||
@@ -590,25 +593,31 @@ button.mult_submit {
|
||||
.pma-table tr.marked:not(.nomarker) td,
|
||||
.pma-table tbody:first-of-type tr.marked:not(.nomarker) th,
|
||||
.pma-table tr.marked:not(.nomarker) {
|
||||
background: linear-gradient(#ced6df, #b6c6d7);
|
||||
color: $browse-marker-color;
|
||||
// background: linear-gradient(#ced6df, #b6c6d7);
|
||||
// color: $browse-pointer-color;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
// hovered items
|
||||
.pma-table tbody:first-of-type tr:not(.nopointer):hover,
|
||||
.pma-table tbody:first-of-type tr:not(.nopointer):hover th,
|
||||
.hover:not(.nopointer) {
|
||||
background: linear-gradient(#ced6df, #b6c6d7);
|
||||
color: $browse-pointer-color;
|
||||
// background: linear-gradient(#ced6df, #b6c6d7);
|
||||
// color: $browse-pointer-color;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
// hovered table rows
|
||||
#table_index tbody:hover tr,
|
||||
#table_index tbody:hover th,
|
||||
#table_index tbody:hover td,
|
||||
.table-striped tr:hover tr,
|
||||
.table-striped tr:hover th,
|
||||
.table-striped tr:hover td,
|
||||
.pma-table tr.hover:not(.nopointer) th {
|
||||
background: linear-gradient(#ced6df, #b6c6d7);
|
||||
color: $browse-pointer-color;
|
||||
// background: linear-gradient(#ced6df, #b6c6d7);
|
||||
// color: $browse-pointer-color;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -1166,7 +1175,7 @@ div#tablestatistics table {
|
||||
|
||||
.linkElem:hover {
|
||||
text-decoration: underline;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -1262,15 +1271,15 @@ div.tabLinks {
|
||||
background-color: #fff;
|
||||
z-index: 2;
|
||||
|
||||
@if $direction == rtl {
|
||||
-moz-box-shadow: -2px 2px 3px #666;
|
||||
-webkit-box-shadow: -2px 2px 3px #666;
|
||||
box-shadow: -2px 2px 3px #666;
|
||||
} @else {
|
||||
-moz-box-shadow: 2px 2px 3px #666;
|
||||
-webkit-box-shadow: 2px 2px 3px #666;
|
||||
box-shadow: 2px 2px 3px #666;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -2px 2px 3px #666;
|
||||
// -webkit-box-shadow: -2px 2px 3px #666;
|
||||
// box-shadow: -2px 2px 3px #666;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 2px 2px 3px #666;
|
||||
// -webkit-box-shadow: 2px 2px 3px #666;
|
||||
// box-shadow: 2px 2px 3px #666;
|
||||
// }
|
||||
}
|
||||
|
||||
div {
|
||||
@@ -1368,16 +1377,16 @@ div#profilingchart {
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
box-shadow: 0 1px 1px #fff inset;
|
||||
-webkit-box-shadow: 0 1px 1px #fff inset;
|
||||
-moz-box-shadow: 0 1px 1px #fff inset;
|
||||
// box-shadow: 0 1px 1px #fff inset;
|
||||
// -webkit-box-shadow: 0 1px 1px #fff inset;
|
||||
// -moz-box-shadow: 0 1px 1px #fff inset;
|
||||
}
|
||||
|
||||
#sectionlinks a,
|
||||
.buttonlinks a,
|
||||
a.button {
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
margin-bottom: 7px;
|
||||
margin-#{$direction-start}: 7px;
|
||||
border: 1px solid #aaa;
|
||||
@@ -1669,9 +1678,9 @@ select.invalid_value,
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0 5px 90px #888;
|
||||
-moz-box-shadow: 0 5px 90px #888;
|
||||
-webkit-box-shadow: 0 5px 90px #888;
|
||||
// box-shadow: 0 5px 90px #888;
|
||||
// -moz-box-shadow: 0 5px 90px #888;
|
||||
// -webkit-box-shadow: 0 5px 90px #888;
|
||||
}
|
||||
|
||||
#loading_parent {
|
||||
@@ -2002,7 +2011,7 @@ table#index_columns {
|
||||
border-radius: 5px 5px 0 0;
|
||||
background: #f2f2f2;
|
||||
color: #555;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
@@ -2480,12 +2489,12 @@ input#auto_increment_opt {
|
||||
margin: 0.1em;
|
||||
padding: 0.3em;
|
||||
position: absolute;
|
||||
text-shadow: -1px -1px #000;
|
||||
-moz-box-shadow: 0 0 0.7em #000;
|
||||
-webkit-box-shadow: 0 0 0.7em #000;
|
||||
box-shadow: 0 0 0.7em #000;
|
||||
-moz-border-radius: 0.3em;
|
||||
-webkit-border-radius: 0.3em;
|
||||
// text-shadow: -1px -1px #000;
|
||||
// -moz-box-shadow: 0 0 0.7em #000;
|
||||
// -webkit-box-shadow: 0 0 0.7em #000;
|
||||
// box-shadow: 0 0 0.7em #000;
|
||||
// -moz-border-radius: 0.3em;
|
||||
// -webkit-border-radius: 0.3em;
|
||||
border-radius: 0.3em;
|
||||
}
|
||||
|
||||
@@ -2495,8 +2504,8 @@ input#auto_increment_opt {
|
||||
|
||||
height: $height;
|
||||
width: $width;
|
||||
margin-top: $height / -2;
|
||||
margin-#{$direction-start}: $width / -2;
|
||||
margin-top: calc($height / -2);
|
||||
margin-#{$direction-start}: calc($width / -2);
|
||||
background: url("../img/col_pointer.png");
|
||||
position: absolute;
|
||||
}
|
||||
@@ -2546,9 +2555,9 @@ input#auto_increment_opt {
|
||||
background: #eee;
|
||||
border: solid 1px #999;
|
||||
position: absolute;
|
||||
-moz-box-shadow: 0 0.2em 0.5em #333;
|
||||
-webkit-box-shadow: 0 0.2em 0.5em #333;
|
||||
box-shadow: 0 0.2em 0.5em #333;
|
||||
// -moz-box-shadow: 0 0.2em 0.5em #333;
|
||||
// -webkit-box-shadow: 0 0.2em 0.5em #333;
|
||||
// box-shadow: 0 0.2em 0.5em #333;
|
||||
margin-#{$direction-start}: 75%;
|
||||
#{$direction-end}: 0;
|
||||
width: max-content;
|
||||
@@ -2652,7 +2661,7 @@ input#auto_increment_opt {
|
||||
text-align: center;
|
||||
height: 1.4em;
|
||||
width: 1.2em;
|
||||
text-shadow: 1px 0 #fff;
|
||||
text-shadow: 1px 0 #000;
|
||||
}
|
||||
|
||||
.cEdit {
|
||||
@@ -2777,7 +2786,7 @@ body #ui-datepicker-div {
|
||||
}
|
||||
|
||||
.ui-dialog fieldset legend a {
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
}
|
||||
|
||||
.ui-draggable {
|
||||
@@ -3198,7 +3207,7 @@ textarea {
|
||||
|
||||
&.show {
|
||||
#{$direction-start}: 6%;
|
||||
box-shadow: -2px 1px 4px -1px #999;
|
||||
// box-shadow: -2px 1px 4px -1px #999;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3361,15 +3370,15 @@ textarea {
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
@if $direction == rtl {
|
||||
-moz-box-shadow: -2px 2px 5px #ccc;
|
||||
-webkit-box-shadow: -2px 2px 5px #ccc;
|
||||
box-shadow: -2px 2px 5px #ccc;
|
||||
} @else {
|
||||
-moz-box-shadow: 2px 2px 5px #ccc;
|
||||
-webkit-box-shadow: 2px 2px 5px #ccc;
|
||||
box-shadow: 2px 2px 5px #ccc;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: -2px 2px 5px #ccc;
|
||||
// box-shadow: -2px 2px 5px #ccc;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: 2px 2px 5px #ccc;
|
||||
// box-shadow: 2px 2px 5px #ccc;
|
||||
// }
|
||||
|
||||
h2 {
|
||||
background-color: #bbb;
|
||||
@@ -3379,17 +3388,17 @@ textarea {
|
||||
color: #fff;
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 1px 0 #777;
|
||||
// text-shadow: 0 1px 0 #777;
|
||||
|
||||
@if $direction == rtl {
|
||||
-moz-box-shadow: -1px 1px 15px #999 inset;
|
||||
-webkit-box-shadow: -1px 1px 15px #999 inset;
|
||||
box-shadow: -1px 1px 15px #999 inset;
|
||||
} @else {
|
||||
-moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
-webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
box-shadow: 1px 1px 15px #999 inset;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: -1px 1px 15px #999 inset;
|
||||
// box-shadow: -1px 1px 15px #999 inset;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
// box-shadow: 1px 1px 15px #999 inset;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3401,17 +3410,17 @@ textarea {
|
||||
color: #fff;
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 1px 0 #777;
|
||||
// text-shadow: 0 1px 0 #777;
|
||||
|
||||
@if $direction == rtl {
|
||||
-moz-box-shadow: -1px 1px 15px #999 inset;
|
||||
-webkit-box-shadow: -1px 1px 15px #999 inset;
|
||||
box-shadow: -1px 1px 15px #999 inset;
|
||||
} @else {
|
||||
-moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
-webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
box-shadow: 1px 1px 15px #999 inset;
|
||||
}
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: -1px 1px 15px #999 inset;
|
||||
// box-shadow: -1px 1px 15px #999 inset;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
// box-shadow: 1px 1px 15px #999 inset;
|
||||
// }
|
||||
}
|
||||
|
||||
.pma_sql_import_status {
|
||||
@@ -3461,7 +3470,7 @@ textarea {
|
||||
}
|
||||
|
||||
.pma_drop_file_status {
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
|
||||
span.underline:hover {
|
||||
cursor: pointer;
|
||||
@@ -3530,7 +3539,7 @@ meter {
|
||||
.pma-table th {
|
||||
&.header {
|
||||
cursor: pointer;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
|
||||
@@ -2,7 +2,7 @@ $header-img: '../img/designer/Header.png';
|
||||
$header-linked-img: '../img/designer/Header_Linked.png';
|
||||
$minus-img: '../img/designer/minus.png';
|
||||
$plus-img: '../img/designer/plus.png';
|
||||
$direction-start-panel-button-img: '../img/designer/left_panel_butt.png';
|
||||
$left-panel-button-img: '../img/designer/left_panel_butt.png';
|
||||
$top-panel-img: '../img/designer/top_panel.png';
|
||||
$small-tab-img: '../img/designer/small_tab.png';
|
||||
$frams1-img: '../img/designer/1.png';
|
||||
@@ -133,7 +133,7 @@ canvas.designer {
|
||||
margin-#{$direction-start}: 2px;
|
||||
text-align: $direction-start;
|
||||
background-color: #fff;
|
||||
background-image: url($direction-start-panel-button-img);
|
||||
background-image: url($left-panel-button-img);
|
||||
border: #ccc solid 1px;
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -4,6 +4,8 @@
|
||||
padding: 0 !important;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.icon_fulltext {
|
||||
@@ -208,7 +210,7 @@
|
||||
}
|
||||
|
||||
.ic_b_rename {
|
||||
background-image: url('../img/b_rename.svg');
|
||||
background-image: url('../img/b_rename.png');
|
||||
}
|
||||
|
||||
.ic_b_routine_add {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
padding: 4px 10px;
|
||||
font-weight: bold;
|
||||
background: #f2f2f2;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
@include border-radius(20px);
|
||||
@@ -25,7 +25,7 @@
|
||||
.nav-link.active,
|
||||
.show > .nav-link {
|
||||
background-color: #fff;
|
||||
color: #235a81;
|
||||
color: $Color-Misc1;
|
||||
|
||||
@include border-radius(0.3em);
|
||||
}
|
||||
|
||||
@@ -7,8 +7,11 @@
|
||||
}
|
||||
|
||||
.navbar-nav .icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-#{$direction-end}: 0.5em;
|
||||
vertical-align: -3px;
|
||||
margin-top: -2px;
|
||||
// vertical-align: -3px;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-item {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
top: 0;
|
||||
#{$direction-start}: 0;
|
||||
height: 100vh;
|
||||
background: url('../img/left_nav_bg.png') repeat-y right 0 $navi-background;
|
||||
// background: url('../img/left_nav_bg.png') repeat-y right 0 $navi-background;
|
||||
color: $navi-color;
|
||||
z-index: 800;
|
||||
|
||||
@@ -48,6 +48,8 @@
|
||||
}
|
||||
|
||||
#navipanellinks .icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -123,12 +125,12 @@
|
||||
margin: 0;
|
||||
margin-#{$direction-start}: 5px;
|
||||
overflow: hidden;
|
||||
color: #444;
|
||||
// color: #444;
|
||||
height: 74%;
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
color: $navi-color;
|
||||
// color: $navi-color;
|
||||
padding-left: 0;
|
||||
|
||||
&:hover {
|
||||
@@ -384,9 +386,9 @@ html.ie {
|
||||
|
||||
// Resize handler
|
||||
#pma_navigation_resizer {
|
||||
width: 3px;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #aaa;
|
||||
background-color: $Color-Azure-900;
|
||||
cursor: col-resize;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -407,7 +409,7 @@ html.ie {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
z-index: 800;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
filter: dropshadow(color = #fff, offx = 0, offy = 1);
|
||||
border: 1px solid #888;
|
||||
}
|
||||
@@ -425,7 +427,7 @@ html.ie {
|
||||
|
||||
&:hover {
|
||||
.drop_button {
|
||||
background: #fff;
|
||||
background: $Color-Body;
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -445,7 +447,7 @@ html.ie {
|
||||
border-radius: 0.3em;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
box-shadow: 0 0 5px #ccc;
|
||||
// box-shadow: 0 0 5px #ccc;
|
||||
top: 100%;
|
||||
#{$direction-start}: 3px;
|
||||
#{$direction-end}: 0;
|
||||
@@ -480,10 +482,12 @@ html.ie {
|
||||
}
|
||||
|
||||
.drop_button {
|
||||
font-size: 12px;
|
||||
padding: 0.3em;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0.3em;
|
||||
background: #f2f2f2;
|
||||
border: .1px solid #ddd;
|
||||
padding: 0.3em 0.5em;
|
||||
border-radius: 0.8em;
|
||||
background: $Color-Body-Light;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.table {
|
||||
th,
|
||||
td {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -19,10 +19,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.table-hover {
|
||||
tbody tr {
|
||||
@include hover() {
|
||||
background: linear-gradient(#ced6df, #b6c6d7);
|
||||
}
|
||||
}
|
||||
}
|
||||
// .table-hover {
|
||||
// tbody tr {
|
||||
// @include hover() {
|
||||
// background: linear-gradient(#ced6df, #b6c6d7);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
+78
-16
@@ -1,36 +1,98 @@
|
||||
// configures general layout for detailed layout configuration please refer to the css files
|
||||
|
||||
// Shahab Colors
|
||||
|
||||
$Color-Azure: #007fff;
|
||||
$Color-Azure-50 : #f2f9ff;
|
||||
$Color-Azure-100: #e6f2ff;
|
||||
$Color-Azure-200: #bfdfff;
|
||||
$Color-Azure-300: #99ccff;
|
||||
$Color-Azure-400: #4da5ff;
|
||||
$Color-Azure-450: #2792fd;
|
||||
$Color-Azure-500: #007fff;
|
||||
$Color-Azure-600: #0072e6;
|
||||
$Color-Azure-700: #005fbf;
|
||||
$Color-Azure-800: #004c99;
|
||||
$Color-Azure-900: #003e7d;
|
||||
|
||||
$Color-Secondary: #ff8000;
|
||||
$Color-Tertiary: #0ad5d5;
|
||||
|
||||
$Color-White: #fff;
|
||||
$Color-Gray-50: #f9f9f9;
|
||||
$Color-Gray-100: #f2f2f2;
|
||||
$Color-Gray-200: #dfdfdf;
|
||||
$Color-Gray-300: #cccccc;
|
||||
$Color-Gray-400: #a5a5a5;
|
||||
$Color-Gray-500: #7f7f7f;
|
||||
$Color-Gray-600: #727272;
|
||||
$Color-Gray-700: #5f5f5f;
|
||||
$Color-Gray-800: #4c4c4c;
|
||||
$Color-Gray-900: #3e3e3e;
|
||||
$Color-Gray-950: #111111;
|
||||
$Color-Black: #000;
|
||||
|
||||
$Color-Body: #1e1e2a;
|
||||
$Color-Body-Light: #2c2c3d;
|
||||
$Color-Body-Dark: #fafafa;
|
||||
|
||||
$Color-OnBody: $Color-Gray-500;
|
||||
$Color-OnBody-Light-Shade: $Color-Gray-500;
|
||||
$Color-OnBody-Dark-Shade: $Color-Gray-500;
|
||||
|
||||
$Color-Text-Main: #f9f7f7;
|
||||
$Color-Text-Secondary: #898989;
|
||||
$Color-Text-Secondary-Dark: #757575;
|
||||
$Color-Text-White: #f9f7f7;
|
||||
$Color-Text-Black: #111118;
|
||||
$Color-Text-OnAccent: #f9f7f7;
|
||||
$Color-Text-OnBody: #111118;
|
||||
|
||||
$Color-Tailwind-Title: rgb(226, 232, 240);
|
||||
$Color-Tailwind-Text: rgb(148, 163, 184);
|
||||
$Color-Tailwind-Focus: rgb(56, 189, 248);
|
||||
|
||||
$Color-Misc1: $Color-Tailwind-Text;
|
||||
|
||||
$border-radius: 1rem;
|
||||
|
||||
$Font-Persian: "Vazirmatn FD", "Vazirmatn", "Vazir FD", "Vazir", "Segoe UI", "Segoe Pro", sans-serif;
|
||||
$Font-Arabic: "Noto Kufi Arabic", "Vazirmatn FD", "Vazirmatn", "Vazir FD", "Vazir", "Segoe UI", "Segoe Pro", sans-serif;
|
||||
$Font-English: "Segoe UI", "Segoe Pro", sans-serif;
|
||||
$Font-Mono: "Consolas", monospace;
|
||||
|
||||
// navi frame
|
||||
|
||||
// navi frame width
|
||||
$navi-width: 240px;
|
||||
|
||||
// foreground (text) color for the navi frame
|
||||
$navi-color: #000;
|
||||
$navi-color: rgb(148, 163, 184);
|
||||
// $navi-color: $Color-Gray-100;
|
||||
|
||||
// background for the navi frame
|
||||
$navi-background: #f3f3f3;
|
||||
$navi-background: $Color-Body;
|
||||
|
||||
// foreground (text) color of the pointer in navi frame
|
||||
$navi-pointer-color: #000;
|
||||
$navi-pointer-color: $Color-Tailwind-Focus;
|
||||
|
||||
// background of the pointer in navi frame
|
||||
$navi-pointer-background: #ddd;
|
||||
$navi-pointer-background: $Color-Body;
|
||||
|
||||
// main frame
|
||||
|
||||
// foreground (text) color for the main frame
|
||||
$main-color: #444;
|
||||
$main-color: $Color-Gray-200;
|
||||
|
||||
// foreground (text) color of the pointer in browse mode
|
||||
$browse-pointer-color: #000;
|
||||
$browse-pointer-color: $Color-White;
|
||||
|
||||
// background of the pointer in browse mode
|
||||
$browse-pointer-background: #cfc;
|
||||
$browse-pointer-background: $Color-Gray-300;
|
||||
|
||||
// foreground (text) color of the marker (visually marks row by clicking on it)
|
||||
// in browse mode
|
||||
$browse-marker-color: #000;
|
||||
$browse-marker-color: $Color-White;
|
||||
|
||||
// background of the marker (visually marks row by clicking on it) in browse mode
|
||||
$browse-marker-background: #fc9;
|
||||
@@ -40,13 +102,13 @@ $browse-marker-background: #fc9;
|
||||
// border
|
||||
$border: 0;
|
||||
// table header and footer color
|
||||
$th-background: #d3dce3;
|
||||
$th-background: $Color-Body-Light;
|
||||
// table header and footer background
|
||||
$th-color: #000;
|
||||
$th-color: $Color-White;
|
||||
// table data row background
|
||||
$bg-one: #e5e5e5;
|
||||
$bg-one: $Color-Azure-100;
|
||||
// table data row background, alternate
|
||||
$bg-two: #d5d5d5;
|
||||
$bg-two: $Color-Azure-50;
|
||||
|
||||
// Bootstrap
|
||||
// ---------
|
||||
@@ -101,10 +163,10 @@ $form-check-input-margin-y: 0.1rem;
|
||||
$enable-caret: false;
|
||||
$navbar-padding-y: 0;
|
||||
$navbar-padding-x: 0;
|
||||
$navbar-light-color: #235a81;
|
||||
$navbar-light-hover-color: #235a81;
|
||||
$navbar-light-active-color: #235a81;
|
||||
$navbar-light-disabled-color: #235a81;
|
||||
$navbar-light-color: $Color-Azure-800;
|
||||
$navbar-light-hover-color: $Color-Azure-800;
|
||||
$navbar-light-active-color: $Color-Azure-800;
|
||||
$navbar-light-disabled-color: $Color-Azure-800;
|
||||
|
||||
// Card
|
||||
|
||||
|
||||
+161
-1
@@ -1,6 +1,27 @@
|
||||
@import "direction";
|
||||
@import "variables";
|
||||
@import "../../bootstrap/scss/bootstrap";
|
||||
// @import "../node_modules/bootstrap/scss/functions";
|
||||
// @import "../node_modules/bootstrap/scss/variables";
|
||||
// @import "../node_modules/bootstrap/scss/mixins";
|
||||
// @import "../node_modules/bootstrap/scss/maps";
|
||||
// @import "../node_modules/bootstrap/scss/utilities";
|
||||
|
||||
// $utilities: map-merge(
|
||||
// $utilities,
|
||||
// (
|
||||
// "button-radius": (
|
||||
// property: border-radius,
|
||||
// class: buttuuon,
|
||||
// values: (
|
||||
// null: 20px,
|
||||
// ),
|
||||
// ),
|
||||
// )
|
||||
// );
|
||||
|
||||
// @import "../node_modules/bootstrap/scss/utilities/api";
|
||||
@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import "common";
|
||||
@import "enum-editor";
|
||||
@import "gis";
|
||||
@@ -22,3 +43,142 @@
|
||||
@import "alert";
|
||||
@import "list-group";
|
||||
@import "modal";
|
||||
|
||||
// select[name="set_theme"]::after {
|
||||
form[name="setTheme"]::after {
|
||||
content: "Theme Created by Shahab Movahhedi \A Visit shmovahhedi.com";
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #7f7f7f;
|
||||
font-style: italic;
|
||||
white-space: pre;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
// .sr-only {
|
||||
// @include visually-hidden();
|
||||
// }
|
||||
|
||||
// legend {
|
||||
// float: none;
|
||||
// }
|
||||
|
||||
// .table-light,
|
||||
// .table-light > th,
|
||||
// .table-light > td {
|
||||
// background-color: #fdfdfe;
|
||||
// }
|
||||
|
||||
// .form-check-input {
|
||||
// appearance: unset;
|
||||
// }
|
||||
|
||||
// .form-row {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// margin-right: -5px;
|
||||
// margin-left: -5px;
|
||||
// }
|
||||
// .form-inline {
|
||||
// display: flex;
|
||||
// flex-flow: row wrap;
|
||||
// align-items: center;
|
||||
// }
|
||||
|
||||
// .form-group {
|
||||
// margin-bottom: 1rem;
|
||||
// }
|
||||
|
||||
// @media (min-width: 576px) {
|
||||
// .form-inline label {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// .form-inline .form-group {
|
||||
// display: flex;
|
||||
// flex: 0 0 auto;
|
||||
// flex-flow: row wrap;
|
||||
// align-items: center;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// .form-inline .form-control {
|
||||
// display: inline-block;
|
||||
// width: auto;
|
||||
// vertical-align: middle;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .text-right {
|
||||
// text-align: right;
|
||||
// }
|
||||
// .text-left {
|
||||
// text-align: left;
|
||||
// }
|
||||
|
||||
* {
|
||||
font-family: "Segoe UI";
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.english {
|
||||
font-family: $Font-English;
|
||||
direction: ltr;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.persian {
|
||||
font-family: $Font-Persian;
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.arabic {
|
||||
font-family: $Font-Arabic;
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
code,
|
||||
code *,
|
||||
.english-mono,
|
||||
.mono {
|
||||
font-family: $Font-Mono;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1e1e2a;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: .8rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 10vh;
|
||||
background: #005ab4;
|
||||
border-radius: 13px;
|
||||
&:hover {
|
||||
background: #006ad3;
|
||||
}
|
||||
&:active {
|
||||
background: $Color-Azure;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user