diff --git a/public_html/css/comments.css b/public_html/css/comments.css index 15ebbb98..7d72c86a 100644 --- a/public_html/css/comments.css +++ b/public_html/css/comments.css @@ -1,105 +1,105 @@ .comment-form { - margin: 1em 0 2em; + margin: 1em 0 2em; } .comment-form .preview { - background: lemonchiffon; - padding: 0.5em; - margin-bottom: 1em; - box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset; - display: none; + background: lemonchiffon; + padding: 0.5em; + margin-bottom: 1em; + box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset; + display: none; } .comments ul { - list-style-type: none; - margin: 1em 0; - padding: 0; + list-style-type: none; + margin: 1em 0; + padding: 0; } .comment { - margin: 0 0 1em 0; - padding: 0; - display: flex; + margin: 0 0 1em 0; + padding: 0; + display: flex; } .comment .avatar { - margin-right: 0.5em; - flex-shrink: 0; - vertical-align: top; + margin-right: 0.5em; + flex-shrink: 0; + vertical-align: top; } .comment .content { - margin-top: 0.25em; + margin-top: 0.25em; } .comment .content p:first-child { - margin-top: 0; + margin-top: 0; } .comment .header { - line-height: 16pt; - vertical-align: middle; + line-height: 16pt; + vertical-align: middle; } .comment .score, .comment .date { - color: silver; - font-size: 90%; - padding-left: 0.5em; + color: silver; + font-size: 90%; + padding-left: 0.5em; } .comment .score-up.active, .comment .score-down.active { - font-weight: bold; + font-weight: bold; } .comment .header .ops a { - color: silver; - font-size: 80%; + color: silver; + font-size: 80%; } .comment .header .ops a:first-of-type:before { - margin-left: 0.5em; - content: '['; + margin-left: 0.5em; + content: '['; } .comment .header .ops a:not(:first-of-type):before { - content: '|'; - margin: 0 0.3em; + content: '|'; + margin: 0 0.3em; } .comment .header .ops a:last-of-type:after { - content: ']'; + content: ']'; } #global-comment-list { - text-align: center; + text-align: center; } #global-comment-list .pagination-content { - text-align: left; + text-align: left; } #global-comment-list .comments>ul { - margin-top: 0; + margin-top: 0; } #global-comment-list ul.posts { - list-style-type: none; - margin: 0; - padding: 0; + list-style-type: none; + margin: 0; + padding: 0; } #global-comment-list ul.posts>li { - margin-bottom: 2em; + margin-bottom: 2em; } #global-comment-list .post-comment { - display: flex; + display: flex; } @media all and (max-width: 40em) { - #global-comment-list .post-comment { - flex-direction: column; - } + #global-comment-list .post-comment { + flex-direction: column; + } } #global-comment-list .post { - flex-shrink: 0; - flex-grow: 0; - margin-right: 1em; - margin-bottom: 1em; + flex-shrink: 0; + flex-grow: 0; + margin-right: 1em; + margin-bottom: 1em; } #global-comment-list .comment-add, #global-comment-list .comments>h1 { - display: none; + display: none; } #global-comment-list .post-small .link { - margin: 0; + margin: 0; } diff --git a/public_html/css/core.css b/public_html/css/core.css index 4848eb20..32bfe663 100644 --- a/public_html/css/core.css +++ b/public_html/css/core.css @@ -1,124 +1,124 @@ body { - margin: 0; - padding: 0; - text-align: center; - background: #fff; - color: #555; - font-family: 'Droid Sans', sans-serif; - font-size: 15px; - overflow-y: scroll; + margin: 0; + padding: 0; + text-align: center; + background: #fff; + color: #555; + font-family: 'Droid Sans', sans-serif; + font-size: 15px; + overflow-y: scroll; } @media all and (max-width: 40em) { - body { - font-size: 13px; - } + body { + font-size: 13px; + } } h1 { - font-weight: normal; - font-size: 160%; + font-weight: normal; + font-size: 160%; } h2 { - font-variant: small-caps; - font-weight: normal; + font-variant: small-caps; + font-weight: normal; } h3 { - font-weight: normal; - font-size: 120%; + font-weight: normal; + font-size: 120%; } small { - font-size: 87%; + font-size: 87%; } #middle { - padding: 0 2em; - position: relative; + padding: 0 2em; + position: relative; } #content { - margin: 1.5em 0; - padding: 0; - display: inline-block; - text-align: left; - width: 100%; + margin: 1.5em 0; + padding: 0; + display: inline-block; + text-align: left; + width: 100%; } a { - color: #24A2DD; - text-decoration: none; - cursor: pointer; /* for links without [href] */ + color: #24A2DD; + text-decoration: none; + cursor: pointer; /* for links without [href] */ } a:focus { - outline: 2px solid #64C2ED; + outline: 2px solid #64C2ED; } a:hover { - color: #34B2ED; + color: #34B2ED; } hr { - margin: 1.5em auto; - height: 1px; - border: 0; - border-bottom: 1px solid #eee; - border-top: 1px solid #eee; - box-sizing: content-box; + margin: 1.5em auto; + height: 1px; + border: 0; + border-bottom: 1px solid #eee; + border-top: 1px solid #eee; + box-sizing: content-box; } .big-button { - color: #aaa; + color: #aaa; } .big-button.active { - background: #f7fbfc; - color: #24A2DD !important; + background: #f7fbfc; + color: #24A2DD !important; } .big-button:focus, .big-button:hover { - background: #f7fbfc; - color: #34B2ED !important; - outline: 0; + background: #f7fbfc; + color: #34B2ED !important; + outline: 0; } span.spoiler:before { - content: '['; - color: #000; + content: '['; + color: #000; } span.spoiler:after { - content: ']'; - color: #000; + content: ']'; + color: #000; } span.spoiler { - background: #eee; - color: #eee; + background: #eee; + color: #eee; } span.spoiler:hover { - color: dimgray; + color: dimgray; } blockquote { - border-left: 3px solid #eee; - margin-left: 0; - padding: 0.3em 0.3em 0.3em 0.7em; - background: #fafafa; - color: #444; + border-left: 3px solid #eee; + margin-left: 0; + padding: 0.3em 0.3em 0.3em 0.7em; + background: #fafafa; + color: #444; } blockquote :last-child { - margin-bottom: 0; + margin-bottom: 0; } .draggable { - cursor: move; + cursor: move; } .resizer { - position: absolute; - cursor: nwse-resize; - border: 0.25em solid rgba(0, 0, 0, 0.3); - border-top: 0.25em solid transparent; - border-left: 0.25em solid transparent; - right: 0; - bottom: 0; + position: absolute; + cursor: nwse-resize; + border: 0.25em solid rgba(0, 0, 0, 0.3); + border-top: 0.25em solid transparent; + border-left: 0.25em solid transparent; + right: 0; + bottom: 0; } diff --git a/public_html/css/forms.css b/public_html/css/forms.css index b46fc57a..bc7676a3 100644 --- a/public_html/css/forms.css +++ b/public_html/css/forms.css @@ -1,260 +1,260 @@ .form-wrapper { - display: table; - margin: 0 auto; - text-align: left !important; - width: 30em; + display: table; + margin: 0 auto; + text-align: left !important; + width: 30em; } .form-row { - display: table-row; + display: table-row; } .form-label { - width: 1%; - white-space: pre; + width: 1%; + white-space: pre; } .form-label, .form-input { - display: table-cell; - line-height: 37px; - vertical-align: text-bottom; + display: table-cell; + line-height: 37px; + vertical-align: text-bottom; } .form-input { - overflow: hidden; - text-overflow: ellipsis; + overflow: hidden; + text-overflow: ellipsis; } .form-row label { - padding-right: 1em; - text-align: right; + padding-right: 1em; + text-align: right; } .tag-input, textarea, input[type=text], input[type=password] { - padding: 3px 6px 4px 6px; - border: 1px solid #eee; - box-shadow: 0 1px 2px -1px #e0e0e0 inset; - background: #fafafa; - font-family: 'Inconsolata', monospace; - font-size: 100%; - text-overflow: ellipsis; - width: 100%; - box-sizing: border-box; + padding: 3px 6px 4px 6px; + border: 1px solid #eee; + box-shadow: 0 1px 2px -1px #e0e0e0 inset; + background: #fafafa; + font-family: 'Inconsolata', monospace; + font-size: 100%; + text-overflow: ellipsis; + width: 100%; + box-sizing: border-box; } /* remove chrome yellow background for inputs with autocompletion */ input:-webkit-autofill { - -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; + -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; } button::before, input[type=button]::before { - z-index: -1; - background: linear-gradient(#f5f5f5, #e5e5e5); - display: block; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - content: '\a0'; + z-index: -1; + background: linear-gradient(#f5f5f5, #e5e5e5); + display: block; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + content: '\a0'; } button, input[type=button] { - vertical-align: middle; - line-height: normal; - background: transparent; - position: relative; - padding: 2px 15px 3px 15px; - border: 0; - box-shadow: 0 1px 1px 0 #e5e5e5, - 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 5px 1px -4px white inset; - color: #444; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5); - font-family: 'Droid Sans', sans-serif; - font-size: 17px; + vertical-align: middle; + line-height: normal; + background: transparent; + position: relative; + padding: 2px 15px 3px 15px; + border: 0; + box-shadow: 0 1px 1px 0 #e5e5e5, + 0 0 0 1px rgba(0, 0, 0, 0.15) inset, + 0 5px 1px -4px white inset; + color: #444; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(255, 255, 255, 0.5); + font-family: 'Droid Sans', sans-serif; + font-size: 17px; } button:not(:disabled), input[type=button]:not(:disabled) { - cursor: pointer; + cursor: pointer; } button:not(:disabled):hover::before, input[type=button]:not(:disabled):hover::before { - opacity: .65; + opacity: .65; } button:not(:disabled):active, input[type=button]:not(:disabled):active { - padding: 3px 15px 2px 15px; + padding: 3px 15px 2px 15px; } button:not(:disabled):active::before, input[type=button]:not(:disabled):active::before { - transform: rotate(180deg); + transform: rotate(180deg); } button:not(:disabled):focus, input[type=button]:not(:disabled):focus { - box-shadow: 0 1px 1px 0 #e5e5e5, 0 0 0 2px #64C2ED inset; + box-shadow: 0 1px 1px 0 #e5e5e5, 0 0 0 2px #64C2ED inset; } button:disabled { - color: gray; + color: gray; } button.highlight::before, input[type=button].highlight::before { - background: linear-gradient(rgb(160, 221, 251), rgb(101, 188, 239)); + background: linear-gradient(rgb(160, 221, 251), rgb(101, 188, 239)); } button.highlight-red::before, input[type=button].highlight-red::before { - background: linear-gradient(rgba(255, 181, 143, 1), rgba(255, 148, 122, 1)); + background: linear-gradient(rgba(255, 181, 143, 1), rgba(255, 148, 122, 1)); } button:focus, textarea:focus, input:focus { - outline: none; + outline: none; } button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; + border: 0; } .tag-input.focused, textarea:focus, input:not([type=button]):not(.tag-real-input):focus { - box-shadow: 0 0 0 1px #64C2ED inset; - border-color: #64C2ED; + box-shadow: 0 0 0 1px #64C2ED inset; + border-color: #64C2ED; } input[type=radio], input[type=checkbox] { - opacity: 0; - position: absolute; + opacity: 0; + position: absolute; } input[type=radio] + label, input[type=checkbox] + label { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - user-select: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; } input[type=radio] + label::before, input[type=checkbox] + label::before { - font-family: 'FontAwesome'; - display: inline-block; - width: 1em; - text-align: left; + font-family: 'FontAwesome'; + display: inline-block; + width: 1em; + text-align: left; } input[type=radio] + label::before { - content: "\f1db"; + content: "\f1db"; } input[type=radio]:checked + label::before { - content: "\f192"; + content: "\f192"; } input[type=checkbox] + label::before { - content: "\f096"; + content: "\f096"; } input[type=checkbox]:checked + label::before { - content: "\f046"; + content: "\f046"; } input[type=radio]:focus + label, input[type=checkbox]:focus + label { - color: #64C2ED; + color: #64C2ED; } .file-handler::before { - background: none; + background: none; } .file-handler { - box-shadow: none !important; - outline: none !important; - border: 3px dashed #eee !important; - padding: 0.3em 0.5em !Important; - line-height: 140% !important; - text-align: center; - cursor: pointer; + box-shadow: none !important; + outline: none !important; + border: 3px dashed #eee !important; + padding: 0.3em 0.5em !Important; + line-height: 140% !important; + text-align: center; + cursor: pointer; } .file-handler.active { - border-color: #64C2ED !important; - background-color: #eeffcc; + border-color: #64C2ED !important; + background-color: #eeffcc; } .tag-input { - padding: 1px; - line-height: normal !important; - cursor: text; + padding: 1px; + line-height: normal !important; + cursor: text; } .tag-input ul { - list-style-type: none; - display: inline; - margin: 0; - padding: 0; + list-style-type: none; + display: inline; + margin: 0; + padding: 0; } .tag-input li { - background: #ddd; - display: inline-block; - font-family: 'Droid Sans', sans-serif; - margin: 1px; - padding: 2px 4px; + background: #ddd; + display: inline-block; + font-family: 'Droid Sans', sans-serif; + margin: 1px; + padding: 2px 4px; } .tag-input input { - border: none; - width: auto; + border: none; + width: auto; } .tag-input li a { - color: black; + color: black; } .tag-input li a.close { - font-size: 85%; - margin-left: 0.5em; + font-size: 85%; + margin-left: 0.5em; } .related-tags { - line-height: 200%; - font-size: 95%; - display: none; - margin: 0.5em 0.5em 1em 0.5em; + line-height: 200%; + font-size: 95%; + display: none; + margin: 0.5em 0.5em 1em 0.5em; } .related-tags span { - float: left; + float: left; } .related-tags ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; } .related-tags li { - display: inline-block; - margin: 0 0.5em; - padding: 0; + display: inline-block; + margin: 0 0.5em; + padding: 0; } .autocomplete { - position: absolute; - display: none; - z-index: 10; + position: absolute; + display: none; + z-index: 10; } .autocomplete ul { - list-style-type: none; - padding: 0 0 !important; - margin: 0 !important; - border: 2px solid #64C2ED; - background: white; - display: block !important; - text-align: left; + list-style-type: none; + padding: 0 0 !important; + margin: 0 !important; + border: 2px solid #64C2ED; + background: white; + display: block !important; + text-align: left; } .autocomplete li { - margin: 0; - padding: 0.1em 0.5em !important; - cursor: pointer; + margin: 0; + padding: 0.1em 0.5em !important; + cursor: pointer; } .autocomplete li.active { - background: #64C2ED; + background: #64C2ED; } diff --git a/public_html/css/help.css b/public_html/css/help.css index 072c4761..11cb78e8 100644 --- a/public_html/css/help.css +++ b/public_html/css/help.css @@ -1,32 +1,32 @@ #help-view { - max-width: 40em; - margin: 0 auto; + max-width: 40em; + margin: 0 auto; } #help-view div[data-tab] { - display: none; + display: none; } #help-view ul.tabs { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } #help-view ul.tabs { - margin: -0.5em -0.5em 0.5em -0.5em; + margin: -0.5em -0.5em 0.5em -0.5em; } #help-view ul.tabs li { - display: inline-block; - margin: 0 0.5em; + display: inline-block; + margin: 0 0.5em; } #help-view ul.tabs a { - display: inline-block; - padding: 0.2em 0.5em; + display: inline-block; + padding: 0.2em 0.5em; } #help-view table td, #help-view table th { - padding-right: 1.5em; + padding-right: 1.5em; } diff --git a/public_html/css/history.css b/public_html/css/history.css index 9c774d32..f541c8bd 100644 --- a/public_html/css/history.css +++ b/public_html/css/history.css @@ -1,78 +1,78 @@ table.history { - font-size: 80%; - border-spacing: 0; + font-size: 80%; + border-spacing: 0; } table.history .addition { - color: #228022; + color: #228022; } table.history .addition:before { - content: '+'; + content: '+'; } table.history .removal { - color: #e02222; + color: #e02222; } table.history .removal:before { - content: '-'; + content: '-'; } table.history .user img { - vertical-align: middle; + vertical-align: middle; } table.history .time, table.history .user, table.history .subject { - white-space: nowrap; + white-space: nowrap; } table.history .difference { - word-break: break-all; + word-break: break-all; } table.history td { - padding: 0.3em 0.5em 0.3em 0.25em; - word-break: break-word; - word-wrap: break-word; - vertical-align: top; + padding: 0.3em 0.5em 0.3em 0.25em; + word-break: break-word; + word-wrap: break-word; + vertical-align: top; } table.history tr:nth-child(2n+1) td { - background: #fafafa; + background: #fafafa; } table.history ul { - margin: 0; - padding: 0; - list-style-type: none; - display: inline; + margin: 0; + padding: 0; + list-style-type: none; + display: inline; } table.history ul:before { - content: ' ('; + content: ' ('; } table.history ul:after { - content: ')'; + content: ')'; } table.history li { - display: inline; + display: inline; } table.history li:not(:last-of-type):after { - content: ', '; + content: ', '; } #history-wrapper { - text-align: center; + text-align: center; } #history-wrapper table { - margin: 0 auto; - text-align: left; + margin: 0 auto; + text-align: left; } @media all and (min-width: 77em) { - #history-wrapper table { - width: 70em; - } + #history-wrapper table { + width: 70em; + } } @media all and (max-width: 77em) { - #history-wrapper table { - width: 100%; - } + #history-wrapper table { + width: 100%; + } } diff --git a/public_html/css/home.css b/public_html/css/home.css index 702aa4a7..53df88db 100644 --- a/public_html/css/home.css +++ b/public_html/css/home.css @@ -1,44 +1,44 @@ #home { - text-align: center; + text-align: center; } #home h1 { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } #home h1+p { - margin-top: 0; + margin-top: 0; } #home .post { - text-align: center; - margin: 0 auto; - display: inline-block; - max-width: 60%; - min-width: 40em; + text-align: center; + margin: 0 auto; + display: inline-block; + max-width: 60%; + min-width: 40em; } #home .post .left { - display: inline-block; - float: left; - margin-right: 0.5em; + display: inline-block; + float: left; + margin-right: 0.5em; } #home .post .right { - display: inline-block; - float: right; - margin-left: 0.5em; + display: inline-block; + float: right; + margin-left: 0.5em; } #home .post-footer, #home .post-footer img { - vertical-align: middle; + vertical-align: middle; } #home .post-footer img { - margin-left: 0.5em; + margin-left: 0.5em; } #home .version { - opacity: .4; + opacity: .4; } #home .subheader, #home .post-footer { - font-size: 85%; + font-size: 85%; } diff --git a/public_html/css/http-error.css b/public_html/css/http-error.css index 39da9d92..475fd4d0 100644 --- a/public_html/css/http-error.css +++ b/public_html/css/http-error.css @@ -1,6 +1,6 @@ .http-error { - text-align: center; + text-align: center; } .http-error img { - margin: 0 auto; + margin: 0 auto; } diff --git a/public_html/css/login-form.css b/public_html/css/login-form.css index dd12b208..71344bda 100644 --- a/public_html/css/login-form.css +++ b/public_html/css/login-form.css @@ -1,22 +1,22 @@ #login-form p { - text-align: center; + text-align: center; } #login-form form { - width: 22.5em; + width: 22.5em; } #login-form .help { - text-align: center; + text-align: center; } #login-form .help ul { - margin: 0; - padding: 0; - display: inline-block; - text-align: left; - list-style-position: inside; - white-space: nowrap; + margin: 0; + padding: 0; + display: inline-block; + text-align: left; + list-style-position: inside; + white-space: nowrap; } #login-form .messages { - margin: 0 auto; + margin: 0 auto; } diff --git a/public_html/css/messages.css b/public_html/css/messages.css index cf51ffb8..d8408c30 100644 --- a/public_html/css/messages.css +++ b/public_html/css/messages.css @@ -1,16 +1,16 @@ .message { - margin: 0 auto 0.2em auto; - padding: 0.4em 0.5em; - text-align: center; - max-width: 40em; + margin: 0 auto 0.2em auto; + padding: 0.4em 0.5em; + text-align: center; + max-width: 40em; } .message.error { - background: #fdd; - box-shadow: 0 0 0 1px #fcc inset; + background: #fdd; + box-shadow: 0 0 0 1px #fcc inset; } .message.info { - background: #def; - box-shadow: 0 0 0 1px #cdf inset; + background: #def; + box-shadow: 0 0 0 1px #cdf inset; } diff --git a/public_html/css/pager.css b/public_html/css/pager.css index e96705aa..e857684f 100644 --- a/public_html/css/pager.css +++ b/public_html/css/pager.css @@ -1,16 +1,16 @@ .page-list { - text-align: center; - list-style-type: none; - padding: 0; - margin: 1em auto 0 auto; - display: inline-block; + text-align: center; + list-style-type: none; + padding: 0; + margin: 1em auto 0 auto; + display: inline-block; } .page-list li { - display: inline-block; + display: inline-block; } .page-list li a { - display: inline-block; - padding: 0.4em 1.2em; + display: inline-block; + padding: 0.4em 1.2em; } diff --git a/public_html/css/post-list.css b/public_html/css/post-list.css index 2370de6b..2b51363d 100644 --- a/public_html/css/post-list.css +++ b/public_html/css/post-list.css @@ -1,48 +1,48 @@ .post-list { - text-align: center; + text-align: center; } .post-list .search { - margin: 0 auto 1em auto; - text-align: left; + margin: 0 auto 1em auto; + text-align: left; } @media all and (min-width: 57em) { - .post-list .search { - min-width: 50em; - } + .post-list .search { + min-width: 50em; + } } @media all and (max-width: 57em) { - .post-list .search { - min-width: 100%; - } + .post-list .search { + min-width: 100%; + } } .post-list .search:after { - display: block; - content: ''; - clear: both; + display: block; + content: ''; + clear: both; } .post-list .search input { - max-width: 20em; + max-width: 20em; } .post-list .search button { - margin-left: 0.25em; + margin-left: 0.25em; } .post-list .search .mass-tag-wrapper { - float: right; + float: right; } .post-list .search .mass-tag-wrapper p { - display: inline; - margin-right: 1em; + display: inline; + margin-right: 1em; } .post-list ul.safety { - display: inline-block; - list-style-type: none; - padding: 0; - margin: 0; + display: inline-block; + list-style-type: none; + padding: 0; + margin: 0; } .post-list ul.safety li { - display: inline-block; + display: inline-block; } .post-list ul.safety .safety-safe:before { background: linear-gradient(rgb(224, 248, 218), rgb(213, 233, 208)); } .post-list ul.safety .safety-sketchy:before { background: linear-gradient(rgb(252, 252, 230), rgb(245, 236, 194)); } @@ -52,158 +52,158 @@ .post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); } .post-list ul.posts { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; - list-style-type: none; - padding: 0; - margin: 0; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; } .post-list ul.posts .post-small { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .post-small { - position: relative; + position: relative; } .post-small .link { - display: block; - margin: 0.3em; - border: 1px solid #999; - z-index: 1; - position: relative; + display: block; + margin: 0.3em; + border: 1px solid #999; + z-index: 1; + position: relative; } .post-small img { - display: block; - border: 0; - background: white; + display: block; + border: 0; + background: white; } .post-small .link:focus, .post-small .link:hover { - background: #64C2ED; - border-color: #64C2ED; - box-shadow: 0 0 0 2px #64C2ED; - outline: 0; + background: #64C2ED; + border-color: #64C2ED; + box-shadow: 0 0 0 2px #64C2ED; + outline: 0; } .post-small .link:focus img:not(.loading), .post-small .link:hover img:not(.loading) { - opacity: .8 !important; + opacity: .8 !important; } .post-small .link .info { - display: none; - text-align: center; - position: absolute; - bottom: 0; - left: 0; - right: 0; - background: #64C2ED; - color: black; + display: none; + text-align: center; + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #64C2ED; + color: black; } .post-small .link .info ul { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .post-small .link .info li { - display: inline-block; - margin: 0.1em 0.5em; - padding: 0; + display: inline-block; + margin: 0.1em 0.5em; + padding: 0; } .post-small .link:focus .info, .post-small .link:hover .info { - display: block; + display: block; } .post-small:not(.post-type-image) .link::before { - display: block; - content: ''; - z-index: 2; - position: absolute; - top: 0; - right: 0; - width: 0; - height: 0; - border-top: 50px solid red; - border-left: 50px solid transparent; + display: block; + content: ''; + z-index: 2; + position: absolute; + top: 0; + right: 0; + width: 0; + height: 0; + border-top: 50px solid red; + border-left: 50px solid transparent; } .post-small:not(.post-type-image) .link::after { - pointer-events: none; - display: block; - content: '...'; - z-index: 3; - position: absolute; - top: -35px; /* 50 * sqrt(2) / 2 */ - right: -35px; - width: 71px; /* 50 * sqrt(2) */ - height: 71px; - line-height: 122px; /* 71 * 2 - 11 (font-size) - padding */ - transform: rotate(45deg); - text-align: center; - color: white; - font-size: 15px; + pointer-events: none; + display: block; + content: '...'; + z-index: 3; + position: absolute; + top: -35px; /* 50 * sqrt(2) / 2 */ + right: -35px; + width: 71px; /* 50 * sqrt(2) */ + height: 71px; + line-height: 122px; /* 71 * 2 - 11 (font-size) - padding */ + transform: rotate(45deg); + text-align: center; + color: white; + font-size: 15px; } .post-small.post-type-youtube .link::after { - font-size: 13px; - content: 'youtube'; + font-size: 13px; + content: 'youtube'; } .post-small.post-type-video .link::after { - content: 'video'; + content: 'video'; } .post-small.post-type-flash .link::after { - content: 'flash'; + content: 'flash'; } .post-small.post-type-animation .link::after { - content: 'anim'; + content: 'anim'; } .post-small .action { - display: none; - position: absolute; - z-index: 3; - left: 0; - right: 0; - top: 50%; - bottom: 0; - pointer-events: none; + display: none; + position: absolute; + z-index: 3; + left: 0; + right: 0; + top: 50%; + bottom: 0; + pointer-events: none; } .post-small .action button { - padding: 0.5em 1em; - height: 1em; - line-height: 1em; - display: block; - margin: -1em auto 0 auto; - box-sizing: content-box; - opacity: .7; - box-shadow: none; - pointer-events: auto; + padding: 0.5em 1em; + height: 1em; + line-height: 1em; + display: block; + margin: -1em auto 0 auto; + box-sizing: content-box; + opacity: .7; + box-shadow: none; + pointer-events: auto; } .post-small .action button:focus { - box-shadow: 0 0 0 2px #64C2ED inset !important; + box-shadow: 0 0 0 2px #64C2ED inset !important; } .tagged .action button, .untagged .action button { - border: 1px solid black; - font-weight: bold; - text-shadow: none; + border: 1px solid black; + font-weight: bold; + text-shadow: none; } .untagged .action button::before { - background: red; + background: red; } .untagged .action button { - color: white; + color: white; } .tagged .action button::before { - background: lime; + background: lime; } .tagged .action button { - color: black; + color: black; } diff --git a/public_html/css/post-upload.css b/public_html/css/post-upload.css index 21594110..c1c7dfea 100644 --- a/public_html/css/post-upload.css +++ b/public_html/css/post-upload.css @@ -1,146 +1,146 @@ #post-upload-step1 { - display: table; - width: 30em; - margin: 0 auto; + display: table; + width: 30em; + margin: 0 auto; } #post-upload-step1 .file-handler { - padding: 3.5em !important; - width: 100%; + padding: 3.5em !important; + width: 100%; } #post-upload-step1 .url-handler { - margin-top: 0.5em; - position: relative; + margin-top: 0.5em; + position: relative; } #post-upload-step1 .url-handler .input-wrapper { - margin-right: 9.5em; + margin-right: 9.5em; } #post-upload-step1 .url-handler button { - position: absolute; - top: 0; - right: 0; - width: 8em; + position: absolute; + top: 0; + right: 0; + width: 8em; } #post-upload-step2 .hybrid-view { - text-align: center; + text-align: center; } @media all and (min-width: 62.5em) { - #post-upload-step2 .hybrid-window:first-child { - width: 40%; - margin-right: 1em; - float: left; - } - #post-upload-step2 .hybrid-window:last-child { - display: inline-block; - width: 57.5%; - } + #post-upload-step2 .hybrid-window:first-child { + width: 40%; + margin-right: 1em; + float: left; + } + #post-upload-step2 .hybrid-window:last-child { + display: inline-block; + width: 57.5%; + } } #post-upload-step2 .thumbnail img { - border: 1px solid black; - vertical-align: middle; - display: block; + border: 1px solid black; + vertical-align: middle; + display: block; } #post-upload-step2 table { - border-spacing: 0; - table-layout: fixed; - width: 100%; + border-spacing: 0; + table-layout: fixed; + width: 100%; } #post-upload-step2 table td, #post-upload-step2 table th { - padding: 0.2em 0.5em; - text-align: center; + padding: 0.2em 0.5em; + text-align: center; } #post-upload-step2 table th { - font-weight: normal; + font-weight: normal; } #post-upload-step2 table tr.selected { - background: #f7fbfc; + background: #f7fbfc; } #post-upload-step2 table .checkbox { - width: 30px; - padding: 0.2em 0; + width: 30px; + padding: 0.2em 0; } #post-upload-step2 table .checkbox input { - margin: 0 auto; + margin: 0 auto; } #post-upload-step2 table .thumbnail { - width: 40px; - padding: 0.2em 0; + width: 40px; + padding: 0.2em 0; } #post-upload-step2 table .safety { - width: 60px; - padding: 0.2em 0; + width: 60px; + padding: 0.2em 0; } #post-upload-step2 table .tags { - text-align: left; - overflow: hidden; - text-overflow: ellipsis; + text-align: left; + overflow: hidden; + text-overflow: ellipsis; } #post-upload-step2 table .safety { - text-align: center; + text-align: center; } #post-upload-step2 table .safety [class^=safety-] { - box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1); - width: 25px; - height: 25px; - margin: 0 auto; + box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1); + width: 25px; + height: 25px; + margin: 0 auto; } #post-upload-step2 table .safety-safe { background: #b2efa2; } #post-upload-step2 table .safety-sketchy { background: #f0e4a8; } #post-upload-step2 table .safety-unsafe { background: #fbc6b6; } #post-upload-step2 table .thumbnail img { - width: 30px; - height: 30px; - display: inline-block; - background-size: 30px 30px; + width: 30px; + height: 30px; + display: inline-block; + background-size: 30px 30px; } #post-upload-step2 .operations { - list-style-type: none; - margin: 0; - padding: 0; + list-style-type: none; + margin: 0; + padding: 0; } #post-upload-step2 .operations li { - display: inline-block; - margin: 0.3em 0.3em 0 0; + display: inline-block; + margin: 0.3em 0.3em 0 0; } #post-upload-step2 .operations .stop { - display: none; + display: none; } #post-upload-step2 form { - width: 100%; - margin: 0 auto; - overflow: hidden; - text-align: left; + width: 100%; + margin: 0 auto; + overflow: hidden; + text-align: left; } #post-upload-step2 .messages { - margin: 1em 0; + margin: 1em 0; } #post-upload-step2 .form-slider { - text-align: center; + text-align: center; } #post-upload-step2 .form-slider .thumbnail img { - max-width: 100%; - max-height: 450px; - margin: 0 auto 1em auto; + max-width: 100%; + max-height: 450px; + margin: 0 auto 1em auto; } #post-upload-step2 .file-name .form-input { - word-break: break-all; + word-break: break-all; } #post-upload-step2, .template { - display: none; + display: none; } #uploading-alert { - display: none; - text-align: left; + display: none; + text-align: left; } diff --git a/public_html/css/post.css b/public_html/css/post.css index cbd00740..da06d8bd 100644 --- a/public_html/css/post.css +++ b/public_html/css/post.css @@ -1,262 +1,262 @@ #post-current-search-wrapper { - text-align: center; + text-align: center; } #post-current-search { - margin: 0 auto 1em auto; - display: inline-block; + margin: 0 auto 1em auto; + display: inline-block; } #post-current-search a { - margin: 0 2em; + margin: 0 2em; } #post-current-search a, #post-current-search div { - display: inline-block; + display: inline-block; } #post-current-search a:not(.enabled) { - color: silver; - cursor: text; + color: silver; + cursor: text; } #post-view-wrapper #sidebar { - line-height: 1.33em; + line-height: 1.33em; } #post-view-wrapper #sidebar h1 { - margin-top: 1.5em; + margin-top: 1.5em; } #post-view-wrapper #sidebar h1:first-of-type { - margin-top: 0; + margin-top: 0; } @media all and (min-width: 62.5em) { - #post-view-wrapper { - display: flex; - } + #post-view-wrapper { + display: flex; + } - #post-view-wrapper #sidebar { - min-width: 15em; - margin-right: 1em; - flex: 1; - } + #post-view-wrapper #sidebar { + min-width: 15em; + margin-right: 1em; + flex: 1; + } - #post-view-wrapper #post-view { - flex: 5; - } + #post-view-wrapper #post-view { + flex: 5; + } } @media all and (max-width: 62.5em) { - #post-view-wrapper { - display: flex; - flex-direction: column; - } - #post-view-wrapper #sidebar { - order: 2; - margin-bottom: 1em; - } - #post-view-wrapper #post-view { - margin: 0 auto; - max-width: 100%; - order: 1; - } + #post-view-wrapper { + display: flex; + flex-direction: column; + } + #post-view-wrapper #sidebar { + order: 2; + margin-bottom: 1em; + } + #post-view-wrapper #post-view { + margin: 0 auto; + max-width: 100%; + order: 1; + } } #post-view-wrapper .favorites li { - display: inline-block; - margin: 0 0.25em 0.25em 0; + display: inline-block; + margin: 0 0.25em 0.25em 0; } #sidebar ul { - list-style-type: none; - margin: 0; - padding: 0; + list-style-type: none; + margin: 0; + padding: 0; } #sidebar .other-info li { - display: block; - word-break: break-all; - padding-left: 1em; - text-indent: -1em; + display: block; + word-break: break-all; + padding-left: 1em; + text-indent: -1em; } #sidebar .tags li { - display: block; - word-break: break-all; - padding-left: 20px; - text-indent: -20px; + display: block; + word-break: break-all; + padding-left: 20px; + text-indent: -20px; } #sidebar .tags .tag-wrapper { - max-width: 100%; - position: relative; - display: inline-block; + max-width: 100%; + position: relative; + display: inline-block; } #sidebar .tags li a.tag-edit { - margin-left: 20px; + margin-left: 20px; } #sidebar .tags li .tag-name { - margin-right: 0.8em; + margin-right: 0.8em; } #sidebar .tags li .usages { - color: silver; + color: silver; } #sidebar .author-box img { - float: left; - margin-right: 0.5em; + float: left; + margin-right: 0.5em; } #sidebar .author-box .author-name { - font-weight: bold; + font-weight: bold; } #sidebar .other-info { - margin-top: 1em; - line-height: 150%; + margin-top: 1em; + line-height: 150%; } #sidebar .essential { - display: flex; - justify-content: space-around; - margin-bottom: 2em; - max-width: 30em; + display: flex; + justify-content: space-around; + margin-bottom: 2em; + max-width: 30em; } #sidebar .essential li { - display: block; - margin: 0 0.25em; - vertical-align: top; + display: block; + margin: 0 0.25em; + vertical-align: top; } #sidebar .essential li i.fa { - font-size: 200%; + font-size: 200%; } #sidebar .essential li a { - display: block; - text-align: center; - font-size: 87%; + display: block; + text-align: center; + font-size: 87%; } #post-view #post-edit-target { - padding: 1em; - width: 50%; - min-width: 30em; - position: absolute; - background: rgba(255, 255, 255, 0.8); - box-shadow: 0 0 1em 0.5em rgba(255, 255, 255, 0.8); - z-index: 2; - display: none; + padding: 1em; + width: 50%; + min-width: 30em; + position: absolute; + background: rgba(255, 255, 255, 0.8); + box-shadow: 0 0 1em 0.5em rgba(255, 255, 255, 0.8); + z-index: 2; + display: none; } #post-edit-target .form-wrapper { - min-width: 100%; + min-width: 100%; } #post-view>* { - z-index: -1; + z-index: -1; } #post-edit-target .file-handler { - margin: 0.5em 0; + margin: 0.5em 0; } #post-view-wrapper .post-history-wrapper { - padding: 1em 0; - display: none; - word-break: break-all; + padding: 1em 0; + display: none; + word-break: break-all; } .post-content { - position: relative; - margin-bottom: 0.5em; + position: relative; + margin-bottom: 0.5em; } .post-content .object-wrapper { - max-width: 100%; - position: relative; + max-width: 100%; + position: relative; } .post-content .object-wrapper img, .post-content .object-wrapper object, .post-content .object-wrapper iframe, .post-content .object-wrapper video { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - border: 0; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + border: 0; } .post-content .object-wrapper video { - background: black; + background: black; } .post-notes-target { - position: absolute; - pointer-events: none; - z-index: 1; + position: absolute; + pointer-events: none; + z-index: 1; } .post-notes { - position: relative; - width: 100%; - height: 100%; + position: relative; + width: 100%; + height: 100%; } .post-note-edit { - pointer-events: auto; - display: none; - position: fixed; - z-index: 3; - background: white; - border: 1px solid black; - padding: 1em; - left: 30%; - top: 20%; + pointer-events: auto; + display: none; + position: fixed; + z-index: 3; + background: white; + border: 1px solid black; + padding: 1em; + left: 30%; + top: 20%; } .post-note-edit textarea { - width: 25em; - height: 5em; - display: block; + width: 25em; + height: 5em; + display: block; } .post-note-edit .actions { - pointer-events: none; + pointer-events: none; } .post-note-edit button { - pointer-events: auto; - margin-top: 0.5em; + pointer-events: auto; + margin-top: 0.5em; } .post-note-edit .actions button:not(:last-child) { - margin-right: 0.5em; + margin-right: 0.5em; } .post-note { - outline: 0; - pointer-events: auto; - position: absolute; - background: rgba(255, 255, 255, 0.3); - border: 1px solid rgba(0, 0, 0, 0.3); - font-size: 12pt; + outline: 0; + pointer-events: auto; + position: absolute; + background: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(0, 0, 0, 0.3); + font-size: 12pt; } .post-note:focus { - border-color: rgba(255, 0, 0, 0.3); - background-color: rgba(255, 225, 225, 0.3); + border-color: rgba(255, 0, 0, 0.3); + background-color: rgba(255, 225, 225, 0.3); } .post-note .text-wrapper { - position: absolute; - display: none; - z-index: 1; - top: calc(100%); - left: -1px; - padding-top: 0.5em; - cursor: pointer; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; + position: absolute; + display: none; + z-index: 1; + top: calc(100%); + left: -1px; + padding-top: 0.5em; + cursor: pointer; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; } .post-note .text { - padding: 0.5em; - background: lemonchiffon; - border: 1px solid black; + padding: 0.5em; + background: lemonchiffon; + border: 1px solid black; } .post-note:hover .text-wrapper { - display: block; + display: block; } .post-note .text p:first-of-type { - margin-top: 0; + margin-top: 0; } .post-note .text p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } diff --git a/public_html/css/registration-form.css b/public_html/css/registration-form.css index 479fdefa..f49cdc1a 100644 --- a/public_html/css/registration-form.css +++ b/public_html/css/registration-form.css @@ -1,10 +1,10 @@ #registration-form p { - text-align: center; + text-align: center; } #registration-form form { - width: 25em; + width: 25em; } #registration-form .messages { - margin: 0 auto; + margin: 0 auto; } diff --git a/public_html/css/tag-list.css b/public_html/css/tag-list.css index 7262ace3..ca34a614 100644 --- a/public_html/css/tag-list.css +++ b/public_html/css/tag-list.css @@ -1,96 +1,96 @@ #tag-list-wrapper { - text-align: center; + text-align: center; } #tag-list { - width: 100%; - display: inline-block; - margin: 0 auto; + width: 100%; + display: inline-block; + margin: 0 auto; } @media all and (min-width: 67em) { - #tag-list { - width: 60em; - } + #tag-list { + width: 60em; + } } @media all and (max-width: 40em) { - #tag-list .implications, - #tag-list .suggestions { - display: none; - } + #tag-list .implications, + #tag-list .suggestions { + display: none; + } } #tag-list form { - float: left; - white-space: nowrap; + float: left; + white-space: nowrap; } #tag-list form input { - width: 15em; + width: 15em; } #tag-list ul.order { - float: right; - list-style-type: none; - padding: 0; - margin: 0 -0.5em 0 0; + float: right; + list-style-type: none; + padding: 0; + margin: 0 -0.5em 0 0; } #tag-list .search:after { - display: block; - content: ''; - clear: both; + display: block; + content: ''; + clear: both; } #ta-list ul.order { - margin: -0.5em -0.5em 0.5em -0.5em; + margin: -0.5em -0.5em 0.5em -0.5em; } #tag-list ul.order li { - display: inline-block; - margin: 0 0.5em; + display: inline-block; + margin: 0 0.5em; } #tag-list ul.order a { - display: inline-block; - padding: 0.2em 0.5em; + display: inline-block; + padding: 0.2em 0.5em; } #tag-list table { - width: 100%; - text-align: left; - margin: 1em auto; + width: 100%; + text-align: left; + margin: 1em auto; } #tag-list th:not(:last-child), #tag-list td:not(:last-child) { - padding-right: 1.5em; + padding-right: 1.5em; } #tag-list th { - font-weight: normal; + font-weight: normal; } #tag-list .fa-check { - opacity: .2; + opacity: .2; } #tag-list .banned, #tag-list .usages { - text-align: center; + text-align: center; } #tag-list .implications, #tag-list .suggestions { - word-break: break-all; + word-break: break-all; } .tag-category-character, .tag-category-character a { - color: #0a0; + color: #0a0; } .tag-category-copyright, .tag-category-copyright a { - color: #a0a; + color: #a0a; } .tag-category-artist, .tag-category-artist a { - color: #a00; + color: #a00; } .tag-category-meta, .tag-category-meta a { - color: #aaa; + color: #aaa; } diff --git a/public_html/css/tags.css b/public_html/css/tags.css index cfcaedee..3ee421df 100644 --- a/public_html/css/tags.css +++ b/public_html/css/tags.css @@ -1,43 +1,43 @@ #tag-view { - margin: 0 auto; - max-width: 45em; - text-align: center; + margin: 0 auto; + max-width: 45em; + text-align: center; } #tav-view .header { - text-align: left; - display: inline-block; - margin: 0 auto; + text-align: left; + display: inline-block; + margin: 0 auto; } #tag-view .header h1 { - margin-top: 0; + margin-top: 0; } #tag-view h3 { - margin-bottom: 0.5em; + margin-bottom: 0.5em; } #tag-view form { - text-align: left; - max-width: 30em; - margin: 0 auto; + text-align: left; + max-width: 30em; + margin: 0 auto; } #tag-view p { - margin: 0 0 0.5em 0; - line-height: normal; + margin: 0 0 0.5em 0; + line-height: normal; } #tag-view small { - font-size: 0.85em; + font-size: 0.85em; } #tag-view .siblings ul { - list-style-type: none; - margin: 0; - padding: 0; + list-style-type: none; + margin: 0; + padding: 0; } #tag-view .siblings ul li { - display: inline-block; - margin: 0em 0.5em; - line-height: normal; + display: inline-block; + margin: 0em 0.5em; + line-height: normal; } diff --git a/public_html/css/top-navigation.css b/public_html/css/top-navigation.css index aad18a4b..9a7bef86 100644 --- a/public_html/css/top-navigation.css +++ b/public_html/css/top-navigation.css @@ -1,54 +1,54 @@ #top-navigation { - width: 100%; + width: 100%; } #top-navigation ul { - list-style-type: none; - padding: 0 2em; - margin: 0; + list-style-type: none; + padding: 0 2em; + margin: 0; } #top-navigation li { - display: inline-block; + display: inline-block; } #top-navigation li a { - display: inline-block; - text-transform: lowercase; - font-variant: small-caps; - padding: 0.5em 1em; - font-size: 0.9em; + display: inline-block; + text-transform: lowercase; + font-variant: small-caps; + padding: 0.5em 1em; + font-size: 0.9em; } #top-navigation li a:focus, #top-navigation li a:hover { - outline: 0; + outline: 0; } #top-navigation li:first-child a { - margin-left: -1em; + margin-left: -1em; } #top-navigation li:last-child a { - margin-right: -1em; + margin-right: -1em; } #top-navigation i { - font-size: 3em; - margin: 0 10px 5px; + font-size: 3em; + margin: 0 10px 5px; } #top-navigation .accesskey:before { - position: absolute; - display: inline-block; - right: 0; - left: 0; - content: '\a0'; - border-bottom: 1px solid; - opacity: .35; - height: 90%; + position: absolute; + display: inline-block; + right: 0; + left: 0; + content: '\a0'; + border-bottom: 1px solid; + opacity: .35; + height: 90%; } #top-navigation .accesskey { - position: relative; - text-decoration: none; + position: relative; + text-decoration: none; } diff --git a/public_html/css/user-list.css b/public_html/css/user-list.css index 90309f2e..896d4db5 100644 --- a/public_html/css/user-list.css +++ b/public_html/css/user-list.css @@ -1,60 +1,60 @@ #user-list { - min-width: 20em; - text-align: center; + min-width: 20em; + text-align: center; } #user-list ul { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } #user-list ul.order { - margin: -0.5em -0.5em 0.5em -0.5em; + margin: -0.5em -0.5em 0.5em -0.5em; } #user-list ul.order li { - display: inline-block; - margin: 0 0.5em; + display: inline-block; + margin: 0 0.5em; } #user-list ul.order a { - display: inline-block; - padding: 0.2em 0.5em; + display: inline-block; + padding: 0.2em 0.5em; } #user-list .users { - display: inline-block; - margin: 0 auto; + display: inline-block; + margin: 0 auto; } #user-list .users li { - text-align: left; - margin: 0.5em 0; + text-align: left; + margin: 0.5em 0; } #user-list li:after { - clear: left; - content: ''; - display: block; + clear: left; + content: ''; + display: block; } #user-list .user img { - vertical-align: top; - display: block; + vertical-align: top; + display: block; } #user-list .user .avatar { - float: left; - margin-right: 1em; + float: left; + margin-right: 1em; } #user-list .user .avatar a { - display: block; + display: block; } #user-list .user .details { - float: left; - vertical-align: top; + float: left; + vertical-align: top; } #user-list .user h1 { - margin-top: 0; - font-weight: normal; - font-size: 1.25em; + margin-top: 0; + font-weight: normal; + font-size: 1.25em; } diff --git a/public_html/css/user.css b/public_html/css/user.css index 27881867..507244b7 100644 --- a/public_html/css/user.css +++ b/public_html/css/user.css @@ -1,57 +1,57 @@ #user-view { - min-width: 30em; - text-align: center; + min-width: 30em; + text-align: center; } #user-view .side { - text-align: center; - width: 150px; - float: left; + text-align: center; + width: 150px; + float: left; } #user-view .top { - display: inline-block; - margin: 0 auto; + display: inline-block; + margin: 0 auto; } #user-view ul { - display: inline-block; - list-style-type: none; - text-align: left; - margin: 0; - padding: 0; + display: inline-block; + list-style-type: none; + text-align: left; + margin: 0; + padding: 0; } #user-view ul.links { - list-style-type: disc; - list-style-position: inside; - white-space: nowrap; + list-style-type: disc; + list-style-position: inside; + white-space: nowrap; } #user-view ul.links li a { - padding-left: 0; - margin-left: 0; + padding-left: 0; + margin-left: 0; } #user-view ul a { - display: inline-block; - padding: 0.2em 0.5em; + display: inline-block; + padding: 0.2em 0.5em; } #user-view .tab { - display: none; - margin-top: 1.5em; - clear: both; + display: none; + margin-top: 1.5em; + clear: both; } #user-view .tab.active { - display: block; + display: block; } #user-view .tab.basic-info table { - margin: 0 auto; - text-align: left; + margin: 0 auto; + text-align: left; } #user-view .tab.basic-info td { - padding: 0.2em 0.5em; - vertical-align: top; + padding: 0.2em 0.5em; + vertical-align: top; } diff --git a/public_html/templates/404.tpl b/public_html/templates/404.tpl index 42fa41a2..aadd93a0 100644 --- a/public_html/templates/404.tpl +++ b/public_html/templates/404.tpl @@ -1,5 +1,5 @@
diff --git a/public_html/templates/account-removal.tpl b/public_html/templates/account-removal.tpl index 973b9dcb..0500728f 100644 --- a/public_html/templates/account-removal.tpl +++ b/public_html/templates/account-removal.tpl @@ -1,20 +1,20 @@ diff --git a/public_html/templates/account-settings.tpl b/public_html/templates/account-settings.tpl index ac127b33..1ef64f88 100644 --- a/public_html/templates/account-settings.tpl +++ b/public_html/templates/account-settings.tpl @@ -1,114 +1,114 @@ diff --git a/public_html/templates/browsing-settings.tpl b/public_html/templates/browsing-settings.tpl index bbf428de..20b029e1 100644 --- a/public_html/templates/browsing-settings.tpl +++ b/public_html/templates/browsing-settings.tpl @@ -1,62 +1,62 @@ diff --git a/public_html/templates/comment-form.tpl b/public_html/templates/comment-form.tpl index a06e69cf..e49cedff 100644 --- a/public_html/templates/comment-form.tpl +++ b/public_html/templates/comment-form.tpl @@ -1,17 +1,17 @@ diff --git a/public_html/templates/comment-list-item.tpl b/public_html/templates/comment-list-item.tpl index 62acee41..6cc42e6b 100644 --- a/public_html/templates/comment-list-item.tpl +++ b/public_html/templates/comment-list-item.tpl @@ -1,66 +1,66 @@Szurubooru is an image board engine inspired by services such as - Danbooru, Gelbooru and Moebooru. Its name has its roots in Polish language and - has onomatopeic meaning of scraping or scrubbing. It is pronounced as - shoorubooru.
+Szurubooru is an image board engine inspired by services such as + Danbooru, Gelbooru and Moebooru. Its name has its roots in Polish language and + has onomatopeic meaning of scraping or scrubbing. It is pronounced as + shoorubooru.
-By default, szurubooru is shipped as an invite-only app. In other words, - in order to use the service, you need to register and have someone inside - accept your registration. The e-mail you enter during account creation is - only used to retrieve your Gravatar and activate your account. Only you can - see it (well, except the database staff… we won’t spam your - mailbox anyway).
+By default, szurubooru is shipped as an invite-only app. In other words, + in order to use the service, you need to register and have someone inside + accept your registration. The e-mail you enter during account creation is + only used to retrieve your Gravatar and activate your account. Only you can + see it (well, except the database staff… we won’t spam your + mailbox anyway).
-Oh, and you can delete your account at any time. Posts you uploaded will - stay, unless some angry admin removes them.
+Oh, and you can delete your account at any time. Posts you uploaded will + stay, unless some angry admin removes them.
You can use your keyboard to navigate around the site. There are a few - shortcuts:
+You can use your keyboard to navigate around the site. There are a few + shortcuts:
-Hotkey | -Description | -
---|---|
[Q] |
- Focus search field, if available | -
Hotkey | +Description | +
---|---|
[Q] |
+ Focus search field, if available | +
[A] and [D] |
- Go to newer/older page or post | -
[A] and [D] |
+ Go to newer/older page or post | +
[F] |
- Toggle full post size | -
[F] |
+ Toggle full post size | +
[E] |
- Edit post | -
[E] |
+ Edit post | +
[P] |
- Focus first post in post list | -
[P]
Additionally, each item in top navigation can be accessed using feature - called “access keys”. Pressing underlined letter while holding - Shfit or Alt+Shift (depending on your browser) will go to the desired page - (most browsers) or focus the link (IE).
+Additionally, each item in top navigation can be accessed using feature + called “access keys”. Pressing underlined letter while holding + Shfit or Alt+Shift (depending on your browser) will go to the desired page + (most browsers) or focus the link (IE).
Command | -Description | -
---|
Command | +Description | +
---|---|
<%= row.search %> |
- <%= row.description %> | -
<%= row.search %>
Most of the commands support ranged and composites values, e.g.
- id:number
operator supports respectively id:5..7
and id:5,10,15
. You can
- combine tags and negate any of them for interesting results. sea -fav_count:8.. type:swf
- uploader:Pirate
will show you flash files tagged as sea, that
- were liked by seven people at most, uploaded by user Pirate.
Most of the commands support ranged and composites values, e.g.
+ id:number
operator supports respectively id:5..7
and id:5,10,15
. You can
+ combine tags and negate any of them for interesting results. sea -fav_count:8.. type:swf
+ uploader:Pirate
will show you flash files tagged as sea, that
+ were liked by seven people at most, uploaded by user Pirate.
All of the above can be sorted using additional tag in form of
- order:keyword
:
All of the above can be sorted using additional tag in form of
+ order:keyword
:
Command | -Description | -
---|
Command | +Description | +
---|---|
<%= row.search %> |
- <%= row.description %> | -
<%= row.search %>
As shown with -order:date
, any of them
- can be reversed in the same way as negating other tags: by placing a dash
- before the tag.
As shown with -order:date
, any of them
+ can be reversed in the same way as negating other tags: by placing a dash
+ before the tag.
Comments support Markdown syntax, extended by some handy tags:
+Comments support Markdown syntax, extended by some handy tags:
-@426 |
- links to post number 426 | -
#Dragon_Ball |
- links to tag “Dragon_Ball” | -
+Pirate |
- links to user “Pirate” | -
~~new~~ |
- adds strike-through | -
[spoiler]Lelouch survives[/spoiler] |
- marks text as spoiler and hides it | -
@426 |
+ links to post number 426 | +
#Dragon_Ball |
+ links to tag “Dragon_Ball” | +
+Pirate |
+ links to user “Pirate” | +
~~new~~ |
+ adds strike-through | +
[spoiler]Lelouch survives[/spoiler] |
+ marks text as spoiler and hides it | +
By accessing <%= title %> (“Site”) you agree to the - following Terms of Service. If you do not agree to these terms, then please - do not access the Site.
+By accessing <%= title %> (“Site”) you agree to the + following Terms of Service. If you do not agree to these terms, then please + do not access the Site.
-Prohibited content
+Prohibited content
-The Site will not disclose the IP address or email address of any user - except to the staff.
+The Site will not disclose the IP address or email address of any user + except to the staff.
- Posts, comments, favorites, ratings and other actions linked to your - account will be stored in the Site’s database. The “Upload - anonymously” option allows you to post content without linking it to - your account – meaning your nickname will not be stored in the - database nor shown in the “Uploader” field. + Posts, comments, favorites, ratings and other actions linked to your + account will be stored in the Site’s database. The “Upload + anonymously” option allows you to post content without linking it to + your account – meaning your nickname will not be stored in the + database nor shown in the “Uploader” field. -Cookies are used to store your session data in order to keep you logged - in and personalize your web experience.
+Cookies are used to store your session data in order to keep you logged + in and personalize your web experience.
- <%= util.formatRelativeTime(historyEntry.time) %> - | +||||||
+ <%= util.formatRelativeTime(historyEntry.time) %> + | -- <% var userName = historyEntry.user && historyEntry.user.name || '' %> + | + <% var userName = historyEntry.user && historyEntry.user.name || '' %> - <% if (userName) { %> - - <% } %> + <% if (userName) { %> + + <% } %> - + - <%= userName || 'Anonymous user' %> + <%= userName || 'Anonymous user' %> - <% if (userName) { %> - - <% } %> - | + <% if (userName) { %> + + <% } %> + -- <% if (historyEntry.type === 0) { %> - - @<%= historyEntry.primaryKey %> - - <% } else if (historyEntry.type === 1) { %> - - #<%= historyEntry.data.name %> - - <% } else { %> - ? - <% } %> - | ++ <% if (historyEntry.type === 0) { %> + + @<%= historyEntry.primaryKey %> + + <% } else if (historyEntry.type === 1) { %> + + #<%= historyEntry.data.name %> + + <% } else { %> + ? + <% } %> + | -- <% if (historyEntry.operation == 2) { %> - deleted - <% } else { %> - <% if (historyEntry.operation == 0) { %> - added - <% } else { %> - changed - <% } %> + |
+ <% if (historyEntry.operation == 2) { %>
+ deleted
+ <% } else { %>
+ <% if (historyEntry.operation == 0) { %>
+ added
+ <% } else { %>
+ changed
+ <% } %>
- <% if (historyEntry.dataDifference) { %>
-
|
-
- Serving <%= globals.postCount || 0 %> posts (<%= util.formatFileSize(globals.postSize || 0) %>) -
++ Serving <%= globals.postCount || 0 %> posts (<%= util.formatFileSize(globals.postSize || 0) %>) +
- <% if (post && post.id) { %> -- - Version: <%= version %> (built <%= util.formatRelativeTime(buildTime) %>) - | - Recent tag and post edits - -
++ + Version: <%= version %> (built <%= util.formatRelativeTime(buildTime) %>) + | + Recent tag and post edits + +
- If you don't have an account yet,
- click here to create a new one.
-
+ If you don't have an account yet,
+ click here to create a new one.
+
Problems logging in?
- -Problems logging in?
+ +Tagging with <%= massTag %>
+
- Registered users can view more content,
- upload files and add posts to favorites.
-
+ Registered users can view more content,
+ upload files and add posts to favorites.
+
- Your e-mail will be used to show your Gravatar.
- Leave blank for random Gravatar.
-
+ Your e-mail will be used to show your Gravatar.
+ Leave blank for random Gravatar.
+
Registered: | -- <%= util.formatRelativeTime(user.registrationTime) %> - | -
Registered: | ++ <%= util.formatRelativeTime(user.registrationTime) %> + | +||
Seen: | -- <%= util.formatRelativeTime(user.lastLoginTime) %> - | -||
Seen: | ++ <%= util.formatRelativeTime(user.lastLoginTime) %> + | +||
Access rank: | - <% - var accessRanks = { - anonymous: 'anonymous', - restrictedUser: 'restricted user', - regularUser: 'regular user', - powerUser: 'power user', - moderator: 'moderator', - administrator: 'administrator' - }; - %> -<%= accessRanks[user.accessRank] %> | -||
Access rank: | + <% + var accessRanks = { + anonymous: 'anonymous', + restrictedUser: 'restricted user', + regularUser: 'regular user', + powerUser: 'power user', + moderator: 'moderator', + administrator: 'administrator' + }; + %> +<%= accessRanks[user.accessRank] %> | +||
Quick links: | -
-
Quick links: |
+
+ |
-
|
Comments
--
-