simple-dash-fork

A simple, fully responsive dashboard - fork with some customisations
git clone https://git.ortlepp.eu/simple-dash-fork.git/
Log | Files | Refs | README | LICENSE

commit 76dd64f9f29ddc13ef034f73bccad4e6121d8e24
parent b8a4d912fbead974aa6282020ceb4ddd6ba61792
Author: Unknown <philipp_kutyla@gmx.de>
Date:   Mon, 20 Feb 2017 16:00:46 +0100

Minor adjustments


Diffstat:
Mhp_assets/css/main.css | 52+++++++++++++++++++++++++---------------------------
1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/hp_assets/css/main.css b/hp_assets/css/main.css @@ -6,19 +6,18 @@ body {font-family: sans-serif; background: url("../img/sayagata-400px.png") repe #bg-overlay { position:fixed; - padding:0; - margin:0; - top:0; - left:0; - width: 100%; - height: 100%; + padding:0; + margin:0; + top:0; + left:0; + width: 100%; + height: 100%; background-color: #fff; opacity: 0; z-index: 2; transition: .3s all; } - body.menu-shown #bg-overlay {opacity: 0.3;} #mobile-menu-wrap {z-index: 3; position: absolute; top: 15px; left: 15px;} @@ -27,27 +26,26 @@ body.menu-shown #bg-overlay {opacity: 0.3;} .bg {border-radius: 5px; background-color: rgba(0, 0, 0, .5); padding: 20px;} .bg a {color: #fff;} -#links-wrap {font-size: 80px; - position: fixed; - left: 50%; - top: 50%; - - transform: translate(-50%, -50%); - - /* - Not even necessary really. - e.g. Height could be left out! - */ - width: -moz-fit-content; - width: -webkit-fit-content; - - - max-width: 80%; - max-height: 90%; - overflow: auto; - display: flex; - +#links-wrap { + font-size: 80px; + + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + + width: -moz-fit-content; + width: -webkit-fit-content; + height: -moz-fit-content; + height: -webkit-fit-content; + + max-width: 90%; + max-height: 90%; + + overflow: auto; + display: flex; } + #links-wrap a {transition: .3s all;} #links-wrap a:hover {color: #d3d3d3;} #links-wrap .link {display: inline-block; width: 33%; float: left; text-align: center;}