hugo-toha/static/assets/css/main.css
2020-08-21 16:15:03 +00:00

288 lines
No EOL
12 KiB
CSS

/* ========= Colors ============
Heading: #1C2D41
Paragraph: #3C4858
Iconography: #8392A5
Secondary: #C0CCDA
Dirty Snow: #E5E9F2
Snow: #F9FAFC
Magenta: #7551E9
Orange: #FF7D51
Pink: #ED63D2
Green: #2DCA73
Yellow: #FFC212
*/
body {
background-color: #f9fafc;
font-family: "Muli";
}
h1,
h2,
h3,
h4,
h5 {
color: #1c2d41;
}
strong {
color: #1c2d41 !important;
}
p {
color: #3c4858;
}
a {
color: #248aaa;
}
a:hover {
color: #207089;
}
.nav-button {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
color: #8392a5;
}
.btn-dark {
background-color: #3c4858;
border-color: #3c4858;
color: #e5e9f2;
transition: all 0.3s ease-out;
}
.btn-dark:hover,
.btn-dark:focus {
background-color: #248aaa;
border-color: #248aaa;
transition: all 0.3s ease-out;
}
.btn-outline-info {
color: #2098d1 !important;
border-color: #2098d1 !important;
}
.btn-outline-info:hover {
background-color: #2098d1 !important;
color: #e5e9f2 !important;
}
.btn-info {
background-color: #248aaa !important;
color: #e5e9f2 !important;
}
.btn-info:hover {
background-color: #2098d1 !important;
color: #e5e9f2 !important;
}
.bg-white {
background-color: #f9fafc !important;
}
.bg-dimmed {
background-color: #e5e9f2;
}
.anchor {
padding-top: 3.5rem;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.left {
display: block;
margin-right: auto;
}
img.right {
display: block;
margin-left: auto;
}
.card {
box-shadow: none;
transition: all 0.3s ease-out;
overflow: hidden;
}
.card-img-sm {
width: 32px;
height: 32px;
}
.card-img-xs {
width: 24px;
height: 24px;
}
.card:hover,
.card:focus {
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border: 1px solid #fff;
transition: all 0.3s ease-out;
}
.card .card-head {
height: 172px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.card-img-top {
transition: all 0.3s ease-out !important;
}
.card:hover .card-head .card-img-top,
.card:focus .card-head .card-img-top {
transition: all 0.3s ease-out;
transform: scale(1.2);
}
.card-body {
text-align: justify;
}
.sub-title {
color: #c0ccda;
font-size: 10pt;
}
/* --- FOOTER START --- */
.footer {
color: #8392a5 !important;
background-color: #1c2d41;
position: relative;
z-index: 9999;
}
.footer h5 {
color: #c0ccda;
}
.footer a {
color: #8392a5;
transition: all 0.3s ease-out;
}
.footer a:hover {
margin-left: 5px;
transition: all 0.3s ease-out;
}
.footer ul {
list-style: none;
padding-left: 0;
}
.footer li {
margin-top: 5px;
}
.footer hr {
background-color: #8392a5;
}
.footer p:first-child {
color: #c0ccda;
}
.footer input {
background-color: #c0ccda;
}
.footer input:focus {
background-color: #e5e9f2;
}
.footer #theme {
color: #c0ccda;
}
.footer #theme img {
width: 32px;
}
.footer #hugo:hover {
margin-right: 5px;
transition: all 0.3s ease-out;
}
/* --- FOOTER END ---- */
/* ============= Device specific fixes ======= */
/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
/* IPad Pro */
@media (max-width: 1024px) {
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
}
/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
.skills-section .container,
.projects-section .container {
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.section-holder {
padding-left: 5px;
padding-right: 5px;
}
.skills-section,
.projects-section,
.recent-posts-section,
.achievements-section {
padding-left: 0;
padding-right: 0;
}
}
/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
}
/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}
/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}
/*# sourceMappingURL=data:application/json;base64,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QUVBLHVCQUF1QjtBQUN2QjtBQUNBOztBQUVBLHVCQUF1QjtBQUN2QjtBQUNBIiwiZmlsZSI6Im1haW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogPT09PT09PT09IENvbG9ycyA9PT09PT09PT09PT1cbkhlYWRpbmc6ICAgICAjMUMyRDQxXG5QYXJhZ3JhcGg6ICAgIzNDNDg1OFxuSWNvbm9ncmFwaHk6ICM4MzkyQTVcblNlY29uZGFyeTogICAjQzBDQ0RBXG5EaXJ0eSBTbm93OiAgI0U1RTlGMlxuU25vdzogICAgICAgICNGOUZBRkNcblxuTWFnZW50YTogIzc1NTFFOVxuT3JhbmdlOiAgI0ZGN0Q1MVxuUGluazogICAgI0VENjNEMlxuR3JlZW46ICAgIzJEQ0E3M1xuWWVsbG93OiAgI0ZGQzIxMlxuKi9cblxuYm9keSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmOWZhZmM7XG4gIGZvbnQtZmFtaWx5OiBcIk11bGlcIjtcbn1cblxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSB7XG4gIGNvbG9yOiAjMWMyZDQxO1xufVxuXG5zdHJvbmcge1xuICBjb2xvcjogIzFjMmQ0MSAhaW1wb3J0YW50O1xufVxuXG5wIHtcbiAgY29sb3I6ICMzYzQ4NTg7XG59XG5cbmEge1xuICBjb2xvcjogIzI0OGFhYTtcbn1cblxuYTpob3ZlciB7XG4gIGNvbG9yOiAjMjA3MDg5O1xufVxuXG4ubmF2LWJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcbiAgY29sb3I6ICM4MzkyYTU7XG59XG5cbi5idG4tZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzYzQ4NTg7XG4gIGJvcmRlci1jb2xvcjogIzNjNDg1ODtcbiAgY29sb3I6ICNlNWU5ZjI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xufVxuXG4uYnRuLWRhcms6aG92ZXIsXG4uYnRuLWRhcms6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjQ4YWFhO1xuICBib3JkZXItY29sb3I6ICMyNDhhYWE7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xufVxuXG4uYnRuLW91dGxpbmUtaW5mbyB7XG4gIGNvbG9yOiAjMjA5OGQxICFpbXBvcnRhbnQ7XG4gIGJvcmRlci1jb2xvcjogIzIwOThkMSAhaW1wb3J0YW50O1xufVxuXG4uYnRuLW91dGxpbmUtaW5mbzpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMDk4ZDEgIWltcG9ydGFudDtcbiAgY29sb3I6ICNlNWU5ZjIgIWltcG9ydGFudDtcbn1cblxuLmJ0bi1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzI0OGFhYSAhaW1wb3J0YW50O1xuICBjb2xvcjogI2U1ZTlmMiAhaW1wb3J0YW50O1xufVxuXG4uYnRuLWluZm86aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjA5OGQxICFpbXBvcnRhbnQ7XG4gIGNvbG9yOiAjZTVlOWYyICFpbXBvcnRhbnQ7XG59XG5cbi5iZy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmOWZhZmMgIWltcG9ydGFudDtcbn1cblxuLmJnLWRpbW1lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlNWU5ZjI7XG59XG5cbi5hbmNob3Ige1xuICBwYWRkaW5nLXRvcDogMy41cmVtO1xufVxuXG5pbWcuY2VudGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbmltZy5sZWZ0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuaW1nLnJpZ2h0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xufVxuXG4uY2FyZCB7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4uY2FyZC1pbWctc20ge1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAzMnB4O1xufVxuXG4uY2FyZC1pbWcteHMge1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAyNHB4O1xufVxuXG4uY2FyZDpob3Zlcixcbi5jYXJkOmZvY3VzIHtcbiAgYm94LXNoYWRvdzogMHB4IDhweCA1NnB4IHJnYmEoMTUsIDgwLCAxMDAsIDAuMTYpO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZmZmO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLW91dDtcbn1cblxuLmNhcmQgLmNhcmQtaGVhZCB7XG4gIGhlaWdodDogMTcycHg7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4uY2FyZC1pbWctdG9wIHtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQgIWltcG9ydGFudDtcbn1cblxuLmNhcmQ6aG92ZXIgLmNhcmQtaGVhZCAuY2FyZC1pbWctdG9wLFxuLmNhcmQ6Zm9jdXMgLmNhcmQtaGVhZCAuY2FyZC1pbWctdG9wIHtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQ7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbn1cblxuLmNhcmQtYm9keSB7XG4gIHRleHQtYWxpZ246IGp1c3RpZnk7XG59XG5cbi5zdWItdGl0bGUge1xuICBjb2xvcjogI2MwY2NkYTtcbiAgZm9udC1zaXplOiAxMHB0O1xufVxuXG4vKiAtLS0gRk9PVEVSIFNUQVJUIC0tLSAqL1xuXG4uZm9vdGVyIHtcbiAgY29sb3I6ICM4MzkyYTUgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzFjMmQ0MTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiA5OTk5O1xufVxuXG4uZm9vdGVyIGg1IHtcbiAgY29sb3I6ICNjMGNjZGE7XG59XG4uZm9vdGVyIGEge1xuICBjb2xvcjogIzgzOTJhNTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQ7XG59XG5cbi5mb290ZXIgYTpob3ZlciB7XG4gIG1hcmdpbi1sZWZ0OiA1cHg7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xufVxuXG4uZm9vdGVyIHVsIHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xufVxuXG4uZm9vdGVyIGxpIHtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4uZm9vdGVyIGhyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzgzOTJhNTtcbn1cblxuLmZvb3RlciBwOmZpcnN0LWNoaWxkIHtcbiAgY29sb3I6ICNjMGNjZGE7XG59XG5cbi5mb290ZXIgaW5wdXQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjYzBjY2RhO1xufVxuXG4uZm9vdGVyIGlucHV0OmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U1ZTlmMjtcbn1cblxuLmZvb3RlciAjdGhlbWUge1xuICBjb2xvcjogI2MwY2NkYTtcbn1cblxuLmZvb3RlciAjdGhlbWUgaW1nIHtcbiAgd2lkdGg6IDMycHg7XG59XG5cbi5mb290ZXIgI2h1Z286aG92ZXIge1xuICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1vdXQ7XG59XG5cbi8qIC0tLSBGT09URVIgRU5EIC0tLS0gKi9cblxuLyogPT09PT09PT09PT09PSBEZXZpY2Ugc3BlY2lmaWMgZml4ZXMgPT09PT09PSAqL1xuXG4vKiBMYXJnZSBzY3JlZW5zIHN1Y2ggYXMgVFYgKi9cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTgyNHB4KSB7XG59XG5cbi8qIEV4dHJhIGxhcmdlIGRldmljZXMgKGxhcmdlIGRlc2t0b3BzLCAxMjAwcHggYW5kIHVwKSAqL1xuXG5AbWVkaWEgKG1heC13aWR0aDogMTQwMHB4KSB7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiAxMjAwcHgpIHtcbn1cblxuLyogSVBhZCBQcm8gKi9cbkBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbn1cblxuLyogIExhcmdlIGRldmljZXMgKGRlc2t0b3BzLCA5OTJweCBhbmQgdXApICovXG5cbkBtZWRpYSAobWF4LXdpZHRoOiA5OTJweCkge1xufVxuXG4vKiBNZWRpdW0gZGV2aWNlcyAodGFibGV0cywgNzY4cHggYW5kIHVwKSAqL1xuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG59XG5cbi8qIFNtYWxsIGRldmljZXMgKGxhbmRzY2FwZSBwaG9uZXMsIDU3NnB4IGFuZCB1cCkgKi9cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAuc2tpbGxzLXNlY3Rpb24gLmNvbnRhaW5lcixcbiAgLnByb2plY3RzLXNlY3Rpb24gLmNvbnRhaW5lciB7XG4gICAgcGFkZGluZy1sZWZ0OiAwLjNyZW07XG4gICAgcGFkZGluZy1yaWdodDogMC4zcmVtO1xuICB9XG5cbiAgLnNlY3Rpb24taG9sZGVyIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA1cHg7XG4gIH1cblxuICAuc2tpbGxzLXNlY3Rpb24sXG4gIC5wcm9qZWN0cy1zZWN0aW9uLFxuICAucmVjZW50LXBvc3RzLXNlY3Rpb24sXG4gIC5hY2hpZXZlbWVudHMtc2VjdGlvbiB7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gIH1cbn1cblxuLyogaVBob25lWCwgaVBob25lIDYsNyw4ICovXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM3NXB4KSB7XG59XG5cbi8qIEdhbGF4eSBTNSwgTW90byBHNCAqL1xuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAzNjBweCkge1xufVxuXG4vKiBpUGhvbmUgNSBvciBiZWZvcmUgKi9cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogMzIwcHgpIHtcbn1cbiJdfQ== */