edwin/Defias-ynh-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix main box setup

Browse Source
This commit is contained in:
Aurelien Vaillant
2020-04-03 18:12:38 +02:00
parent a4977f0b53
commit 233b645347
1 changed files with 49 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom_portal.css
+49 -26
View File
@@ -4,6 +4,9 @@
can be used to customize app tiles, buttons, etc... can be used to customize app tiles, buttons, etc...
=============================================================================== ===============================================================================
*/ */
/* ------------------------
Global Main Setup
------------------------ */
@font-face { @font-face {
font-family: 'NotoSans'; font-family: 'NotoSans';
src: url("typo/NotoSans-Regular.ttf"); src: url("typo/NotoSans-Regular.ttf");
@@ -12,7 +15,16 @@
font-family: 'NotoSansBold'; font-family: 'NotoSansBold';
src: url("typo/NotoSans-CondensedBold.ttf"); src: url("typo/NotoSans-CondensedBold.ttf");
} }
/* Global Main Setup */
html {
min-height: 100vh;
}
/* ------------------------
Login Page
------------------------ */
/* ------------------------
Main Setup
------------------------ */
* { * {
font-family: 'NotoSans'; font-family: 'NotoSans';
} }
@@ -149,43 +161,54 @@ input[type="submit"] {
} }
/* ------------------------ /* ------------------------
Logged Page Apps Tile Page
------------------------ */ ------------------------ */
/* ------------------------
Main Setup
------------------------ */
body.logged, .logged .content {
min-height: 100vh;
}
.logged #ynh-logo, .logged { .logged #ynh-logo, .logged {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.logged .content { .logged .content {
max-width: 100%; max-width: 100%;
} }
.logged .ynh-wrapper {
width: 39%;
max-height: 100vh;
background-image: none;
background-color: rgb(44, 43, 39);
opacity: 70%;
border-right: 1rem solid #6f5b50;
}
.logged .user { .logged .user {
max-height: 100%; height: 80vh;
} }
.logged .user-menu { .logged .user-menu {
margin: 0; margin: 0;
} }
/* ------------------------
/* ------------------------ Pannel
Setup Footer ------------------------ */
------------------------ */ .logged .ynh-wrapper {
width: 39%;
background-image: none;
background-color: rgb(44, 43, 39);
opacity: 70%;
border-right: 1rem solid #6f5b50;
}
/* ------------------------
Setup Footer
------------------------ */
.logged .footer { .logged .footer {
padding: 16px 0; height: 20vh;
margin: 0;
padding: 0;
border: 0;
border-right: 1rem solid #6f5b50;
} }
.logged .footer nav { .logged .footer nav {
width: 85%; width: 85%;
margin: 2px auto; margin: 0 auto;
padding: 8px 0 0; padding: 8px 0;
text-align: center; text-align: center;
border-top: 2px #c2a593 solid; border-top: 2px #c2a593 solid;
} }
@@ -212,9 +235,9 @@ input[type="submit"] {
/* color: #666; */ /* color: #666; */
} }
/* ------------------------ /* ------------------------
Setup Apps Tule Setup Apps Tile
------------------------ */ ------------------------ */
#apps { #apps {
float: right; float: right;
position: absolute; position: absolute;
@@ -255,16 +278,16 @@ input[type="submit"] {
color: #c2a593; color: #c2a593;
align: center; align: center;
} }
#apps ul li a .first-letter { #apps ul li a .first-letter, #apps ul li a .name {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
height: 1px; height: 1px;
width: 1px; width: 1px;
} }
#apps ul li a:hover { #apps ul li a:hover {
/* width: 68px; */ width: 68px;
/* height: 68px; */ height: 68px;
/* border: 30px solid #2c2b27; */ border: 30px solid #2c2b27;
} }
/* #apps ul li a:hover .first-letter { */ /* #apps ul li a:hover .first-letter { */