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

This commit is contained in:
opi 2014-11-13 20:36:33 +01:00
parent edd3e030f4
commit 78934091b5

View file

@ -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;
} }