fix: trying to fix photos

1 files changed, 126 insertions, 0 deletions

diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000..002cca3
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,126 @@
+body, html {
+    margin: auto;
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    font-size: 12.5pt;
+}
+
+body {
+    background-color: #FFFFFF;
+}
+
+h1 {
+    font-size: 3em;
+    font-weight: bold;
+    color:#690000;
+    display: inline;
+}
+
+img {
+    display: inline-block;
+    margin: 1em 1em 1em 0;
+}
+
+h2 {
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    margin-top: 0.5em;
+    padding: 0.1em;
+    background: #DFDFDF;
+    color: #0b0b0b;
+    font-weight: bold;
+}
+
+a {
+    text-decoration: none;
+    color: blue;
+
+}
+
+a:hover{
+    text-decoration: underline;
+}
+
+div {
+    display: inline-block;
+    vertical-align: bottom;
+}
+
+ul {
+    /* The overflow is to allow the float to retain background-color*/
+    overflow: hidden;
+    margin-top: 0.25em;
+    padding-left: 0em;
+}
+
+ul li:first-child {
+  list-style: none;
+  margin-left: 0em;
+  padding-left: 0em;
+}
+
+ul li::marker {
+    color:blue;
+}
+
+em {
+    font-style: normal;
+    background-color: #FCFFA4;
+    border-left: 0.5em;
+    border-left-color: #FFC800;
+    border-left-style: solid;
+    margin: 1.5em;
+    padding: 0.5em;
+    display: block;
+}
+
+li em {
+    all: unset;
+    font-style: italic;
+} 
+
+header ul li {
+    float: left;
+    margin: 0 0.75em;
+    padding-inline-start: 0.25em;
+    
+}
+
+header, .list, .single, .body{
+    padding-left: 4em;
+    background: #DFDFDF;
+}
+
+p {
+    line-height: 1.75em;
+    text-align: justify;
+}
+
+footer {
+    vertical-align: bottom;
+    margin-left:20em; 
+    margin-right:20em; 
+    font-size: 10pt
+}
+
+.list, .single, .body {
+    font-family:Georgia, 'Times New Roman', Times, serif;
+    margin-left: 3em;
+    width: 80%;
+    height: 100%;
+    margin-bottom: 0em;
+    margin-top: 0em;
+    background-color: #FFFFFF;
+}
+
+.date {
+    color:#ababab;
+    display: block;
+    font-size: 0.8em;
+    margin-bottom: 10px;
+}
+
+.summary { 
+    display: block;
+    font-size: 0.8em;
+    margin-top: 0.1em;
+    margin-bottom: 2em; 
+}