fixing icon
This commit is contained in:
deri sahertian
GitHub
parent
ef0ac0b248
commit
868b7c5951
|
|
@ -25,7 +25,119 @@
|
|||
src: url('/luci-static/alpha/fonts/Quicksand-Bold.ttf');
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: argon;
|
||||
src: url('/luci-static/alpha/fonts/argon.woff');
|
||||
|
||||
}
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: argon !important;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
a {
|
||||
color: #5a8dee;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar:hover {
|
||||
background-color: rgba(100, 100, 100, 0.09);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
background: rgba(100, 100, 100, 0.5);
|
||||
-webkit-border-radius: 100px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:vertical:active {
|
||||
background: rgba(100, 100, 100, 0.61);
|
||||
-webkit-border-radius: 100px;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 0.5em !important;
|
||||
overflow: visible;
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.5s;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
overflow: visible;
|
||||
border-radius: 4px;
|
||||
background: rgba(100, 100, 100, 0.2);
|
||||
}
|
||||
.icon-hello-world:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-expand_more:before {
|
||||
content: "\e20b";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e20e";
|
||||
}
|
||||
.icon-favorite:before {
|
||||
content: "\e291";
|
||||
}
|
||||
.icon-spinner:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-delete:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-edit:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-use:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-loading:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-switch:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-error:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-logout:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-Network:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-services:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-system:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-vpn:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-storage:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-statistics:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-angle-right:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e971";
|
||||
}
|
||||
.icon-question:before {
|
||||
content: "\f059";
|
||||
}
|
||||
|
||||
:root {
|
||||
--main-color: #09c;
|
||||
|
|
@ -51,7 +163,6 @@
|
|||
|
||||
li {
|
||||
display: block;
|
||||
color: #7e7e7e;
|
||||
list-style-type: disc;
|
||||
margin-block-start: 5px;
|
||||
margin-block-end: 5px;
|
||||
|
|
@ -59,6 +170,7 @@ li {
|
|||
margin-inline-end: 0px;
|
||||
}
|
||||
|
||||
|
||||
.table {
|
||||
position: relative;
|
||||
display: table;
|
||||
|
|
@ -555,11 +667,64 @@ strong {
|
|||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./icons/arrow.svg) no-repeat;
|
||||
background: url(./icons/home.png) no-repeat;
|
||||
}
|
||||
.main > .main-left > .nav > .slide > .menu.active::before {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="Status"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/browser.png) no-repeat;
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="System"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/settings.png) no-repeat;
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="Services"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/settings-sliders.png) no-repeat;
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="NAS"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/folder.png) no-repeat;
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="Modem"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/filter.png) no-repeat;
|
||||
}
|
||||
|
||||
.main > .main-left > .nav > .slide > [data-title="Network"]:before {
|
||||
position: absolute;
|
||||
right: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: url(./ikon-sidebar/globe.png) no-repeat;
|
||||
}
|
||||
/* End Sidebar */
|
||||
|
||||
.modemenu-buttons {
|
||||
|
|
@ -632,9 +797,9 @@ strong {
|
|||
top:50%;
|
||||
transform: translateY(-50%);
|
||||
left: 14px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
content: url(./icons/logout.svg);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: url(./ikon-sidebar/exit.png);
|
||||
}
|
||||
.main > .main-left > .nav > .slide:hover {
|
||||
background: none;
|
||||
|
|
@ -1056,6 +1221,8 @@ strong {
|
|||
}
|
||||
.cbi-tabmenu > li:hover {
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 10px;
|
||||
|
||||
|
||||
}
|
||||
.cbi-tabmenu > li[class~="cbi-tab"] {
|
||||
|
|
@ -2557,6 +2724,7 @@ strong {
|
|||
.main > .main-left > .nav > li > [data-title="Logout"] {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.cbi-value-title {
|
||||
display: block;
|
||||
min-width: 0 !important;
|
||||
|
|
@ -2653,7 +2821,7 @@ strong {
|
|||
.main > .main-left > .nav > .slide > .slide-menu > li > a,
|
||||
.tr[data-title]::before,
|
||||
.tr.cbi-section-table-titles.named::before {
|
||||
font-size: 1rem;
|
||||
font-size:
|
||||
}
|
||||
.cbi-value-title,
|
||||
.cbi-value-description,
|
||||
|
|
|
|||
Loading…
Reference in New Issue