123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185 |
- /*
- ===============================================================================
- This file contain extra CSS rules to customize the YunoHost user portal and
- can be used to customize app tiles, buttons, etc...
- ===============================================================================
- */
- body {
- background: #fff;
- }
- #ynh-logo {
- background-image: url("logo_tera.png");
- opacity: 1;
- height: 10em;
- }
- .logged #ynh-logo {
- background-image: url("logo_tera_simple.png");
- }
- .login-form .form-group {
- border: 1px solid #bbb;
- }
- .user-container,
- .user-menu a,
- .link-btn,
- .footer a {
- color: #555;
- }
- .user-menu a:hover,
- .footer a:hover {
- color: #000;
- }
- .form-text:disabled:hover {
- background: #797b83;
- }
- .link-btn,
- .link-btn:hover {
- background: none;
- }
- .bluebg {
- background: #3498DB!important;
- }
- .bluebg:hover:after,
- .bluebg:focus:after,
- .bluebg:hover:before,
- .bluebg:focus:before {
- background: #16527A!important;
- }
- .purplebg {
- background: #9B59B6!important;
- }
- .purplebg:hover:after,
- .purplebg:focus:after,
- .purplebg:hover:before,
- .purplebg:focus:before {
- background: #532C64!important;
- }
- .redbg {
- background: #E74C3C!important;
- }
- .redbg:hover:after,
- .redbg:focus:after,
- .redbg:hover:before,
- .redbg:focus:before {
- background: #921E12!important;
- }
- .orangebg {
- background: #F39C12!important;
- }
- .orangebg:hover:after,
- .orangebg:focus:after,
- .orangebg:hover:before,
- .orangebg:focus:before {
- background: #7F5006!important;
- }
- .greenbg {
- background: #2ECC71!important;
- }
- .greenbg:hover:after,
- .greenbg:focus:after,
- .greenbg:hover:before,
- .greenbg:focus:before {
- background: #176437!important;
- }
- .darkbluebg {
- background: #34495E!important;
- }
- .darkbluebg:hover:after,
- .darkbluebg:focus:after,
- .darkbluebg:hover:before,
- .darkbluebg:focus:before {
- background: #07090C!important;
- }
- .lightbluebg {
- background: #6A93D4!important;
- }
- .lightbluebg:hover:after,
- .lightbluebg:focus:after,
- .lightbluebg:hover:before,
- .lightbluebg:focus:before {
- background: #2B5394!important;
- }
- .yellowbg {
- background: #F1C40F!important;
- }
- .yellowbg:hover:after,
- .yellowbg:focus:after,
- .yellowbg:hover:before,
- .yellowbg:focus:before {
- background: #796307!important;
- }
- .lightpinkbg {
- background: #F76F87!important;
- }
- .lightpinkbg:hover:after,
- .lightpinkbg:focus:after,
- .lightpinkbg:hover:before,
- .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;
- }
- .lightyellow:hover:after,
- .lightyellow:focus:after,
- .lightyellow:hover:before,
- .lightyellow:focus:before {
- background: #F39500!important;
- }
- .lightgreen {
- background: #B5F36D!important;
- }
- .lightgreen:hover:after,
- .lightgreen:focus:after,
- .lightgreen:hover:before,
- .lightgreen:focus:before {
- background: #77CF11!important;
- }
- .purpledarkbg {
- background: #8E44AD!important;
- }
- .purpledarkbg:hover:after,
- .purpledarkbg:focus:after,
- .purpledarkbg:hover:before,
- .purpledarkbg:focus:before {
- background: #432051!important;
- }
|