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

Removed Unsplash

Browse Source 
Removed Unsplash in order to keep everything simple. (Also the load times were too god damn high)
This commit is contained in:
Kukielka
2018-04-16 12:15:00 +02:00
parent 05247c761f
commit b9dfafa3bd
11 changed files with 49 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
hp_assets/css/main.css
View File

@ -1,31 +1,20 @@
html {height: 100%; width: 100%;}
body {font-family: sans-serif; z-index: 1; height: 100%; width: 100%; background-position: center; background-attachment: fixed;}
.hidden {display: none;}
.menu-item {display: none; z-index: 3;}
#bg-overlay {
position:fixed;
padding:0;
margin:0;
top:0;
left:0;
width: 100%;
html {
height: 100%;
background-color: #fff;
opacity: 0;
z-index: 2;
transition: .3s all;
width: 100%;
}
body.menu-shown #bg-overlay {opacity: 0.3;}
#mobile-menu-wrap {z-index: 3; position: absolute; top: 15px; left: 15px;}
#mobile-menu-wrap a {font-size: 20px;}
body {
font-family: sans-serif;
z-index: 1;
height: 100%;
width: 100%;
background-position: center;
background-attachment: fixed;
}
.bg {
border-radius: 5px;
background-color: rgba(0, 0, 0, .5);
border-radius: 6px;
background-color: rgba(0, 0, 0, .4);
padding: 20px;
}
@ -35,29 +24,41 @@ body.menu-shown #bg-overlay {opacity: 0.3;}
#links-wrap {
font-size: 80px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding-bottom: 3px;
width: fit-content;
height: auto;
max-width: 75%;
max-width: 80%;
max-height: 85%;
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;}
#links-wrap::-webkit-scrollbar {width: 10px; background-color: transparent;}
#links-wrap::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4); background-color: rgba(255,255,255,.2);}
#links-wrap a {
transition: .3s all;
}
#pic-info-wrap {color: #fff; font-size: 16px; position: absolute; bottom: 15px; left: 15px;}
#pic-info-wrap a:hover, #pic-info-wrap a:active {color: #fff; text-decoration: none;}
#links-wrap a:hover {
color: #c4c4c4;
}
#links-wrap .link {
display: inline-block;
width: 33%;
float: left;
text-align: center;
}
#links-wrap::-webkit-scrollbar {
width: 10px;
background-color: transparent;
}
#links-wrap::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.4);
background-color: rgba(255,255,255,.2);
}