/* We let W3.css do most of the work. There's mostly some work-arounds in here. */
/* For some reason tags don't create a visible line by default.
So, we override the defaul behavior. */
hr {
border-style: solid;
border-top: 1px solid;
}
/* Make bold text in paragraphs blue */
p b {
color: mediumblue;
}
/* Make links blue */
a {
color: mediumblue;
}
/* Make visited links purple, but not for menus */
#content-wrap a:visited {
color: purple;
}
/* Put a border along the right edge to give better definition to the space. */
#page-container {
border-right-style:solid;
border-width: 1px;
}
/* The menu section that displays the 'Hello: ' dropdown needs to behave like */
/* other menu items, but can't be a w3-button because they never word wrap on overflow. */
#member-menu-container div:hover {
background-color: LightGray;
}
/* We wanted the common page footer to appear at the bottom of the page when
when there's not enough content to fill the page, but also be at the end
of the content when there's more than enough content to fill the page.
This requires the careful use of a few style tags in a few places. */
#page-container {
/* The page-container contains both the page contents and the footer. */
position:relative; /* not sure exactly what this does, bit it is necessary */
min-height:98vh; /* 98% of the viewport height even if less content */
/* 100% sometimes caused an unnecessary scroll bar */
}
#content-wrap {
/* The content-wrap contains all the page contents. */
padding-bottom:70px; /* This is the height of the footer. */
/* The padding prevents the footer from being put */
/* on top of the page contents. */
}
#footer { /* id='footer' not HTML