SGJP / Kuznia

.entry-article {
    white-space: normal;
}

.article-header {
    border-top: 4px solid;
    padding: 10px;
}

.article-header h1 {
    margin: 0;
}

.article-header, .entry-article caption, .extended-note,
table.cross-references td,
table.cross-references th,
table.inflection-table td {
    background-color: white;
}

table.inflection-table td.top,
table.cross-references th.head {
    background-color: transparent;
}

.entry-article h1 {
    font-size: large;
}

span.pronunciation {
    font-weight: normal;
    font-size: small;
}

span.inflection-pronunciation {
    font-style: italic;
}

span.gloss {
    font-weight: normal;
    font-size: small;
    font-style: italic;
}

span.gloss i {
    font-style: normal;
}

span.qualifiers {
    font-style: italic;
}

span.sjpdor {
    font-size: x-small;
}

.entry-article caption {
    padding: 3px;
    text-align: left;
}

.entry-article .separator {
    height: 5px;
}

.inflection-tables {
    letter-spacing: 20px;
    text-align: center;
    margin-top: 20px;
}

.inflection-table-container {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

table.inflection-table {
    border-spacing: 5px;
}

.entry-article caption,
table.inflection-table td {
    border-width: 3px;
}

table.inflection-table td {
    padding: 5px;
    text-align: left;
}

table.inflection-table td span.qualifiers,
.cell-qualifier {
    color: darkgray;
    font-style: italic;
}

.scheme0 .article-header,
.scheme0 caption,
.scheme0 .extended-note,
.scheme0 table.detailed-counts th.left-header,
.scheme0 table.cross-references .label,
.scheme0 table.cross-references th.head,
.scheme0 table.cross-references th.cr-type,
.scheme0 table.inflection-table td.top .header-label,
.scheme0 table.inflection-table td {
    border-color: #83b9ff;
}

.scheme1 .article-header,
.scheme1 caption,
.scheme1 .extended-note,
.scheme1 table.detailed-counts th.left-header,
.scheme1 table.cross-references .label,
.scheme1 table.cross-references th.head,
.scheme1 table.cross-references th.cr-type,
.scheme1 table.inflection-table td.top .header-label,
.scheme1 table.inflection-table td {
    border-color: #99ff8c;
}

.scheme2 .article-header,
.scheme2 caption,
.scheme2 .extended-note,
.scheme2 table.detailed-counts th.left-header,
.scheme2 table.cross-references .label,
.scheme2 table.cross-references th.head,
.scheme2 table.cross-references th.cr-type,
.scheme2 table.inflection-table td.top .header-label,
.scheme2 table.inflection-table td {
    border-color: #ffa566;
}

.scheme3 .article-header,
.scheme3 caption,
.scheme3 .extended-note,
.scheme3 table.detailed-counts th.left-header,
.scheme3 table.cross-references .label,
.scheme3 table.cross-references th.head,
.scheme3 table.cross-references th.cr-type,
.scheme3 table.inflection-table td.top .header-label,
.scheme3 table.inflection-table td {
    border-color: #ca8bf2;
}

.scheme4 .article-header,
.scheme4 caption,
.scheme4 .extended-note,
.scheme4 table.detailed-counts th.left-header,
.scheme4 table.cross-references .label,
.scheme4 table.cross-references th.head,
.scheme4 table.cross-references th.cr-type,
.scheme4 table.inflection-table td.top .header-label,
.scheme4 table.inflection-table td {
    border-color: #aaaaaa;
}

table.cross-references .label,
table.inflection-table td.top .header-label {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

table.inflection-table td.header-c,
table.inflection-table td.data-c,
table.inflection-table td.blank {
    text-align: center;
}

table.inflection-table td.blank,
table.inflection-table td.bottom {
    background-color: transparent;
}

table.inflection-table td.header-c {
    border-bottom-style: solid;
}

.entry-article caption,
table.inflection-table td.top .header-label,
table.cross-references .label,
table.inflection-table td.bottom {
    border-top-style: solid;
}

table.cross-references th.cr-type,
table.inflection-table td.left {
    border-right-style: solid;
}

table.inflection-table td.right {
    border-left-style: solid;
}

ul.form-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

table.cross-references {
    width: 100%;
    font-size: small;
    margin-top: 20px;
    margin-bottom: 20px;
    border-spacing: 2px;
}

table.cross-references th {
    text-align: left;
    padding: 5px;
}

table.cross-references td {
    width: 50%;
    padding: 5px;
}

table.cross-references th {
    font-weight: normal;
}

table.cross-references th.head {
    font-weight: bold;
}

.cr-link {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

span.ending {
    color: red;
}

span.suffix {
    color: purple;
}

.extended-note {
    margin-top: 2em;
    border-right: 4px solid;
    border-left: 4px solid;
    padding: 1.5em;
}

.active-pattern, .searched-form {
    font-weight: bold;
}

.marked-form {
    font-style: italic;
    color: dimgray;
}

.grayed-form {
    color: dimgray;
}

.freq-box {
    float: right;
    height: 21px;
/*    border: 2px solid black;
    font-weight: bold;
    font-size: small;
    padding: .5em; */
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
/* https://www.w3schools.com/css/css_tooltip.asp */
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #ffa508;
  color: black;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  padding: .3em .7em;
  border-radius: 4px;
 
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  /* Position to left */
  /*top: 50%; 
  transform: translateY(-50%); /* https://css-tricks.com/centering-css-complete-guide/#vertical-block-unknown */
  top: -.3em; /* freq-box padding - padding */
  right: 115%;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #ffa508;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}