tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-23 13:54:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Winter.less: Update styles

Browse Source 
refs #4407
This commit is contained in:
Florian Strohmaier 2022-02-10 17:47:42 +01:00 committed by Johannes Meyer
parent 431c8c9622
commit 44dc6fd8ee
1 changed files with 12 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
public/css/themes/Winter.less
View File

@ -1,66 +1,32 @@
/*! Icinga Web 2 | (c) 2015 Icinga Development Team | GPLv2+ */ /*! Icinga Web 2 | (c) 2015 Icinga Development Team | GPLv2+ */
@icinga-blue: #001E5b; @icinga-blue: #2b95ff;
@control-color: @icinga-blue;
@menu-2ndlvl-highlight-bg-color: transparent;
.letitsnow {
background-image: url('../img/winter/snow1.png'), url('../img/winter/snow2.png'), url('../img/winter/snow3.png');
animation: ~"snow" 10s linear infinite;
}
#header-logo { #header-logo {
background-image: url('../img/winter/logo_icinga_big_winter.png'); background-image: url('../img/winter/logo_icinga_big_winter.png');
} }
@tr-active-color: #dadeea;
@tr-hover-color: #c6cfe4;
@menu-2ndlvl-highlight-bg-color: transparent;
@menu-2ndlvl-active-color: @text-color;
/* Snow, from http://codepen.io/NickyCDK/pen/AIonk */ /* Snow, from http://codepen.io/NickyCDK/pen/AIonk */
#login, #header-logo-container, #main > .container > .controls > .tabs { #login, #header-logo-container, #main > .container > .controls > .tabs {
background-image: url('../img/winter/snow1.png'), url('../img/winter/snow2.png'), url('../img/winter/snow3.png'); .letitsnow()
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
} }
@keyframes snow { @keyframes ~"snow" {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
} }
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
#menu .nav-level-2 > .nav-item.active {
> a:focus, > a:hover {
opacity: 1;
}
}
#menu ul.nav-level-1 > .nav-item { #menu ul.nav-level-1 > .nav-item {
&.selected > a {
background-color: transparent;
}
&:focus, &:hover { &:focus, &:hover {
background-image: url('../img/winter/snow1.png'), url('../img/winter/snow2.png'), url('../img/winter/snow3.png'); .letitsnow()
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
}
> a:hover, > a:focus {
color: white;
} }
} }