/*
    Reset styles
*/

#changelog table {
    border-collapse: collapse;
    border-spacing: 0;
}

#changelog caption, th, td {
    text-align: left;
    font-weight: normal;
}

#changelog blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

#changelog blockquote, q {
    quotes: "" "";
}

/*
    variables
*/

:root {
  --color-bg: #FFF; 
  --color-bg-subtle: #EEEEEE;
  --color-text: #000;
  --color-text-subtle: #424242;
  --color-text-more-subtle: #757575;
  --color-text-link: red
}


/*
    standard UI
*/

#changelog a, a:visited, a:active {
    color: var(--color-text-link);
    text-decoration: lightblue;
}

.note a {
    font-size: 1em;
}

#changelog a:hover {
    color: var(--color-text);
    text-decoration: underline;
}

#changelog h1 {
    font: 2em  "Ubuntu";
    line-height: 2;
}

#changelog h2 {
    font: 1.2em  "Ubuntu";
    line-height: 2;
}

#changelog hr {
    border: 0; 
    border-top: 1px solid var(--color-bg-subtle);
    display: block; 
    height: 1px;
    margin: 0.25em 0; 
    padding: 0; 
}

#changelog nav {
    text-align: center;
    font-weight: bold;
}

#changelog p {
    margin-top: 2em;
    margin-bottom: 2em;
}

#changelog strong {
    font-weight: bold;
}

#changelog ul {
    margin: 15;
}


/*
    custom UI
*/

.date {  
    font-family: "Ubuntu";
}

.float {
    float: left;
    font-size: 1em;
    width: 100%;
}

.fix {
    float: left;
    background: #EF5350;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-size: 0.7em;
    font-family: "Ubuntu";
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    width: 10%;
}

.update {
    float: left;
    background: #1E88E5;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-size: 0.7em;
    font-family: "Ubuntu";
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    width: 10%;
}

.list-horizontal li {
    display:inline-block;
    font-size: 0.9em;
    padding: 0.5em;
    margin-right: 2em;
}

.list-horizontal li.selected {
    background: var(--color-bg-subtle);
}

.new {
    float: left;
    background: #558B2F;
    border-radius: 4px;
    color: white;
    display: inline-block;
    font-family: "Ubuntu";
    font-size: 0.7em;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    width: 10%;
}

.note {
    float: left;
    font-family: "Ubuntu";
    font-size: 0.9em;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-top: 4px;
    width: 85%;
}

.parse {
    font-size: 1em;
}

section#content {
    float: left;
    width: 100%;
}

section.serif {
    font-family: "Ubuntu";
}

.mimage {
    width: 40%;
    min-width: 150px;
}

.simage {
    width: 30%;
    min-width: 150px;
}

.xsimage {
    width: 30%;
    min-width: 50px;
}

.underline {
    text-decoration: underline;
}

.version {
    float: left;
    padding-bottom: 100px;
}