From b9dfafa3bdf2783d8a790c20473e910bd9217d4d Mon Sep 17 00:00:00 2001 From: Kukielka Date: Mon, 16 Apr 2018 12:15:00 +0200 Subject: Removed Unsplash Removed Unsplash in order to keep everything simple. (Also the load times were too god damn high) --- hp_assets/css/main.css | 73 +++++++++++++++++++++++++------------------------- 1 file changed, 37 insertions(+), 36 deletions(-) (limited to 'hp_assets/css/main.css') diff --git a/hp_assets/css/main.css b/hp_assets/css/main.css index 62bc0ff..a1ef7e3 100644 --- a/hp_assets/css/main.css +++ b/hp_assets/css/main.css @@ -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; +} + +#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; +} -#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::-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); +} \ No newline at end of file -- cgit v1.2.3