PersonalWebsite/css/general.css

71 lines
1.5 KiB
CSS
Raw Normal View History

/*!
* general.css - https://heili.eu
* Licensed under the MIT license - http://opensource.org/licenses/MIT
* E-mail: lukas.heiligenbrunner@gmail.com
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
2020-03-18 15:02:43 +00:00
body, html, #maincontent {
2020-03-18 09:22:43 +00:00
height: 100%;
scroll-behavior: smooth;
/*font-family: Calibre, "San Francisco", "SF Pro Text", -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", Arial, sans-serif;*/
}
/* general definition of a tile */
.tile {
height: 80%;
padding-top: 70px;
padding-bottom: 70px;
min-height: 530px;
}
2020-03-18 15:02:43 +00:00
#backtotopbutton{
position: fixed;
bottom: 0;
right: 0;
height: 88px;
width: 120px;
margin-bottom: 40px;
margin-right: 60px;
background-color: #311E25;
opacity: 0.5;
transition: opacity 500ms;
color: white;
border-radius: 13px;
text-align: center;
}
#backtotopbutton:hover{
opacity: 1;
transition: opacity 500ms;
}
2020-03-18 09:22:43 +00:00
/* nav item formattings */
.nav-item {
text-transform: uppercase;
text-decoration: none;
font: bold 15px/1.4 'Open Sans', arial, sans-serif;
}
/* screen larger than 600px -- desktop */
@media screen and (min-width: 1201px) {
}
/* Screen smaller than 600px -- mobile */
@media screen and (max-width: 1200px) {
/*background color of collapsed navbar*/
.navbar-nav {
background: #311E25;
}
.tile {
min-height: 300px;
}
2020-03-18 15:02:43 +00:00
#backtotopbutton{
display: none; /* hide scroll to top button on mobile devices */
}
2020-03-18 09:22:43 +00:00
}