* {
margin : 0;
padding : 0;
border : 0;
font-family : system-ui, sans-serif;
color : #444;
letter-spacing : 0.02em;
}
a, a:visited {
color : #008;
}
a:hover {
color : #800;
}
body {
overflow-y : scroll;
height : 100%;
}
code {
background : #fafafa;
word-wrap : break-word;
white-space : nowrap;
}
caption {
margin : 1em 0 0.5em;
text-align : left;
color : #444;
}
dd, dt, pre, ul {
word-wrap : break-word;
}
dd, dt, p, li {
line-height : 1.5em;
}
dl {
margin : 3em 0;
}
dt, dd {
width : 100%;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
word-wrap : break-word;
}
dt {
margin : 0;
font-weight : bold;
padding : 0 0 0 1.8em;
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMTA0IDBDODYuMzI4IDAgNzIgMTQuMzI4IDcyIDMydjQ0OGMwIDE3LjY3MiAxNC4zMjggMzIgMzIgMzJoMzA0YzE3LjY3MiAwIDMyLTE0LjMyOCAzMi0zMlYxMjhMMzEyIDBIMTA0eiIgZmlsbD0iI2UyZTdmMCIvPjxnIGZpbGw9IiM5ZGFjYmEiPjxwYXRoIGQ9Ik0zNDQgMTI4aDk2TDMxMiAwdjk2YzAgMTcuNjcyIDE0LjMyOCAzMiAzMiAzMnpNMTkyIDE2MGgxMjhjNC40MTYgMCA4IDMuNTg0IDggOHMtMy41ODQgOC04IDhIMTkyYy00LjQxNiAwLTgtMy41ODQtOC04czMuNTg0LTggOC04ek0xNDQgMzI4aDIyNGM0LjQxNiAwIDggMy41ODQgOCA4cy0zLjU4NCA4LTggOEgxNDRjLTQuNDE2IDAtOC0zLjU4NC04LThzMy41ODQtOCA4LTh6TTE0NCA0MjRoMTI4YzQuNDE2IDAgOCAzLjU4NCA4IDhzLTMuNTg0IDgtOCA4SDE0NGMtNC40MTYgMC04LTMuNTg0LTgtOHMzLjU4NC04IDgtOHpNMTQ0IDM3NmgyMjRjNC40MTYgMCA4IDMuNTg0IDggOHMtMy41ODQgOC04IDhIMTQ0Yy00LjQxNiAwLTgtMy41ODQtOC04czMuNTg0LTggOC04ek0xNDQgMjgwaDIyNGM0LjQxNiAwIDggMy41ODQgOCA4cy0zLjU4NCA4LTggOEgxNDRjLTQuNDE2IDAtOC0zLjU4NC04LThzMy41ODQtOCA4LTh6TTE0NCAyMzJoMjI0YzQuNDE2IDAgOCAzLjU4NCA4IDhzLTMuNTg0IDgtOCA4SDE0NGMtNC40MTYgMC04LTMuNTg0LTgtOHMzLjU4NC04IDgtOHoiLz48L2c+PHBhdGggZD0iTTM0NCAxMjhsNzUuMjggNzUuMjhhMTYuMDE5IDE2LjAxOSAwIDAxNC43MiAxMS4zNlY0ODBjMCA4Ljg0LTcuMTYgMTYtMTYgMTZIMTIwYy04Ljg0IDAtMTYgNy4xNi0xNiAxNmgzMDRjMTcuNjcyIDAgMzItMTQuMzI4IDMyLTMyVjEyOGgtOTZ6IiBmaWxsPSIjYzlkNWUzIi8+PC9zdmc+");
}
dd {
color : #777;
margin : 0 0 2em 0;
padding : 0;
}
em {
font-weight : normal;
font-size : 100%;
font-style : italic;
}
h1 {
display : none;
}
h2 {
margin : 0.5em 0 1em;
font-size : 210%;
}
h2 span {
display : block;
font-size : 70%;
color : #777;
}
h3 {
margin : 1.8em 0 0.8em;
font-size : 140%;
}
h4 {
margin : 2.2em 0 1em;
font-size : 120%;
}
h5 {
margin : 2.2em 0 1em;
font-size : 110%;
}
hr {
display : block;
margin : 3em 0 0;
border-top : 1px solid #ddd;
}
pre {
display : inline-block;
margin : 0.8em 0 0;
padding : 0.8em;
background : #eee;
border-left : 5px solid #ccc;
font-family : monospace;
font-size : 120%;
}
table {
margin : 1em 0;
width : 100%;
border-collapse : collapse;
}
td, th {
text-align : left;
padding : 0.3em;
border : 1px solid #aaa;
}
td, td a, th, caption {
font-family : monospace;
font-size : 110%;
}
td code {
display : inline-block;
margin : .6em .1em;
font-size : 90%;
padding : 0.5em;
border : 0;
background : #f8f8f8;
word-wrap : break-word;
white-space : nowrap;
color : #555;
font-weight : bold;
}
th {
background : #eee;
}
th code {
display : inline-block;
}
p, ul {
margin : 1.5em 0;
}
#content {
max-width : 1024px;
margin : 1em auto;
padding : 1em;
}
#download {
padding-left : 1.4em;
background : no-repeat 0 3px url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODAgNDgwIj48cGF0aCBkPSJNMjI5LjQ3MiAzNDguMDMyYTE2LjAxNyAxNi4wMTcgMCAwMDIxLjA4OCAwTDM3Ny4wNTYgMjM3LjI4YzYuNjU2LTUuODI0IDcuMzI4LTE1Ljk2OCAxLjQ3Mi0yMi41OTJsLTIxLjA4OC0yNGMtNS44MjQtNi42MjQtMTUuOTA0LTcuMjY0LTIyLjU2LTEuNDcyTDI3MiAyNDQuMzJWMTZjMC04LjgzMi03LjE2OC0xNi0xNi0xNmgtMzJjLTguODMyIDAtMTYgNy4xNjgtMTYgMTZ2MjI4LjMybC02Mi44OC01NS4xMDRjLTYuNjI0LTUuNzkyLTE2LjcwNC01LjE1Mi0yMi41NiAxLjQ3MmwtMjEuMDg4IDIzLjk2OGMtNS44NTYgNi42NTYtNS4xODQgMTYuOCAxLjQ3MiAyMi42MjRsMTI2LjUyOCAxMTAuNzUyeiIgZmlsbD0iIzRjYWY1MCIvPjwvc3ZnPg==");
}
#download-menu {
margin : 1.8em 0;
}
#download-menu li {
list-style : none;
}
#menu {
width : 100%;
margin : 0;
background : #444;
text-align : center;
}
#menu li {
display : inline-block;
padding : 0.5em 0.4em;
}
#menu li a {
color : #fff;
font-weight : 600;
text-decoration : none;
}
#menu li a:hover {
color : #fc0;
text-decoration : underline;
}
#tools h3 a, #tools h4 a {
color : #222;
text-decoration : none;
}
.bold, caption {
font-weight : 600;
}
.w19 {
width : 19%;
}
.w40 {
width : 40%;
}
.cell3 td {
width : 33.33%;
}
.cell4 td {
width : 25%;
}
.comment {
display : block;
margin : 0.3em 0 1em;
}
.status-no {
font-size : 160%;
color : #800;
}
.status-ok {
font-size : 160%;
color : #040;
}
.table-right th, .table-right td {
text-align : right;
}
.tbcom, .comment {
font-size : 90%;
font-style : italic;
color : #aaa;
}
.warn {
margin : 0;
padding : 0 0 0 1.8em;
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4Mj0iMCIgeTE9IjQ1LjQ3IiB5Mj0iLS42IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuMzExMTcgMCAwIDEuMzAyMzkgNzM3LjM5IDE1OS45MSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjNTE1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZkNTViIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0ibTc5Ny45NCAyMTIuMDEtMjUuNi00OGEzLjk4IDMuOTggMCAwIDAtMy41Ni0yLjA3Yy0xLjQ4IDAtMi44Mi44OC0zLjU3IDIuMjJsLTI1LjQxIDQ4Yy0uNiAxLjE4LS42IDIuODEuMTMgNGEzLjc4IDMuNzggMCAwIDAgMy40IDEuNzhoNTEuMDJjMS40OCAwIDIuODItLjc1IDMuNDItMS45My43NS0xLjE5Ljc1LTIuNjcuMTctNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyNy4wMiAtMTMwLjgpIHNjYWxlKC44NTcxNCkiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii43NSIgc3Ryb2tlPSIjNDAzMzBkIiBzdHJva2Utd2lkdGg9Ii45MDE2NzY5OSIgZD0iTTMyIDI0LjI0Yy0xLjA3IDAtMS45My44Ny0xLjkzIDEuOTJ2MTEuNTZhMS45MyAxLjkzIDAgMCAwIDMuODUgMFYyNi4xNmMwLTEuMDYtLjg1LTEuOTItMS45Mi0xLjkyem0wIDE5LjI1YTEuOTIgMS45MiAwIDEgMCAwIDMuODQgMS45MiAxLjkyIDAgMCAwIDAtMy44NHoiLz48L3N2Zz4=");
}
#h-links li {
display : inline;
list-style : none;
}
#h-links li span {
font-size : 80%;
}
#h-links a {
padding-left : 26px;
margin : 0 0.5em 0 0;
font-size : 100%;
font-weight : bold;
color : #555;
text-decoration : none;
}
#h-links a:hover {
color : #000;
}
#st0 {
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMzIuNTk0IDEzLjI1M0gydjM5LjgyNWg0Ny44OFYzMC40MTQiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiM1NTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGQ9Ik00OS44OCA0LjYzM3YxNy4yNE01OC41IDEzLjI1M0g0MS4yNiIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNDQ0MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGQ9Ik0xMi4yMzUgMjguMDc3SDMxLjg3TTEyLjIzNSAzOC4yNTRoMjcuNDEiLz48L2c+PC9zdmc+");
}
#st1 {
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA2MCA2MCI+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZmlsbD0iI0NDQyIgc3Ryb2tlPSIjNTU1IiBkPSJNNS42NjcgMS4zMzNoMzYuNDgxdjQ3Ljg1NEg1LjY2N3oiLz48cGF0aCBmaWxsPSIjRkZGIiBzdHJva2U9IiM1NTUiIGQ9Ik0xNS45NjcgMTAuNjg5aDM2LjQ4MXY0Ny44NTRIMTUuOTY3eiIvPjxnIGZpbGw9IiM1NTUiIHN0cm9rZT0iI0NDQyI+PHBhdGggZD0iTTI1LjgzOSAyMS43NjRoMTYuNzM4TTI1LjgzOSAzMC4zMzJoMTYuNzM4TTI1LjgzOSAzOC45MDFoMTYuNzM4TTI1LjgzOSA0Ny40NjloMTYuNzM4Ii8+PC9nPjwvZz48L3N2Zz4=");
}
#st2 {
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbD0iI0NDQyIgZD0ibTU1LjA2OCAyMy45OS4yMzguNjc4LTI1LjM0MSA5LjAxOC0yNS4xOTgtOC45Ny41NzEtMS41OTRWNy4xOGg0OS43M3oiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM1NTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjMiIGQ9Im01NS4zMDYgMjQuNjY4IDMuMi0xLjE0MnYyOS41NTJIMS40MTJWMjMuNTI2bDMuMzU1IDEuMTkgMjUuMTk4IDguOTd6Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNNS4wOTQgMjMuMTIyVjcuMThoNDkuNzN2MTYuODFNMjEuNzA5IDE2LjkzNUgzOC4yMSIvPjwvc3ZnPg==");
}
#st3 {
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjkgMCA1My4yNzIgNTMuMjcyIj48ZyBzdHJva2U9IiMyMzFmMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0IiBkYXRhLW5hbWU9Ikdyb3VwIDQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im00OC4xMDQgMjcuMzAxLTguODc4LTE1LjExOUgxMC44NzhMMiAyNy4zaDE3LjE3NmMwIC4wMzgtLjAwNS4wNzUtLjAwNS4xMTJhNS44ODIgNS44ODIgMCAwIDAgMTEuNzYzIDBjMC0uMDM3LS4wMDUtLjA3NC0uMDA2LS4xMTJaIiBkYXRhLW5hbWU9IlBhdGggMTMiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzAuOTI3IDI3LjI3NmMwIC4wNDYuMDA3LjA5MS4wMDcuMTM3YTUuODgyIDUuODgyIDAgMCAxLTExLjc2MyAwYzAtLjA0Ni4wMDUtLjA5MS4wMDYtLjEzN0gydjI0aDQ2LjF2LTI0WiIgZGF0YS1uYW1lPSJQYXRoIDE0Ii8+PHBhdGggZmlsbD0iI2QxZDNkNCIgZD0iTTQ5LjQ3MiAxMC41MTFBOC41MTEgOC41MTEgMCAxIDEgNDAuOTYgMmE4LjUxMiA4LjUxMiAwIDAgMSA4LjUxMiA4LjUxMVoiIGRhdGEtbmFtZT0iUGF0aCAxNSIvPjwvZz48L3N2Zz4=");
}
/**/
form {
margin : 3em 0;
}
textarea, form input {
font-size : 120%;
display : block;
margin : 1em 0;
height : 40px;
width : 80%;
border : 1px solid #ddd;
padding : 0.5em;
}
textarea {
height : 300px;
}
#cap input {
width : 50px;
height : 35px;
margin-left : 20px;
}
::placeholder {
color: #ccc;
}
#postit, #postit2 {
margin : 2em 0;
text-decoration : none;
font-size : 110%;
font-weight : bold;
color : #555;
border : 1px solid #ccc;
background : #eee;
cursor : pointer;
border-radius: 5px;
box-shadow: 2px 2px 2px #eee;
width : 100px;
}
#postit {
height : 50px;
}

#postit2 {
display : inline-block;
text-align : center;
padding : 0.5em 0;
}

#postit:hover, #postit2:hover {
color : #000;
}
#table-cap {
width : 0;
}
#table-cap td {
border : 0;
}
.user, .cedric, .bot {
display : block;
margin-top : 2.3em;
padding : 1.5em;
border-radius: 25px;
}
.user {
background : #f8f8f8;
border : 1px solid #f4f4f4;
}
.cedric {
background : #fff4de;
border : 1px solid #fff1d5;
}
.bot {
background : #e0e0e0;
border : 1px solid #666;
}
#csample, #ccommand {
display : block;
padding : 0.5em 0;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
word-wrap : break-word;
}
#csample {
margin-top : 0.5em;
padding-left : 38px;
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzJBNDE1NyIgZmlsbC1vcGFjaXR5PSIuMjQiIGQ9Ik0xNi42MzMgNi41NDQgMTAuMzE2IDQuNDRBMSAxIDAgMCAwIDkgNS4zODd2MTMuMjI2YTEgMSAwIDAgMCAxLjMxNi45NDhsNi4zMTYtMi4xMDVBMiAyIDAgMCAwIDE4IDE1LjU1OVY4LjQ0MmEyIDIgMCAwIDAtMS4zNjctMS44OThaIi8+PHBhdGggc3Ryb2tlPSIjMjIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xMS41IDkuNSAxNCAxMm0wIDAtMi41IDIuNU0xNCAxMkg0Ii8+PC9zdmc+");
}
#ccommand {
padding-left : 38px;
background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzJBNDE1NyIgZmlsbC1vcGFjaXR5PSIuMjQiIGQ9Ik01IDEwYzAtMS44NyAwLTIuODA0LjQwMi0zLjVBMyAzIDAgMCAxIDYuNSA1LjQwMkM3LjE5NiA1IDguMTMgNSAxMCA1aDRjMS44NyAwIDIuODA0IDAgMy41LjQwMkEzIDMgMCAwIDEgMTguNTk4IDYuNUMxOSA3LjE5NiAxOSA4LjEzIDE5IDEwSDVaIi8+PHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4PSI1IiB5PSI1IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMS4yIiByeD0iMyIvPjxwYXRoIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuMiIgZD0iTTUgMTBoMTQiLz48L3N2Zz4=");
}
#view pre {
padding : 0.5em;
font-family : system-ui, sans-serif;
font-size : 100%;
letter-spacing : 0.02em;
white-space : pre-wrap;
background : transparent;
width : 100%;
border : 0;
}
#view h2 {
font-size : 120%;
}
/**/
@media screen and (max-width: 500px) and (max-height: 850px) {
img {
width : 95%;
height : auto;
}
#download {
padding-left : 30px;
}
}