I think I have a good padding now?
This commit is contained in:
parent
1ffba2e153
commit
b0f1fe2c35
3
public/lunar.js
Normal file
3
public/lunar.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
import * as Moon from 'lunarphase-js';
|
||||||
|
|
||||||
|
const phase = Moon.getLunarPhase();
|
BIN
public/siteBackground.png
Normal file
BIN
public/siteBackground.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.8 KiB |
1
public/style.css
Normal file
1
public/style.css
Normal file
|
@ -0,0 +1 @@
|
||||||
|
@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css");.container{margin:auto;width:75%;padding:12%}body{background-image:url("siteBackground.png");color:#d9d7d6;font-family:'Cascadia Code', sans-serif;font-size:100%}body{outline-style:solid;outline-width:2px;outline-color:#8CD7AA;outline-offset:-50px;padding:0 0.7em 0}hr{border-top:2px solid #DF5B61;border-radius:2px}li{list-style-type:"\03BB";list-style-position:outside;color:#78B892;padding-left:10px}img{height:20%;width:20%}div{width:50%}a{font-size:100%}a:link{color:#E9967E}a:visited{color:#BC83E3}a:hover{color:hotpink}a:active{color:blue}.title{font-size:170%}
|
|
@ -3,7 +3,7 @@
|
||||||
.container {
|
.container {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
padding: 10%;
|
padding: 12%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -11,6 +11,7 @@ body {
|
||||||
background-image: url('siteBackground.png');
|
background-image: url('siteBackground.png');
|
||||||
color: #d9d7d6;
|
color: #d9d7d6;
|
||||||
font-family: 'Cascadia Code', sans-serif;
|
font-family: 'Cascadia Code', sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
//outline of main area
|
//outline of main area
|
||||||
|
@ -18,7 +19,9 @@ body {
|
||||||
outline-style: solid;
|
outline-style: solid;
|
||||||
outline-width: 2px;
|
outline-width: 2px;
|
||||||
outline-color: #8CD7AA;
|
outline-color: #8CD7AA;
|
||||||
outline-offset: -100px;
|
outline-offset: -50px;
|
||||||
|
padding: 0 0.7em 0;
|
||||||
|
//padding: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
@ -27,8 +30,10 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style-type: "\1F7D5";
|
list-style-type: "\03BB";
|
||||||
|
list-style-position: outside;
|
||||||
color: #78B892;
|
color: #78B892;
|
||||||
|
padding-left: 10px;
|
||||||
//font-size: 17px;
|
//font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -38,6 +43,10 @@ img {
|
||||||
}
|
}
|
||||||
div {width: 50%;}
|
div {width: 50%;}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* unvisited link */
|
/* unvisited link */
|
||||||
a:link {
|
a:link {
|
||||||
color: #E9967E;
|
color: #E9967E;
|
||||||
|
@ -57,3 +66,8 @@ a:hover {
|
||||||
a:active {
|
a:active {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 170%;
|
||||||
|
//padding: 1px 0.5em 1px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue