a few styling tweaks

This commit is contained in:
gome 2022-04-29 20:19:43 -05:00
parent 5cf129cb60
commit 6cb4bbbee2
5 changed files with 28 additions and 5 deletions

View File

@ -3,7 +3,7 @@
<head>
<title>gome — bookmarks</title>
<meta charset='utf-8'/>
<meta name='theme-color' content='#fffcf7'>
<meta name='theme-color' content='#efe5d7'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
<link rel='icon' type='image/x-icon' href='../favicon.ico'>
<link rel='preconnect' href='https://fonts.googleapis.com'>

View File

@ -10,7 +10,7 @@ html {
position: relative;
}
*::selection {
background: #ebdcc97f;
background: #eab77533;
}
body {
margin: 0;
@ -18,6 +18,7 @@ body {
height: 100%;
display: flex;
flex-direction: column;
background-color: #efe5d7;
}
main {
flex-grow: 1;

View File

@ -14,6 +14,9 @@
html {
color: #323a42;
background-color: #efe5d7;
/* background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bc/Sir_Walter_Buffalo_Grass.jpg);
background-size: cover;
background-position: center; */
height: 100%;
font-family: 'Palatino Linotype', Lora, serif;
font-size: 1.25em;
@ -27,23 +30,31 @@
line-height: 1.2;
}
*::selection {
background: #ebdcc97f;
background: #eab77533;
}
header {
grid-column: 2;
grid-row: 1 / span 2;
width: min-content;
height: min-content;
overflow: hidden;
background-color: #efe5d7;
padding-left: 2em;
padding-bottom: 2em;
}
main {
grid-column: 1;
grid-row: 1;
padding: 1em;
background-color: #efe5d7;
max-width: fit-content;
height: fit-content;
}
footer {
display: flex;
grid-column: 1 / span 2;
grid-row: 2 / span 2;
pointer-events: none;
}
.title-box, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
@ -58,6 +69,11 @@
width: 10em;
background-color: #efe5d7;
}
.title-box:hover {
cursor: pointer;
border-color: #6d747a;
color: #6d747a;
}
.title-box .title {
background-color: inherit;
position: absolute;
@ -171,6 +187,7 @@
grid-column: 1 / span 2;
grid-row: 1;
width: 100%;
padding: 0;
}
main {
grid-row: 2;
@ -183,6 +200,11 @@
height: 1em;
width: 100%;
}
.title-box:hover {
cursor: initial;
border-color: #323a42;
color: #323a42;
}
nav {
opacity: 1;
pointer-events: all;

View File

@ -3,7 +3,7 @@
<head>
<title>gome — journal</title>
<meta charset='utf-8'/>
<meta name='theme-color' content='#fffcf7'>
<meta name='theme-color' content='#efe5d7'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
<link rel='icon' type='image/x-icon' href='../favicon.ico'>
<link rel='preconnect' href='https://fonts.googleapis.com'>

View File

@ -3,7 +3,7 @@
<head>
<title>gome — socials</title>
<meta charset='utf-8'/>
<meta name='theme-color' content='#fffcf7'>
<meta name='theme-color' content='#efe5d7'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
<link rel='icon' type='image/x-icon' href='../favicon.ico'>
<link rel='preconnect' href='https://fonts.googleapis.com'>