a few styling tweaks
This commit is contained in:
parent
5cf129cb60
commit
6cb4bbbee2
|
@ -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'>
|
||||
|
|
|
@ -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;
|
||||
|
|
24
index.html
24
index.html
|
@ -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;
|
||||
|
|
|
@ -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'>
|
||||
|
|
|
@ -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'>
|
||||
|
|
Loading…
Reference in New Issue