move admin css to separate file; remove unused selectors

This commit is contained in:
Spine
2025-09-27 04:21:25 +00:00
parent 2076cae5d6
commit 234de5efe4
10 changed files with 286 additions and 363 deletions

200
sass/admin.scss Normal file
View File

@@ -0,0 +1,200 @@
.debug_table {
text-align: left;
width: 100%;
}
.pg-checkpoint {
padding-top: 10px;
display: grid;
grid-template-columns: 100px 100px 100px;
row-gap: 2px;
}
.rot90-container {
position: relative;
display: inline-block;
height: 120px;
min-width: 20px;
}
.rot90 {
white-space: nowrap;
text-align: left;
overflow: hidden;
height: 20px;
line-height: 20px;
width: 120px;
position: absolute;
bottom: -10px;
transform: rotate(-90deg);
transform-origin: top left;
}
.user-limited {
font-weight: bold;
}
.wimia {
user-select: none;
}
form.analysis-case {
display: inline;
input {
font-size: 8pt;
}
}
.permission_container label.single {
display: block;
padding: 4px;
margin: -3.6ex 0 0 2.6ex;
}
.permission_container label.double {
display: block;
padding: 4px;
margin: -3.6ex 0 0 5.5ex;
}
.permission_container input.double {
margin-left: -4px;
}
.permission_subcontainer {
margin-bottom: 10px;
}
/* audit trail */
#audit {
align-items: start;
gap: 2px 10px;
display: grid;
grid-template-columns: 90px 1fr;
}
#audit-edit {
align-items: start;
gap: 2px 10px;
display: grid;
grid-template-columns: 12px 90px 20fr;
}
#audit .auhead {
font-weight: 900;
padding: 2px;
}
#audit .aubody {
padding: 2px;
}
#audit .date {
width: 130px;
}
#audit .note {
margin-left: 20px;
}
#audit .id {
justify-self: end;
}
/* privilege-audit.twig */
.compare-grid {
column-gap: 10px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.pair-grid {
border: 1px solid #808080;
column-gap: 5px;
display: grid;
grid-template-columns: 50% 50%;
margin-bottom: 12px;
}
.pair-grid div.added ul {
list-style-type: '+ ';
}
.pair-grid div.removed ul {
list-style-type: ' ';
}
.pair-grid .no-change {
padding: 5px;
text-align: left;
}
/* process info */
.process_info {
table-layout: fixed;
width: 100%;
}
.process_info_pid {
width: 70px;
}
.process_info_data {
overflow: auto;
}
/* rejected tags manager */
div.tbx-tag-reject {
display: grid;
gap: 6px 2px;
grid-template-columns: repeat(7, 1fr);
padding-bottom: 24px;
}
div.tbx-tag-reject div.tbx-field {
border: 1px solid #808080;
width: 120px;
padding: 3px;
}
/* user reports */
.user-reports {
table-layout: fixed;
border: none;
line-height: 1.2em;
}
.user-reports {
tr {
vertical-align: top;
}
th,
td {
padding: 0.7em;
}
}
.user-report-reason {
display: block;
overflow: hidden;
max-height: 3.6em;
}
/* xdebug */
.xdebug-error {
font-size: 12px;
width: 95%;
margin: 0 auto 10px auto;
border-color: #606060;
background: #dddddd;
}
.xdebug-error th,
.xdebug-error td {
padding: 4px;
color: #202020;
}
.xdebug-error th {
background: #d0d0d0;
color: #202020;
}
.xdebug-error span {
display: none;
}
.xdebug-error_description th {
font-size: 1.2em;
padding: 20px 4px 20px 100px;
background: #cccccc;
}
.xdebug-error_callStack th {
background: #606060;
color: #e0e0e0;
}

View File

@@ -138,26 +138,6 @@ body#log .log-uploaded {
color: forestgreen;
}
.good {
font-weight: bold;
color: green;
}
.bad {
font-weight: bold;
color: red;
}
.goodish {
font-weight: bold;
color: #35BF00;
}
.badish {
font-weight: bold;
color: #E5B244;
}
pre {
overflow: auto;
}
@@ -166,10 +146,6 @@ pre {
display: none !important;
}
.disable_grouping {
display: none;
}
form textarea,
form input {
max-width: 100%;
@@ -257,29 +233,6 @@ div#flip_view_1 .similar-artist-graph {
width: 95%;
}
.rippywrap {
z-index: 25;
display: block;
position: fixed;
color: black;
text-align: center;
width: 190px;
height: 180px;
bottom: 0;
right: 0;
user-select: none;
}
.rippywrap div.rippy {
z-index: 25;
height: 111px;
width: 190px;
position: fixed;
bottom: 0;
right: 0;
user-select: none;
}
td.label {
vertical-align: top;
}
@@ -299,25 +252,6 @@ td.colhead_dark,
z-index: 10;
}
span.rbt {
display: block;
padding: 8px 0 0;
background: url('../rippy/rippy_top.gif') no-repeat top;
}
span.rbm {
display: block;
background: url('../rippy/rippy_middle.gif') repeat bottom;
padding: 0 5px;
}
span.rbb {
display: block;
padding: 4px 0 18px;
margin-bottom: 5px;
background: url('../rippy/rippy_bottom.gif') no-repeat bottom;
}
span.secondary_class {
font-size: 85%;
font-weight: bold;
@@ -474,23 +408,32 @@ tr.torrent .bookmark > a::after {
text-indent: 0;
white-space: nowrap;
}
.brackets::before {
content: "[";
}
.brackets::after {
content: "]";
}
.vote_tag_up,
.vote_artist_up,
.vote_album_up {
font-weight: bolder;
}
.vote_tag_down,
.vote_artist_down,
.vote_album_down {
font-weight: bolder;
}
.votespan.brackets::before {
content: "(";
}
.votespan.brackets::after {
content: ")";
}
.brackets::before {
content: "[";
}
.brackets::after {
content: "]";
}
#userinfo .brackets::before,
#userinfo .brackets::after {
content: "";
@@ -550,28 +493,6 @@ tr.torrent .bookmark > a::after {
table-layout: fixed;
}
.user-reports {
table-layout: fixed;
border: none;
line-height: 1.2em;
}
.user-reports {
tr {
vertical-align: top;
}
th,
td {
padding: 0.7em;
}
}
.user-report-reason {
display: block;
overflow: hidden;
max-height: 3.6em;
}
.pre-wrap {
white-space: pre-wrap;
}
@@ -634,17 +555,6 @@ tr.torrent .bookmark > a::after {
color: #3399FF;
}
.process_info {
table-layout: fixed;
width: 100%;
}
.process_info_pid {
width: 70px;
}
.process_info_data {
overflow: auto;
}
.setting_description > * {
margin: 1em 0 0 0;
}
@@ -722,22 +632,6 @@ tr.torrent .bookmark > a::after {
font-size: 150%;
}
.permission_subcontainer {
margin-bottom: 10px;
}
.vote_tag_up,
.vote_artist_up,
.vote_album_up {
font-weight: bolder;
}
.vote_tag_down,
.vote_artist_down,
.vote_album_down {
font-weight: bolder;
}
.noborder {
border: none;
}
@@ -868,11 +762,6 @@ input[type="search"] {
background: #fff; */
}
#pad_next {
display: block;
margin-top: 10px;
}
.last_edited {
display: block;
padding-right: 5px;
@@ -919,8 +808,17 @@ input[type="search"] {
}
}
#recovery table td > pre {
max-width: 800px;
.pager-cur {
border: 1px solid #178c36;
color: #178c36;
}
.pager-link {
margin: 0 2px;
padding: 1px 3px;
}
.pager-link:hover {
border: 1px solid #1fd54f;
color: #1fd54f;
}
.tbx {
@@ -937,62 +835,6 @@ hr.tbx {
margin: 15px 6px 10px 6px;
}
div.tbx-tag-reject {
display: grid;
gap: 6px 2px;
grid-template-columns: repeat(7, 1fr);
padding-bottom: 24px;
}
div.tbx-tag-reject div.tbx-field {
border: 1px solid #808080;
width: 120px;
padding: 3px;
}
.pager-link {
margin: 0 2px;
padding: 1px 3px;
}
.pager-cur {
border: 1px solid #178c36;
color: #178c36;
}
.pager-link:hover {
border: 1px solid #1fd54f;
color: #1fd54f;
}
.rot90-container {
position: relative;
display: inline-block;
height: 120px;
min-width: 20px;
}
.rot90 {
white-space: nowrap;
text-align: left;
overflow: hidden;
height: 20px;
line-height: 20px;
width: 120px;
position: absolute;
bottom: -10px;
transform: rotate(-90deg);
transform-origin: top left;
}
#user .mfa_text {
font-size: 14px;
margin-top: 10px;
font-weight: 600;
}
.user-limited {
font-weight: bold;
}
td.forum-post-head a.username {
font-weight: bold;
}
@@ -1045,38 +887,6 @@ td.forum-post-head a.username {
}
}
.permission_container label.single {
display: block;
padding: 4px;
margin: -3.6ex 0 0 2.6ex;
}
.permission_container label.double {
display: block;
padding: 4px;
margin: -3.6ex 0 0 5.5ex;
}
.permission_container input.double {
margin-left: -4px;
}
.wimia {
user-select: none;
}
.debug_table {
text-align: left;
width: 100%;
}
.pg-checkpoint {
padding-top: 10px;
display: grid;
grid-template-columns: 100px 100px 100px;
row-gap: 2px;
}
figure.user-error {
margin: 0 auto;
padding: 24px 0 12px 0;
@@ -1089,98 +899,10 @@ figure.user-error {
padding-top: 15px;
}
form.analysis-case {
display: inline;
input {
font-size: 8pt;
}
}
.xdebug-error {
font-size: 12px;
width: 95%;
margin: 0 auto 10px auto;
border-color: #606060;
background: #dddddd;
}
.xdebug-error th,
.xdebug-error td {
padding: 4px;
color: #202020;
}
.xdebug-error th {
background: #d0d0d0;
color: #202020;
}
.xdebug-error span {
display: none;
}
.xdebug-error_description th {
font-size: 1.2em;
padding: 20px 4px 20px 100px;
background: #cccccc;
}
.xdebug-error_callStack th {
background: #606060;
color: #e0e0e0;
}
#audit {
align-items: start;
gap: 2px 10px;
display: grid;
grid-template-columns: 90px 1fr;
}
#audit-edit {
align-items: start;
gap: 2px 10px;
display: grid;
grid-template-columns: 12px 90px 20fr;
}
#audit .auhead {
font-weight: 900;
padding: 2px;
}
#audit .aubody {
padding: 2px;
}
#audit .date {
width: 130px;
}
#audit .note {
margin-left: 20px;
}
#audit .id {
justify-self: end;
}
.compare-grid {
column-gap: 10px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.pair-grid {
border: 1px solid #808080;
column-gap: 5px;
display: grid;
grid-template-columns: 50% 50%;
margin-bottom: 12px;
}
.pair-grid div.added ul {
list-style-type: '+ ';
}
.pair-grid div.removed ul {
list-style-type: ' ';
}
.pair-grid .no-change {
padding: 5px;
text-align: left;
#user .mfa_text {
font-size: 14px;
margin-top: 10px;
font-weight: 600;
}
#more-news-loader {

View File

@@ -2333,11 +2333,6 @@ input[type="search"] {
color: #fff !important;
}
.rippywrap {
color: #fff;
right: 10px;
}
#musicbrainz_popup {
background: rgb(44 44 44 / 90%) !important;
z-index: 10000 !important;

View File

@@ -23,26 +23,6 @@ blockquote {
/* text-decoration: underline; */
}
.good {
font-weight: bold;
color: green;
}
.bad {
font-weight: bold;
color: red;
}
.goodish {
font-weight: bold;
color: #35BF00;
}
.badish {
font-weight: bold;
color: #E5B244;
}
pre {
overflow: auto;
}

View File

@@ -0,0 +1,19 @@
.good {
font-weight: bold;
color: green;
}
.bad {
font-weight: bold;
color: red;
}
.goodish {
font-weight: bold;
color: #35BF00;
}
.badish {
font-weight: bold;
color: #E5B244;
}

View File

@@ -38,13 +38,16 @@
{% endfor %}
{% endif -%}
{{ scss('global.css') }}
{% if viewer.permitted('users_mod') %}
{{ scss('admin.css') }}
{% endif %}
{{ scss('tooltipster/style.css') }}
{% for sheet in scss_style %}
{{ scss(sheet) }}
{{ scss(sheet) }}
{% endfor %}
{{ css('katex/katex-0.16.10.min.css') }}
{% if viewer.option('UseOpenDyslexic') %}
{{ scss('opendyslexic/style.css') }}
{{ scss('opendyslexic/style.css') }}
{% endif %}
<link rel="stylesheet" type="text/css" media="screen" href="{{ stylesheet.cssUrl }}" title="{{ stylesheet.name }}" />
<script type="text/javascript" src="{{ constant('STATIC_SERVER') }}/vendor/jquery.js?v={{ mtime('vendor/jquery.js') }}"></script>
@@ -63,10 +66,10 @@
{% endif %}
<script type="text/javascript" src="{{ constant('STATIC_SERVER') }}/functions/global.js?v={{ mtime('functions/global.js') }}"></script>
{% for js in script %}
{{ script(js) }}
{{ script(js) }}
{% endfor %}
{% if use_noty %}
{{ script('user_notifications.js') }}
{{ script('user_notifications.js') }}
{% endif %}
<script type="text/javascript">
var authkey="{{ viewer.auth }}";var userid={{ viewer.id }};

View File

@@ -1,41 +1,41 @@
{% if not logfile.checksum() %}
{% if not logfile.checksum %}
<blockquote>
{% if pasted is not defined or pasted == false %}
{% if pasted %}
Checksums of pasted log files cannot be verified, as the character encoding can change during copy-pasting.
{% else %}
<strong>Trumpable For:</strong>
<br /><br />
{% if logfile.checksumState() == 'checksum_missing' %}
{% if logfile.checksumState == 'checksum_missing' %}
No Checksum(s)
{% elseif logfile.checksumState() == 'checksum_invalid' %}
{% elseif logfile.checksumState == 'checksum_invalid' %}
Invalid Checksum(s)
{% endif %}
{% else %}
Checksums of pasted log files cannot be verified, as the character encoding can change during copy-pasting.
{% endif %}
{% endif %}
{% endif %}
</blockquote>
{% endif %}
{% if logfile.score() == 100 %}
{% set color = '#418B00' %}
{% elseif logfile.score() > 90 %}
{% set color = '#74C42E' %}
{% elseif logfile.score() > 75 %}
{% set color = '#FFAA00' %}
{% elseif logfile.score() > 50 %}
{% set color = '#FF5E00' %}
{% if logfile.score == 100 %}
{% set color = '#418B00' %}
{% elseif logfile.score > 90 %}
{% set color = '#74C42E' %}
{% elseif logfile.score > 75 %}
{% set color = '#FFAA00' %}
{% elseif logfile.score > 50 %}
{% set color = '#FF5E00' %}
{% else %}
{% set color = '#FF0000' %}
{% set color = '#FF0000' %}
{% endif %}
<blockquote>
<strong>Score:</strong> <span style="color:{{ color }}">{{ logfile.score() }}</span> (out of 100)
<strong>Score:</strong> <span style="color:{{ color }}">{{ logfile.score }}</span> (out of 100)
</blockquote>
<blockquote>
<h3>Log validation report:</h3>
<ul>
{% for detail in logfile.details() %}
{% for detail in logfile.details %}
<li>{{ detail }}</li>
{% endfor %}
</ul>
</blockquote>
<blockquote>
<pre>{{ logfile.text()|raw }}</pre>
<pre>{{ logfile.text|raw }}</pre>
</blockquote>

View File

@@ -1,4 +1,4 @@
{{ header('Logchecker results') }}
{{ header('Logchecker results', {'css': 'logchecker'}) }}
<div class="thin center">
<br /><a href="logchecker.php?action={{ action }}">Upload another log file</a>
</div>

View File

@@ -1,4 +1,4 @@
{{ header('Logchecker Report') }}
{{ header('Logchecker Report', {'css': 'logchecker'}) }}
<div class="linkbox">
<a href="logchecker.php" class="brackets">Test Another Log file</a>
<a href="logchecker.php?action=upload" class="brackets">Upload Missing Logs</a>

View File

@@ -1,4 +1,8 @@
{{ header(tgroup.text, {'js': 'browse,comments,torrent,bbcode,cover_art,subscriptions,voting'}) }}
{{ header(tgroup.text, {
'js': 'browse,comments,torrent,bbcode,cover_art,subscriptions,voting',
'css': 'logchecker',
})
}}
<div class="thin">
<div class="header">
<h2>{{ tgroup.link | raw }}</h2>