body { background-size: 100% 100%; background-image: linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%); background-image: -o-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%); background-image: -moz-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%); background-image: -webkit-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%); background-image: -ms-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%); font-family: "Libertinus", "Linux Libertine", 'Times New Roman', serif; } pre, code { font-family: "Fantasque Sans Mono"; } hr.small { border-width: 5px; border-color: #00a185; } h1,h2,h3,h4,h5,h6 { font-family: "Linux Biolinum", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; } p a, li a { color: #00a185; } a { color: inherit; } a:hover, a:focus, .colored { color: #00a185; } ::-moz-selection { background: #00a185; } ::selection { background: #00a185; } .about-icon { margin-top: 5px; position: absolute; left: -12px; } .navbar-custom { background-color: #000000; background-image: linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); border-bottom: 5px #00a185 solid; color: #fafafa; font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; } .navbar-custom .nav li a { font-size: 14px; } .navbar-custom .navbar-brand { font-size: 25px; } .navbar-custom .navbar-brand, .navbar-custom .nav li a { font-weight: 800; color: #fafafa; } .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus , .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus { color: #00a185; } .navbar-custom .nav .navlinks-container .navlinks-children a { background: #232323; } @media only screen and (max-width: 767px) { .navbar-custom .nav .navlinks-container.show-children { background: #131313; } } @media only screen and (min-width: 768px) { .navbar-custom .nav .navlinks-container:hover { background: #131313; } .navbar-custom .nav .navlinks-container .navlinks-children a { border: 1px solid #323232; } } footer { background-color: black; background-image: linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%); background-image: -o-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%); background-image: -moz-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%); background-image: -webkit-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%); background-image: -ms-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%); } footer a { color: inherit; } .pager li a:hover, .pager li a:focus { background: #00a185; border: 1px solid #00a185; } .post-preview { border-bottom: 5px solid #00a185; } .post-preview .post-entry { font-family: inherit; } .blog-tags { font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; } footer .copyright { font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; } .thumbApp { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 15px 1px 15px 1px; box-shadow: 0px 0px 10px #555; font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 200px; display: block; float: left; margin-right: 0.5%; margin-bottom: 20px; width: 24.5%; min-width: 149px; } .thumbApp p { background-color: rgba(0,0,0,0.7); border-bottom: solid 4px #00a185; color: white; font-weight: bolder; margin-top: 123px; padding: 10px; } .thumbApp:hover p { color: #00a185; border-color: #0085a1; } .thumbApp p span{ display: table-cell; vertical-align: middle; line-height: 0.9; height: 1.8em; text-indent: -0.3em; padding-left: 0.3em; } .thumbApp img { border-radius: inherit; width: 100%; } @media screen and (prefers-color-scheme: dark) { body { background-image: linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%); background-image: -o-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%); background-image: -moz-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%); background-image: -webkit-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%); background-image: -ms-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%); } pre { background-color: #090909; border: #777; } footer .footer-links li { color: #00a185; } }