[UI] Icon assets now work with Symfony asset component, header icon placement fixes

This commit is contained in:
rainydaysavings 2020-06-11 23:27:34 +01:00 committed by Hugo Sales
parent 0211771d5f
commit 29712edbd3
6 changed files with 133 additions and 1 deletions

View File

@ -0,0 +1,132 @@
/* GENERAL ----------------------------*/
body, html
{
background-image: linear-gradient(to right bottom, #485563, #404c59, #38434f, #313a45, #29323c);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #F6F6F6;
font-family: 'Open Sans', sans-serif;
}
ul
{
text-decoration: none;
margin: 0;
padding: 0;
list-style: none;
}
.drop-down ul li
{
position: relative;
}
.drop-down ul li ul a
{
line-height: 1.8em;
}
.drop-down ul li ul
{
display: none;
position: absolute;
background-color: rgba(0, 0, 0, 0.20);
padding: 0.8em 1.5em 1.5em 0.8em;
border-radius: 4px;
}
.drop-down ul li:hover ul
{
display: block;
}
.drop-down ul li ul a:hover
{
opacity: 0.6;
transition: all 0.5s ease;
}
#hover-effect:hover
{
opacity: 0.6;
transition: all 0.5s ease;
}
a:link
{
text-decoration: none;
outline: 0;
color: #F6F6F6;
}
a:visited
{
outline: 0;
color: #F6F6F6;
}
/*-------------------------------------*/
/* HEADER -----------------------------*/
#header
{
margin-top: 2em;
margin-left: 20%;
margin-right: 20%;
display: flex;
justify-content: space-between;
}
.flex-items
{
margin: 2em;
}
/* MENU -------------------------------*/
#menu
{
order: 1;
}
#menu-png
{
height: 2em;
}
/*-------------------------------------*/
/* INSTANCE ---------------------------*/
#instance
{
order: 2;
}
#align-mid
{
}
#logo
{
height: 2em;
}
#down-arrow
{
height: 1em;
}
/*-------------------------------------*/
/* SEARCH -----------------------------*/
#search
{
order: 3;
}
#search-png
{
height: 2em;
}
/*-------------------------------------*/
/*-------------------------------------*/

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1 +1 @@
{% extends "base.html.twig" %}
{% extends 'faq/base.html.twig' %}