Package static

Constants

const CSS = `
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    margin: 0;
    height: 100%;
}
#container {
    max-width: 960px;
    line-height: 1.58;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}
#header {
    padding-top: 10px;
}
#content {
    clear: both;
    padding-top: 20px;
    padding-bottom: 75px;
}
.clearfix {
    overflow: auto;
}
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    padding-right: 10px;
}
a {
    text-decoration: none;
}
a:link {
    color: #07C;
}
a:hover, a:active {
    color: #3af;
}
a:visited {
    color: #005999;
}
#header a, #header a:link, #header a:hover, #header a:active, #header a:visited {
    color: #000;
}
#title a, #title a:link, #title a:hover, #title a:active, #title a:visited {
    color: #000;
}
a.headline {
    padding: 0px 5px;
}
.link-btn, .link-btn:link, .link-btn:visited {
    color: white;
    background: #07C;
    padding: 5px 10px;
    text-align: center;
    width: 120px;
    margin-left: 0px;
    font-size: 16px;
}
.link-btn:hover {
    background: #3af;
}
.btn {
    padding: 5px 10px;
    background: #07C;
    font-size: 16px;
    color: white;
    border: none;
    margin-left: 0px;
    width: 120px;
    line-height: inherit;
}
.btn:hover {
    background: #3af;
    cursor: pointer;
}
.btn-row form, .btn-row a, .btn-cell a {
    display: inline-block;
}
.btn-row {
    text-align: right;
}
@media (max-width: 599px) {
    .btn {
        font-size: 12px;
        padding: 5px 10px;
        margin: 10px;
        width: 100px;
    }
    .link-btn, .link-btn:link, .link-btn:visited {
        font-size: 12px;
        padding: 5px 10px;
        margin: 10px;
        width: 100px;
    }
    .btn-row {
        text-align: center;
    }
}
#navleft {
    float: left;
    max-width: 70%;
}
#navright {
    float: right;
}
.dimmed {
    color: darkgrey;
}
.dimmed a, .dimmed a:link, .dimmed a:hover, .dimmed a:visited, .dimmed a:active {
    color: grey;
}
.row {
    margin-top: 20px;
}
th, td {
    text-align: left;
}
.form th {
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
}
.form td {
    padding-top: 10px;
}
@media (min-width: 600px) {
    .form td {
        width: 360px;
    }
}
@media (max-width: 599px) {
    table.form {
        width: 100%;
    }
    .form th {
        display: block;
        float: left;
        text-align: left;
        max-width: 75%;
        padding-top: 20px;
    }
    .form td {
        display: block;
        text-align: right;
        padding-top: 20px;
    }
    .form input[type="submit"] {
        width: 100%;
    }
}
input[type="text"], input[type="number"], input[type="password"] {
    width: 100%;
}
textarea {
    width: 100%;
}
.sep {
    border: none;
    height: 1px;
    background-color: #e9e9e9;
}
#title {
    margin-bottom: 0px;
}
.subtitle {
    font-weight: bold;
}
.message-text, .comment {
    margin-top: 10px;
    white-space: pre-wrap;
    font-family: monospace;
}
.subs {
    white-space: pre-wrap;
}
.message-row, .thread-row, .operation-row, .peer-row, .history-row, .profile-block {
    margin-bottom: 30px;
}
.underline, .topic {
    font-size: 75%;
}
.alert {
    color: red;
}
a, .dimmed, h3, .message p {
    word-wrap: break-word;
}
.dimmed .link-button {
    border: none;
      outline: none;
      background: none;
      cursor: pointer;
      color: grey;
      padding: 0;
      text-decoration: none;
      font-family: inherit;
      font-size: inherit;
}
.dimmed .link-button:focus {
    outline: none;
}
.dimmed .link-button:active {
    color: grey;
}
`

const JavaScript = `
var inputs = document.getElementsByClassName("no-double-post");
for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type == "submit") {
        var btn = inputs[i];
        var form = btn.form;
        if (!!form && form.method == "post") {
            btn.onclick = function() {
                var form = this.form;
                if(!!form && form.checkValidity()) {
                    var submitBtn = this;
                     setTimeout(function() {
                         submitBtn.disabled = true;
                     }, 1);
                }
            };
        }
    }
}
`