[Web] Bye Glyphicons, hello BS5 icons\!; [Web] Change font to Noto for better compatibility;

This commit is contained in:
andryyy
2021-05-22 12:13:37 +02:00
parent 74d70fc523
commit 9c075af2d9
56 changed files with 2014 additions and 687 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,26 +1,37 @@
@font-face {
font-family: 'PT Sans';
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-regular.woff2') format('woff2'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-regular.woff') format('woff');
src: local(''),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-regular.woff2') format('woff2'),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-regular.woff') format('woff');
}
@font-face {
font-family: 'PT Sans';
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-700.woff2') format('woff2'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-700.woff') format('woff');
src: local(''),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-700.woff2') format('woff2'),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-700.woff') format('woff');
}
@font-face {
font-family: 'PT Sans';
font-family: 'Noto Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-italic.woff2') format('woff2'),
url('/fonts/pt-sans-v11-latin-ext_cyrillic_latin-italic.woff') format('woff');
src: local(''),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-italic.woff2') format('woff2'),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-italic.woff') format('woff');
}
@font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 700;
src: local(''),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-700italic.woff2') format('woff2'),
url('/fonts/noto-sans-v12-latin_greek_cyrillic-700italic.woff') format('woff');
}
#maxmsgsize { min-width: 80px; }
#slider1 .slider-selection {
@@ -56,10 +67,24 @@
.navbar-fixed-top .navbar-collapse {
max-height: 1000px
}
.glyphicon-spin {
font-size:12px;
.bi {
display: inline-block;
font-size: 12pt;
}
.btn .bi {
display: inline-block;
font-size: inherit;
}
.icon-spin {
font-size: 1.0rem;
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation: spin 2000ms infinite linear;
animation: spin 2000ms infinite linear;
}
.dropdown-menu {
font-size: 0.9rem;
}
@-webkit-keyframes spin {
0% {
@@ -94,7 +119,14 @@ body.modal-open {
padding-right: inherit !important;
}
body {
font-family: "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.9rem;
line-height: 1.5;
}
html {
font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.9rem;
line-height: 1.5;
}
#mailcow-alert {
position: fixed;
@@ -111,7 +143,7 @@ legend {
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-size: 12pt;
font-size: 1.2rem;
}
.navbar .navbar-brand {
padding-top: 5px;
@@ -138,9 +170,6 @@ legend {
top: 0; right: 0; bottom: 0; left: 0;
opacity: 0.7;
}
nav .glyphicon {
font-size: 12px !important;
}
#top {
padding-top: 70px;
}
@@ -167,10 +196,10 @@ nav .glyphicon {
}
.tooltip {
font-family: inherit;
font-size: 12px;
font-size: 0.8rem;
}
.progress-bar {
font-size: 12px;
font-size: 0.8rem;
line-height: 14px;
}
.footer {
@@ -197,3 +226,7 @@ nav .glyphicon {
background-color: #ff4136;
border-color: #ff291c;
}
table.footable>tbody>tr.footable-empty>td {
font-style:italic;
font-size: 1rem;
}

File diff suppressed because it is too large Load Diff

View File

@@ -1,7 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size:15px !important;
font-style:italic;
}
.pagination a {
text-decoration: none !important;
}
@@ -75,7 +71,7 @@ table tbody tr td input[type="checkbox"] {
}
.regex-input {
font-family: Consolas,monaco,monospace;
font-size: 14px;
font-size: 1rem;
}
.label-keys {
font-size:100%;

View File

@@ -1,7 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size:15px !important;
font-style:italic;
}
.pagination a {
text-decoration: none !important;
}
@@ -38,10 +34,4 @@ table.footable>tbody>tr.footable-empty>td {
.table-lines {
vertical-align: inherit;
}
tbody {
font-size:14px;
}
.status-indicator {
width: 15px;
height: 15px;
}

View File

@@ -1,7 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size:15px !important;
font-style:italic;
}
.pagination a {
text-decoration: none !important;
}

View File

@@ -1,7 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size:15px !important;
font-style:italic;
}
.pagination a {
text-decoration: none !important;
}

View File

@@ -1,8 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size: 15px !important;
font-style: italic;
}
.pagination a {
text-decoration: none !important;
}
@@ -100,3 +95,6 @@ table tbody tr td input[type="checkbox"] {
font-size:110%;
margin:20px;
}
.label {
font-size:inherit;
}

View File

@@ -1,7 +1,3 @@
table.footable>tbody>tr.footable-empty>td {
font-size:15px !important;
font-style:italic;
}
.pagination a {
text-decoration: none !important;
}
@@ -47,17 +43,6 @@ table tbody tr {
table tbody tr td input[type="checkbox"] {
cursor: pointer;
}
.rotate {
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.rotate.animation {
-ms-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
}
.label-keys {
font-size:100%;
margin: 0px !important;
@@ -71,17 +56,21 @@ svg {
display: inline-block;
vertical-align: middle;
}
.c-1-color,
.label-ham {
.c-1-color, .label-ham {
background: #28b62c;
background: -webkit-linear-gradient(to right, #28b62c, #fff233);
background: linear-gradient(to right, #28b62c, #fff233);
color: #000;
}
.c-2-color,
.label-spam {
background: #fff233; color: #333;
.c-2-color, .label-spam {
background: #fff233;
background: -webkit-linear-gradient(to right, #fff233, #ff4136);
background: linear-gradient(to right, #fff233, #ff4136);
color: #000;
}
.c-3-color,
.label-reject {
.c-3-color, .label-reject{
background: #ff4136;
color: #fff;
}
#spam_score {
margin-bottom: 10px;
@@ -104,7 +93,8 @@ svg {
border-bottom-width: 3px;
}
.noUi-handle::after, .noUi-handle::before {
background: #555;
background: #c6c6c6;
width: 2px;
}
.noUi-target {
background: transparent;