mirror of
https://github.com/YunoHost/SSOwat.git
synced 2024-09-03 20:06:27 +02:00
[enh] All apps colors to be set without javascript. Fix #21
This commit is contained in:
parent
edd3e030f4
commit
78934091b5
1 changed files with 64 additions and 43 deletions
|
@ -797,60 +797,7 @@ input.btn {
|
||||||
6 = Colors
|
6 = Colors
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.purplebg {
|
.listing-apps li:nth-child(1) a,
|
||||||
background: #9B59B6!important;
|
|
||||||
}
|
|
||||||
.purplebg:hover:after,
|
|
||||||
.purplebg:focus:after,
|
|
||||||
.purplebg:hover:before,
|
|
||||||
.purplebg:focus:before {
|
|
||||||
background: #532C64!important;
|
|
||||||
}
|
|
||||||
.yellowbg {
|
|
||||||
background: #F1C40F!important;
|
|
||||||
}
|
|
||||||
.yellowbg:hover:after,
|
|
||||||
.yellowbg:focus:after,
|
|
||||||
.yellowbg:hover:before,
|
|
||||||
.yellowbg:focus:before {
|
|
||||||
background: #796307!important;
|
|
||||||
}
|
|
||||||
.pinkbg {
|
|
||||||
background: #D66D92!important;
|
|
||||||
}
|
|
||||||
.pinkbg:hover:after,
|
|
||||||
.pinkbg:focus:after,
|
|
||||||
.pinkbg:hover:before,
|
|
||||||
.pinkbg:focus:before {
|
|
||||||
background: #992B52!important;
|
|
||||||
}
|
|
||||||
.orangebg {
|
|
||||||
background: #F39C12!important;
|
|
||||||
}
|
|
||||||
.orangebg:hover:after,
|
|
||||||
.orangebg:focus:after,
|
|
||||||
.orangebg:hover:before,
|
|
||||||
.orangebg:focus:before {
|
|
||||||
background: #7F5006!important;
|
|
||||||
}
|
|
||||||
.redbg {
|
|
||||||
background: #E74C3C!important;
|
|
||||||
}
|
|
||||||
.redbg:hover:after,
|
|
||||||
.redbg:focus:after,
|
|
||||||
.redbg:hover:before,
|
|
||||||
.redbg:focus:before {
|
|
||||||
background: #921E12!important;
|
|
||||||
}
|
|
||||||
.turquoisebg {
|
|
||||||
background: #1ABC9C!important;
|
|
||||||
}
|
|
||||||
.turquoisebg:hover:after,
|
|
||||||
.turquoisebg:focus:after,
|
|
||||||
.turquoisebg:hover:before,
|
|
||||||
.turquoisebg:focus:before {
|
|
||||||
background: #0B4C3F!important;
|
|
||||||
}
|
|
||||||
.bluebg {
|
.bluebg {
|
||||||
background: #3498DB!important;
|
background: #3498DB!important;
|
||||||
}
|
}
|
||||||
|
@ -860,6 +807,41 @@ input.btn {
|
||||||
.bluebg:focus:before {
|
.bluebg:focus:before {
|
||||||
background: #16527A!important;
|
background: #16527A!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(2) a,
|
||||||
|
.purplebg {
|
||||||
|
background: #9B59B6!important;
|
||||||
|
}
|
||||||
|
.purplebg:hover:after,
|
||||||
|
.purplebg:focus:after,
|
||||||
|
.purplebg:hover:before,
|
||||||
|
.purplebg:focus:before {
|
||||||
|
background: #532C64!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(3) a,
|
||||||
|
.redbg {
|
||||||
|
background: #E74C3C!important;
|
||||||
|
}
|
||||||
|
.redbg:hover:after,
|
||||||
|
.redbg:focus:after,
|
||||||
|
.redbg:hover:before,
|
||||||
|
.redbg:focus:before {
|
||||||
|
background: #921E12!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(4) a,
|
||||||
|
.orangebg {
|
||||||
|
background: #F39C12!important;
|
||||||
|
}
|
||||||
|
.orangebg:hover:after,
|
||||||
|
.orangebg:focus:after,
|
||||||
|
.orangebg:hover:before,
|
||||||
|
.orangebg:focus:before {
|
||||||
|
background: #7F5006!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(5) a,
|
||||||
.greenbg {
|
.greenbg {
|
||||||
background: #2ECC71!important;
|
background: #2ECC71!important;
|
||||||
}
|
}
|
||||||
|
@ -869,6 +851,8 @@ input.btn {
|
||||||
.greenbg:focus:before {
|
.greenbg:focus:before {
|
||||||
background: #176437!important;
|
background: #176437!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(6) a,
|
||||||
.darkbluebg {
|
.darkbluebg {
|
||||||
background: #34495E!important;
|
background: #34495E!important;
|
||||||
}
|
}
|
||||||
|
@ -878,6 +862,8 @@ input.btn {
|
||||||
.darkbluebg:focus:before {
|
.darkbluebg:focus:before {
|
||||||
background: #07090C!important;
|
background: #07090C!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(7) a,
|
||||||
.lightbluebg {
|
.lightbluebg {
|
||||||
background: #6A93D4!important;
|
background: #6A93D4!important;
|
||||||
}
|
}
|
||||||
|
@ -887,6 +873,20 @@ input.btn {
|
||||||
.lightbluebg:focus:before {
|
.lightbluebg:focus:before {
|
||||||
background: #2B5394!important;
|
background: #2B5394!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(8) a,
|
||||||
|
.yellowbg {
|
||||||
|
background: #F1C40F!important;
|
||||||
|
}
|
||||||
|
.yellowbg:hover:after,
|
||||||
|
.yellowbg:focus:after,
|
||||||
|
.yellowbg:hover:before,
|
||||||
|
.yellowbg:focus:before {
|
||||||
|
background: #796307!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.listing-apps li:nth-child(9) a,
|
||||||
.lightpinkbg {
|
.lightpinkbg {
|
||||||
background: #F76F87!important;
|
background: #F76F87!important;
|
||||||
}
|
}
|
||||||
|
@ -896,6 +896,27 @@ input.btn {
|
||||||
.lightpinkbg:focus:before {
|
.lightpinkbg:focus:before {
|
||||||
background: #DA0C31!important;
|
background: #DA0C31!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Following colors are not used yet */
|
||||||
|
.pinkbg {
|
||||||
|
background: #D66D92!important;
|
||||||
|
}
|
||||||
|
.pinkbg:hover:after,
|
||||||
|
.pinkbg:focus:after,
|
||||||
|
.pinkbg:hover:before,
|
||||||
|
.pinkbg:focus:before {
|
||||||
|
background: #992B52!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.turquoisebg {
|
||||||
|
background: #1ABC9C!important;
|
||||||
|
}
|
||||||
|
.turquoisebg:hover:after,
|
||||||
|
.turquoisebg:focus:after,
|
||||||
|
.turquoisebg:hover:before,
|
||||||
|
.turquoisebg:focus:before {
|
||||||
|
background: #0B4C3F!important;
|
||||||
|
}
|
||||||
.lightyellow {
|
.lightyellow {
|
||||||
background: #FFC973!important;
|
background: #FFC973!important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue