/* File update Aug 10, 2025
For the following directries
(does not include auto-index directories. They use Nginx-designated style sheet)
folks
e-thomas-harnish
index,htm
e-t-harnish-birth-chart.htm
memoirs
index.htm
memoirs-skin-2025.css < is still in place, not removed yet
e-thomas-harnish-photos
helen-i-harnish
helens-photo-project
progress log, files changed
e-t-harnish-birth-chart.htm
NEW STRUCTURE AVAILABLE
THIS IS GOVERNING CSS STARTING AUG 2025, ALL OTHER CSS CONSOLIDATE
Old files to consolidate:
harnish.css
folks.css
DID NOT INCLUDE:
clippings.css
memoirs-skin.css
index-style-sheet.css
newspapers-theme.css
CSS for autoindex is here:
/nginx-theme/css/style.css
nginx config:
add_before_body "/nginx-theme/nginx-before.html";
add_after_body "/nginx-theme/nginx-after.html";
*/
html,
body {
background: #232323;
}
body {
text-align: left;
font-family: verdana, tahoma, ariel, sans-serif;
font-size: 20px;
line-height: 1.8rem;
color: #fefefe;
/* color: yellow;
color: lightgreen; */
}
/* new structure August 6, 2025 */
#mainwrapper {
text-align: center;
border: 0px solid pink;
}
#container {
text-align: left;
width: 100%;
max-width: 700px;
margin: 1rem auto;
padding-left:3px;
border: 0px solid lightgreen;
border-bottom: 150px solid transparent;
}
#container-wide {
text-align: left;
width: 100%;
max-width: 1200px;
margin: 1rem auto;
padding-left:3px;
border: 0px solid lightgreen;
border-bottom: 150px solid transparent;
}
#top, .top {
margin: 1.5rem 0 1.5rem 1rem;
}
#header, .header { margin-top:1.5rem; }
/* "header-image-div" has a float. "image-div" does not */
.header-image-div {
float: left;
width: 300px;
}
.header-right {
float: left;
width: 250px;
margin-left: 2rem;
font-size: 80%;
border: 0px solid red;
}
.image-div { }
#links, .links {margin-top:1.2rem;}
p {
padding-top: 0px;
margin-top: 0px;
}
.note,
p.note,
span.note {
font-size: 85%;
}
.center {
text-align: center;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.strong {
font-weight: bold;
}
h1,
h2,
h3 {
text-align: center;
}
h1 {
font-size: 135%;
border: 0px solid blue;
}
h1,
h2,
p {
line-height: 1.8em;
}
/* these styles were taken from Vindy Obit */
#article {
width: 100%;
max-width: 600px;
border: 0px solid yellow;
margin: 0 auto;
}
@media only screen and (max-width: 600px) {
#mainwrapper {
width: 100%;
max-width: 100%;
}
#maincontent {
width: 100%;
max-width: 100%;
}
}
.left-image-div {
float: left;
margin-top: 8px;
margin-left: 0px;
margin-right: 20px;
}
.right-image-div {
float: right;
margin-top: 8px;
margin-right: 10px;
margin-left: 20px;
}
@media only screen and (max-width: 500px) {
#image-div {
float: none;
text-align: center;
}
#image-div img {
margin: 0 auto;
}
}
/*
Global styles
#abdcfb is a tint of lightskyblue, which is #87cefa
https://www.color-hex.com/color/87cefa
*/
a:link {
color: #abdcfb;
text-decoration: none;
}
a:active {
color: pink;
text-decoration: none;
}
a:visited {
color: #abdcfb;
text-decoration: none;
}
a:hover {
color: lightgreen;
text-decoration: underline;
}
h1 {
font-size: 125%;
}
h2 {
font-size: 110%;
}
h3 {
font-size: 100%;
}
/* the following are untested Aug 2025 */
/* the following are untested Aug 2025 */
/* the following are untested Aug 2025 */
div.indent50 {
margin-left: 50px;
}
div.indent25 {
margin-left: 25px;
}
hr {
margin-left: 25px;
margin-left: 0;
}
/* page width options */
div.width90 {
width: 90%;
}
div.width80 {
width: 80%;
}
td {
text-align: left;
vertical-align: top;
}
ul.no-bullet {
list-style:none;
}
ul li {
margin-top:0;
margin-bottom:1rem;
}
/* end */