Personal Website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

136 lines
1.9 KiB

/* General */
/*----------------------------------------*/
html {
font-family: "Segoe UI", "DejaVu Sans", sans-serif;
scroll-behavior: smooth;
}
body {
background-color: #f4f4f4;
}
table td.middle {
vertical-align: middle;
}
/* Navigation */
/*----------------------------------------*/
nav.shadow {
box-shadow: 0 .25rem .5rem rgba(0,0,0,.28) !important;
}
/* Main content */
/*----------------------------------------*/
.container {
margin: 56px auto 0 auto;
}
.content {
position: relative;
/* height: calc(100% - 56px); */
min-height: calc(100vh - 80px);
padding: 20px 20px 50px 20px;
background-color: #fff;
}
#home {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.padding-border {
padding: 10px 15px 10px 15px;
}
.padding-border-col {
padding: 10px 15px 0px 0px;
}
.pointer {
cursor: pointer;
}
/* Anchor offset */
h3 {
position: relative;
}
h3 span {
position: absolute;
top: -65px;
}
.anchor-link {
color: transparent !important;
}
.anchor-link:hover {
color: rgba(0,0,0,.2) !important;
}
/* Admin content */
/*----------------------------------------*/
.admin-toggle {
left: auto;
margin: 10px 15px;
padding: 5px 10px;
border-radius: 5px;
color: #ffffff;
}
.admin-menu {
position: fixed;
top: 0;
right: 0;
padding-right: 0px;
z-index: 1030;
}
.admin-content {
min-height: 100vh;
}
.admin-hidden {
position: absolute;
top: 0;
left: -9999px;
}
.admin-upload-dragover {
background-color: rgba(0,0,0,0.1);
}
/* Cursor color in normal mode */
.CodeMirror.cm-fat-cursor .CodeMirror-cursor {
background: white;
}
/* Cursor color in visual mode */
.CodeMirror .cm-animate-fat-cursor {
background-color: white;
animation: none !important;
}
/* Footer */
/*----------------------------------------*/
footer {
position: absolute;
bottom: 0;
width: calc(100% - 30px);
height: 50px;
padding-top: 10px;
text-align: center;
color: #909090;
}