artus/mystic_forest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

use variables

Browse Source
This commit is contained in:
Arthur Gerbaud
2019-06-26 14:11:45 +02:00
parent ba9f666c0e
commit 52b1760b27
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
mystic_forest/custom_portal.css
View File

@@ -5,8 +5,15 @@
=============================================================================== ===============================================================================
*/ */
:root {
--background-color: #141709;
--primary-color: #525c2e;
--primary-hover-color: #708a00;
}
.ynh-user-portal { .ynh-user-portal {
background: #141709; background: var(--background-color);
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: center; justify-content: center;
@@ -38,7 +45,7 @@
} }
.user-menu, .user-container { .user-menu, .user-container {
background-color: #525c2e; background-color: var(--primary-color);
max-width: 21em; max-width: 21em;
margin-left: 38px; margin-left: 38px;
} }
@@ -65,29 +72,24 @@
.login-form .form-group { .login-form .form-group {
margin:0; margin:0;
border: 0.4em solid #525c2e; border: 0.4em solid var(--primary-color);
border-top: none; border-top: none;
} }
.login-form .btn { margin-top: 0.4em; } .login-form .btn { margin-top: 0.4em; }
.classic-btn { background: #525c2e; } .classic-btn { background: var(--primary-color); }
.classic-btn:hover { background: #708a00; } .classic-btn:hover { background: var(--primary-hover-color); }
.messages { margin: 0 auto; width: 100%; } .messages {
.messages.info { background: #525c2e;}
/*
.login-form {
max-width: 21em;
margin: 0; margin: 0;
display: flex; /*width: 100%; */
flex-flow: column wrap;
align-items: stretch;
} }
.login-form label::before { background: #f0f1f5; }
.content { padding: 1em; } .messages.info {
*/ background: var(--primary-color);
}
/* Tiles colors are copied from default theme */
.bluebg { .bluebg {
background: #3498DB!important; background: #3498DB!important;