Minor adjustments

This commit is contained in:
Unknown 2017-02-20 16:00:46 +01:00
parent b8a4d912fb
commit 76dd64f9f2

View File

@ -18,7 +18,6 @@ body {font-family: sans-serif; background: url("../img/sayagata-400px.png") repe
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 {
font-size: 80px;
position: fixed; position: fixed;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
/*
Not even necessary really.
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: 90%;
max-width: 80%;
max-height: 90%; max-height: 90%;
overflow: auto; overflow: auto;
display: flex; 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;}