lively css
/*
** The old default style for Wagn used at Thornton 2 Library
*/

/*
** The main body of the page
*/

body {
  background: #fff9e6;
  color: black;
  margin: 0px;
  }

/*
** Fonts
*/
body,
ol,
p,
td,
th,
ul {
  font-family: Georgia, sans;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  }

h1,
h2 {
  font-family: sans-serif, sans;
  font-weight: normal;
  }

/*
** Text sizes and colors
*/
h1,
h2 {
  background: none;
  border-bottom: 1px solid #896bb1;
  color: #333381;
  margin: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.17em;
  }

h1 {
  font-size: 150%;
  }

h2 {
  font-size: 125%;
  }

label {
  color: #7272b5;
  }

/*
** Link colors
*/
a,
a:link,
a:visited,
a.known-card,
a:link.known-card,
a:visited.known-card {
  color: #505089;
  }

a.wanted-card,
a:link.wanted-card,
a:visited.wanted-card {
  color: #895050;
  }

/*
** Navbox design and framing
*/
#navbox {
  height: 1.4em;
  font-size: 100%;
  }

#menu {
  background: white;
  color: black;
  border-bottom: 3px solid #896bb1;
  font-family: sans-serif, sans;
  font-size: 100%;
  padding: 6px;
/*
  padding-bottom: 9px;
*/
  }

#menu a {
  color: #52529c;
  }

.plus-icon {
  background: url(/images/card-add-lb.gif) no-repeat right;
  }

.search-icon {
  background: url(/images/card-search-lb.gif) no-repeat right;
  }

/*
** Card design and framing
*/
.card-header a.close-icon {
  background: url(/images/card-close-lb.gif) no-repeat right;
  width: 18px;
  height: 18px;
  padding-left: 18px;
  margin-right: 3px;
  }

.card-header a:hover.close-icon {
  background: url(/images/card-half-w.gif) no-repeat right;
  width: 18px;
  height: 18px;
  padding-left: 18px;
  margin-right: 3px;
  }

.card-header a.open-icon {
  background: url(/images/card-open-lb.gif) no-repeat right;
  width: 18px;
  height: 18px;
  padding-left: 18px;
  margin-right: 3px;
  }

.card-header a:hover.open-icon {
  background: url(/images/card-half-w.gif) no-repeat right;
  width: 18px;
  height: 18px;
  padding-left: 18px;
  margin-right: 3px;
  }

.card-frame h1.card-header,
.card-frame .card-title {
  font-size: 100%;
  font-weight: bold;
  font-family: Georgia, serif;
  }

.card-slot {
  background: white;
  }

.card-frame.open-view {
  border: solid #896bb1;
  border-width: 3px;
  border-radius: 10px; -border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; -opera-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  }

.card-slot.open-view .card-header {
  background: #52529c;
  color: white;
  border-radius: 3px 3px 0px 0px; -border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; -opera-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;
  font-family: sans-serif;
  padding: 3px;
  margin: 3px;
  min-height: 18px;
  }

.card-slot.closed-view .card-header {
  background: #52529c;
  color: white;
  border-radius: 10px; -border-radius: 10px; -khtml-border-radius: 10px; -o-border-radius: 10px; -opera-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  padding: 0px 3px 4px 3px;
  margin: 0px;
  min-height: 18px;
  }

.card-slot .card-header a {
  color: #7272b5;
  display: inline;
  }

.card-slot .card-header a:hover {
  color: white;
  display: inline;
  text-decoration: none;
  }

.page-icon {
  padding: 2px 7px;
  background: url(/images/card-goto-lb.gif) no-repeat right;
  }

/*
** Text formatting
*/
.card-content p {
  text-indent: 1.5em;
  text-align: left;
  padding-top: 0.25em;
  }

.card-content p + p {
  text-indent: 1.5em;
  text-align: left;
  padding-top: 0.5em;
}

/*
** Make plain-text cards show in the page/browser's default monospace font.
*/
.TYPE-plain_text {
  font-family: mono;
  font-size: 100%;
  }

/*
** Pop-up menu
*/
.card-menu-link {
  background: url(/images/card-options-lb.gif) no-repeat right;
  width: 18px;
  height: 18px;
  }

.closed-view .card-menu-link {
  position: relative;
  top: 4px;
  right: 1px;
  }

/*
** History
*/
i.fa-circle {
  font-face: sans;
  }

/*
** Journal entry specifics: Put editors and tags inline on single rows.
*/

.TYPE_PLUS_RIGHT-journal_entry-Xeditor .search-result-list .search-result-item {
  display: inline;
  }

.TYPE_PLUS_RIGHT-journal_entry-tag .pointer-list .pointer-item {
  display: inline;
  }

/*
** Blockquote border on left
*/
blockquote {
  border-left: solid #52529c; /* #896bb1; */
  border-left-width: 3px;
  padding-left: 5px;
  }

/*
** Make preformatted elements resemble green bar printer paper
*/
pre {
  /*
  ** The license for the original of this image is as follows:
  ** Copyright David Swart, licensed under the terms of the Creative Commons Attribution 2.0 License.
  ** Original image location: https://www.flickr.com/photos/dmswart/6507071701/
  ** License terms location: https://creativecommons.org/licenses/by/2.0/
  */
  background-image: url('/images/green-bar-printer-paper-left-edge.png'),
                    url('/images/green-bar-printer-paper-right-edge.png'),
                    url('/images/green-bar-printer-paper-background.png');
  background-position: left top, right top, center top;
  background-repeat: repeat-y, repeat-y, repeat;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 100%;
  }

/*
** Table formatting
*/
table {
  border: 0px;
  }
table > caption {
  font-style: oblique;
  }
tr {
  border: 0px;
  }
td {
  padding: 0.4em 0.6em;
  border-style: solid;
  border-color: #896bb1;
  border-width: 0px 1px 0px 0px;
  }
td:last-child {
  border-right: 0px;
  }
tr:nth-child(odd) {
  background: white;
  }
tr:nth-child(even) {
  background: #e5e5e5;
  }

All Cards on This Page