YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

[enh] All apps colors to be set without javascript. Fix #21

Browse source
This commit is contained in:
opi 2014-11-13 20:36:33 +01:00
parent edd3e030f4
commit 78934091b5
1 changed files with 64 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

107
portal/assets/css/ynh-style.css
View file

@ -797,6 +797,18 @@ input.btn {
6 = Colors
========================================================================== */
.listing-apps li:nth-child(1) a,
.bluebg {
background: #3498DB!important;
}
.bluebg:hover:after,
.bluebg:focus:after,
.bluebg:hover:before,
.bluebg:focus:before {
background: #16527A!important;
}
.listing-apps li:nth-child(2) a,
.purplebg {
background: #9B59B6!important;
}
@ -806,33 +818,8 @@ input.btn {
.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;
}
.listing-apps li:nth-child(3) a,
.redbg {
background: #E74C3C!important;
}
@ -842,24 +829,19 @@ input.btn {
.redbg:focus:before {
background: #921E12!important;
}
.turquoisebg {
background: #1ABC9C!important;
.listing-apps li:nth-child(4) a,
.orangebg {
background: #F39C12!important;
}
.turquoisebg:hover:after,
.turquoisebg:focus:after,
.turquoisebg:hover:before,
.turquoisebg:focus:before {
background: #0B4C3F!important;
}
.bluebg {
background: #3498DB!important;
}
.bluebg:hover:after,
.bluebg:focus:after,
.bluebg:hover:before,
.bluebg:focus:before {
background: #16527A!important;
.orangebg:hover:after,
.orangebg:focus:after,
.orangebg:hover:before,
.orangebg:focus:before {
background: #7F5006!important;
}
.listing-apps li:nth-child(5) a,
.greenbg {
background: #2ECC71!important;
}
@ -869,6 +851,8 @@ input.btn {
.greenbg:focus:before {
background: #176437!important;
}
.listing-apps li:nth-child(6) a,
.darkbluebg {
background: #34495E!important;
}
@ -878,6 +862,8 @@ input.btn {
.darkbluebg:focus:before {
background: #07090C!important;
}
.listing-apps li:nth-child(7) a,
.lightbluebg {
background: #6A93D4!important;
}
@ -887,6 +873,20 @@ input.btn {
.lightbluebg:focus:before {
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 {
background: #F76F87!important;
}
@ -896,6 +896,27 @@ input.btn {
.lightpinkbg:focus:before {
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 {
background: #FFC973!important;
}