JuanCanham/simpler-dash
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minor adjustments

Browse Source
This commit is contained in:
Unknown 2017-02-20 16:00:46 +01:00
parent b8a4d912fb
commit 76dd64f9f2
1 changed files with 24 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
hp_assets/css/main.css
View File

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