Imported into new repository.
This commit is contained in:
commit
28890cd5d5
485 changed files with 45552 additions and 0 deletions
8
.editorconfig
Normal file
8
.editorconfig
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
root = true
|
||||
|
||||
[*]
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
charset = utf-8
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
3
.gitattributes
vendored
Normal file
3
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
* text=auto
|
||||
/msz text eol=lf
|
||||
*.sh text eol=lf
|
||||
39
.gitignore
vendored
Normal file
39
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
# Libraries
|
||||
/vendor
|
||||
/node_modules
|
||||
/npm-debug.log
|
||||
/yarn-error.log
|
||||
|
||||
# Configuration
|
||||
/config/config.ini
|
||||
/config/github.ini
|
||||
/.debug
|
||||
/.migrating
|
||||
|
||||
# Storage
|
||||
/store
|
||||
|
||||
# OS specific
|
||||
[Tt]humbs.db
|
||||
[Dd]esktop.ini
|
||||
.DS_Store
|
||||
|
||||
# IDE specific
|
||||
.vscode/
|
||||
.vs/
|
||||
.idea/
|
||||
|
||||
# Vagrant things
|
||||
.vagrant/
|
||||
/devel/nginx/dhparam.pem
|
||||
/devel/nginx/misuzu.crt
|
||||
/devel/nginx/misuzu.key
|
||||
|
||||
# Compiled/copied assets
|
||||
/public/js
|
||||
/public/css
|
||||
/public/webfonts
|
||||
/assets/typescript/*.d.ts
|
||||
|
||||
# Google
|
||||
/public/robots.txt
|
||||
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[submodule "lib/index"]
|
||||
path = lib/index
|
||||
url = https://git.flash.moe/flash/index.git
|
||||
3
CODE_OF_CONDUCT.md
Normal file
3
CODE_OF_CONDUCT.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Code of Conduct
|
||||
|
||||
p:
|
||||
201
LICENSE
Normal file
201
LICENSE
Normal file
|
|
@ -0,0 +1,201 @@
|
|||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright 2017-2022 flashwave <me@flash.moe>
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
11
README.md
Normal file
11
README.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
# Misuzu
|
||||
> Misuzu can and will steal your lunch money.
|
||||
|
||||
## Requirements
|
||||
- PHP 8.1
|
||||
- MariaDB 10.6
|
||||
- [Composer](https://getcomposer.org/)
|
||||
|
||||
## Important
|
||||
|
||||
DON'T RUN ANYTHING IN THE `devel` FOLDER IN PRODUCTION UNLESS YOU SERIOUSLY WANT TO FUCK EVERYTHING UP.
|
||||
7
Vagrantfile
vendored
Normal file
7
Vagrantfile
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
Vagrant.configure("2") do |config|
|
||||
config.vm.box = "ubuntu/focal64"
|
||||
config.vm.network "forwarded_port", guest: 80, host: 10080
|
||||
config.vm.network "forwarded_port", guest: 443, host: 10443
|
||||
config.vm.network "forwarded_port", guest: 3306, host: 13306
|
||||
config.vm.provision :shell, path: "devel/setup-devbox.sh"
|
||||
end
|
||||
6
assets/README.md
Normal file
6
assets/README.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
# Misuzu Assets
|
||||
|
||||
Subdirectories of the `css` and `js` folder are accessible through the web as `example.com/assets/<subdirectory>.<directory>`.
|
||||
Meaning `/assets/js/misuzu` is accessible as `/assets/misuzu.js`.
|
||||
Files are concatenated recursively, files first then directories in alphabetical order.
|
||||
Use `_` prefixes to raise things up.
|
||||
34
assets/css/misuzu/_input/button.css
Normal file
34
assets/css/misuzu/_input/button.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
.input__button {
|
||||
background-color: var(--background-colour);
|
||||
font-family: var(--font-regular);
|
||||
font-size: 1.2em;
|
||||
line-height: 1.4em;
|
||||
padding: 5px 10px;
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: color .2s, background-color .2s, opacity .2s, border-color .2s;
|
||||
color: var(--accent-colour);
|
||||
border: 1px solid var(--accent-colour);
|
||||
border-radius: 2px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
.input__button:hover, .input__button:active,
|
||||
.input__button:focus, .input__button:checked,
|
||||
.input__button--active, .input__button--checked {
|
||||
color: #111;
|
||||
background-color: var(--accent-colour);
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
.input__button[disabled],
|
||||
.input__button--busy {
|
||||
opacity: .4;
|
||||
}
|
||||
.input__button--autosize { min-width: auto; }
|
||||
.input__button--disabled { --accent-colour: #333; }
|
||||
.input__button--destroy { --accent-colour: #c00; }
|
||||
.input__button--save { --accent-colour: #080; }
|
||||
.input__button--blue { --accent-colour: #09f; }
|
||||
55
assets/css/misuzu/_input/checkbox.css
Normal file
55
assets/css/misuzu/_input/checkbox.css
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
.input__checkbox {
|
||||
display: inline-flex;
|
||||
margin: 1px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.input__checkbox:not(.input__checkbox--disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.input__checkbox--radio .input__checkbox__display,
|
||||
.input__checkbox--radio .input__checkbox__display__icon {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.input__checkbox__input {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: -1000;
|
||||
top: -100%;
|
||||
}
|
||||
.input__checkbox__display {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid #222;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 4px #111;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.input__checkbox__display__icon {
|
||||
background-color: var(--accent-colour);
|
||||
background-size: 28px 28px;
|
||||
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
|
||||
box-shadow: 0 0 2px #111;
|
||||
border-radius: 2px;
|
||||
margin: 2px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.input__checkbox__input:checked ~ .input__checkbox__display .input__checkbox__display__icon {
|
||||
opacity: 1;
|
||||
}
|
||||
.input__checkbox:not(.input__checkbox--disabled):hover .input__checkbox__display,
|
||||
.input__checkbox:not(.input__checkbox--disabled) .input__checkbox__input:focus ~ .input__checkbox__display {
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
.input__checkbox__text {
|
||||
display: inline-block;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.input__checkbox--disabled {
|
||||
opacity: .5;
|
||||
}
|
||||
35
assets/css/misuzu/_input/colour.css
Normal file
35
assets/css/misuzu/_input/colour.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
.input__colour {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #222;
|
||||
border-radius: 2px;
|
||||
transition: border-color .2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
.input__colour:hover,
|
||||
.input__colour:focus,
|
||||
.input__colour:focus-within {
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
.input__colour__overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 20;
|
||||
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
|
||||
background-size: 80px 40px;
|
||||
}
|
||||
.input__colour__control {
|
||||
border-width: 0;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
z-index: 10;
|
||||
}
|
||||
14
assets/css/misuzu/_input/select.css
Normal file
14
assets/css/misuzu/_input/select.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.input__select {
|
||||
border: 1px solid #222;
|
||||
padding: 5px 10px;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
min-width: 150px;
|
||||
font-size: 1.2em;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 4px #111;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.input__select:focus {
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
14
assets/css/misuzu/_input/text.css
Normal file
14
assets/css/misuzu/_input/text.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.input__text {
|
||||
font-size: 1.2em;
|
||||
border: 1px solid #222;
|
||||
padding: 5px 10px;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 4px #111;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.input__text:focus { border-color: var(--accent-colour); }
|
||||
.input__text--readonly { color: #888; }
|
||||
.input__text--monospace { font-family: var(--font-monospace); }
|
||||
.input__text--centre { text-align: center; }
|
||||
13
assets/css/misuzu/_input/textarea.css
Normal file
13
assets/css/misuzu/_input/textarea.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
.input__textarea {
|
||||
font-size: 1.2em;
|
||||
border: 1px solid #222;
|
||||
padding: 5px 10px;
|
||||
vertical-align: bottom;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
font-family: var(--font-monospace);
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 4px #111;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.input__textarea:focus { border-color: var(--accent-colour); }
|
||||
28
assets/css/misuzu/_input/upload.css
Normal file
28
assets/css/misuzu/_input/upload.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.input__upload {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.input__upload__input {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: -1000;
|
||||
}
|
||||
.input__upload__selection {
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
border: 1px solid #222;
|
||||
padding: 5px 10px;
|
||||
background: #222;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 4px #111;
|
||||
transition: border-color .2s;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.input__upload:focus-within .input__upload__selection,
|
||||
.input__upload__input:focus ~ .input__upload__selection,
|
||||
.input__upload__input:active ~ .input__upload__selection {
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
96
assets/css/misuzu/_msz.css
Normal file
96
assets/css/misuzu/_msz.css
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
.hidden {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-size: 12px;
|
||||
--line-height: 20px;
|
||||
--font-regular: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
||||
--font-monospace: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
||||
|
||||
--site-max-width: 1200px;
|
||||
--site-mobile-width: 800px;
|
||||
--site-logo: url('/images/logos/imouto-default.png');
|
||||
|
||||
--header-height-desktop: 70px;
|
||||
--header-height-mobile: 50px;
|
||||
|
||||
--background-image: initial;
|
||||
--background-colour: #111;
|
||||
--background-colour-translucent-1: rgba(17, 17, 17, 0.1);
|
||||
--background-colour-translucent-2: rgba(17, 17, 17, 0.2);
|
||||
--background-colour-translucent-3: rgba(17, 17, 17, 0.3);
|
||||
--background-colour-translucent-4: rgba(17, 17, 17, 0.4);
|
||||
--background-colour-translucent-5: rgba(17, 17, 17, 0.5);
|
||||
--background-colour-translucent-6: rgba(17, 17, 17, 0.6);
|
||||
--background-colour-translucent-7: rgba(17, 17, 17, 0.7);
|
||||
--background-colour-translucent-8: rgba(17, 17, 17, 0.8);
|
||||
--background-colour-translucent-9: rgba(17, 17, 17, 0.9);
|
||||
--background-pattern: url('/images/clouds.png') fixed;
|
||||
|
||||
--container-colour: #161616;
|
||||
|
||||
--text-colour: #fff;
|
||||
--text-colour-inverted: #000;
|
||||
|
||||
--user-colour: inherit;
|
||||
--user-header: url('/images/pixel.png');
|
||||
--accent-colour: #8559a5;
|
||||
--header-accent-colour: var(--accent-colour);
|
||||
}
|
||||
|
||||
html {
|
||||
scrollbar-color: var(--accent-colour) var(--background-colour);
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: var(--background-image);
|
||||
background-color: var(--background-colour);
|
||||
font-size: var(--font-size);
|
||||
line-height: var(--line-height);
|
||||
font-family: var(--font-regular);
|
||||
color: var(--text-colour);
|
||||
background-attachment: fixed;
|
||||
background-position: center center;
|
||||
}
|
||||
.main__wrapper {
|
||||
max-width: var(--site-max-width);
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
.main--bg-blend {
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
.main--bg-slide { animation: background-slide infinite linear 2s; }
|
||||
.main--bg-cover { background-size: cover; }
|
||||
.main--bg-contain { background-size: contain; }
|
||||
.main--bg-stretch { background-size: 100% 100%; }
|
||||
.main--bg-tile { background-size: auto; }
|
||||
|
||||
.link {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.link:hover, .link:focus { text-decoration: underline; }
|
||||
|
||||
4
assets/css/misuzu/animations.css
Normal file
4
assets/css/misuzu/animations.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
@keyframes background-slide {
|
||||
0% { background-position: 0 0; }
|
||||
100% { background-position: var(--background-width) var(--background-height); }
|
||||
}
|
||||
11
assets/css/misuzu/auth/buttons.css
Normal file
11
assets/css/misuzu/auth/buttons.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.auth__buttons {
|
||||
margin: 5px;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.auth__buttons__button--minor {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
4
assets/css/misuzu/auth/container.css
Normal file
4
assets/css/misuzu/auth/container.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.auth__container {
|
||||
margin: 2px auto;
|
||||
max-width: 400px;
|
||||
}
|
||||
33
assets/css/misuzu/auth/label.css
Normal file
33
assets/css/misuzu/auth/label.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
.auth__label {
|
||||
overflow: hidden;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
.auth__label__text {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.auth__label__value {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.auth__label__input {
|
||||
width: 100%;
|
||||
}
|
||||
.auth__label__action {
|
||||
padding: 3px 8px;
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-radius: 4px;
|
||||
transition: background-color .2s;
|
||||
margin: 2px;
|
||||
}
|
||||
.auth__label__action:hover,
|
||||
.auth__label__action:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.auth__label__action:active {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
14
assets/css/misuzu/auth/login.css
Normal file
14
assets/css/misuzu/auth/login.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.auth__login--disabled {
|
||||
--accent-colour: #555;
|
||||
opacity: .5;
|
||||
}
|
||||
.auth__login__header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.auth__login__avatar {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 10px;
|
||||
}
|
||||
6
assets/css/misuzu/auth/logout.css
Normal file
6
assets/css/misuzu/auth/logout.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.auth__logout {
|
||||
margin: 5px;
|
||||
}
|
||||
.auth__logout__paragraph {
|
||||
margin: 5px 0;
|
||||
}
|
||||
34
assets/css/misuzu/auth/register.css
Normal file
34
assets/css/misuzu/auth/register.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
.auth__register {
|
||||
max-width: 700px;
|
||||
width: 100%;
|
||||
}
|
||||
.auth__register__container {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.auth__register__form {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.auth__register__info {
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
flex: 0 1 auto;
|
||||
padding: 5px;
|
||||
}
|
||||
.auth__register__paragraph {
|
||||
line-height: 1.5em;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.auth__register__link {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.auth__register__container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.auth__register__info {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
10
assets/css/misuzu/auth/warning.css
Normal file
10
assets/css/misuzu/auth/warning.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
.auth__warning {
|
||||
margin: 5px;
|
||||
}
|
||||
.auth__warning--welcome {
|
||||
--start-colour: var(--accent-colour);
|
||||
--end-colour: #222;
|
||||
}
|
||||
.auth__warning__paragraph {
|
||||
line-height: 2em;
|
||||
}
|
||||
13
assets/css/misuzu/avatar.css
Normal file
13
assets/css/misuzu/avatar.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
.avatar {
|
||||
flex-shrink: 0;
|
||||
background-color: var(--background-colour);
|
||||
display: block;
|
||||
border: 0;
|
||||
border-radius: 5%;
|
||||
box-sizing: content-box;
|
||||
box-shadow: 0 1px 4px #111;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
6
assets/css/misuzu/changelog/_changelog.css
Normal file
6
assets/css/misuzu/changelog/_changelog.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.changelog__action--add { --action-colour: #159635 !important; }
|
||||
.changelog__action--remove { --action-colour: #e33743 !important; }
|
||||
.changelog__action--update { --action-colour: #297b8a !important; }
|
||||
.changelog__action--fix { --action-colour: #2d5e96 !important; }
|
||||
.changelog__action--import { --action-colour: #2b9678 !important; }
|
||||
.changelog__action--revert { --action-colour: #e38245 !important; }
|
||||
142
assets/css/misuzu/changelog/change.css
Normal file
142
assets/css/misuzu/changelog/change.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
.changelog__change {
|
||||
display: flex;
|
||||
margin: 2px 0;
|
||||
}
|
||||
.changelog__change__info__content {
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 15px;
|
||||
flex: 0 0 auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.changelog__change__info__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.changelog__change__user {
|
||||
display: flex;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.changelog__change__user__details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.changelog__change__avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.changelog__change__username {
|
||||
color: inherit;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.changelog__change__username[href]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.changelog__change__userrole {
|
||||
font-size: .9em;
|
||||
line-height: 1.5em;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.changelog__change__userrole[href]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.changelog__change__date {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.changelog__change__date:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.changelog__change__text {
|
||||
line-height: 1.2em;
|
||||
flex: 1 1 auto;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.changelog__change__tags {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.changelog__change__tag {
|
||||
border: 1px solid var(--accent-colour);
|
||||
background-color: var(--accent-colour);
|
||||
margin: 1px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.changelog__change__tag__link {
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.changelog__change__tag:hover,
|
||||
.changelog__change__tag:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.changelog__change {
|
||||
flex-direction: column;
|
||||
}
|
||||
.changelog__change__info__content {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.changelog__change__info__background {
|
||||
mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
}
|
||||
.changelog__change__info {
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
.changelog__change__user {
|
||||
margin-bottom: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.changelog__change__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.changelog__change__userrole { display: none; }
|
||||
.changelog__change__tags {
|
||||
margin-top: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
3
assets/css/misuzu/changelog/container.css
Normal file
3
assets/css/misuzu/changelog/container.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.changelog__container {
|
||||
margin: 2px 0;
|
||||
}
|
||||
93
assets/css/misuzu/changelog/entry.css
Normal file
93
assets/css/misuzu/changelog/entry.css
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
.changelog__entry {
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
}
|
||||
.changelog__entry__info { display: flex; }
|
||||
|
||||
.changelog__entry__datetime,
|
||||
.changelog__entry__user,
|
||||
.changelog__entry__action {
|
||||
--action-colour: inherit;
|
||||
|
||||
background-color: var(--action-colour);
|
||||
color: var(--user-colour);
|
||||
flex: 0 0 auto;
|
||||
margin-right: 1px;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.changelog__entry__datetime:hover,
|
||||
.changelog__entry__datetime:focus,
|
||||
.changelog__entry__user:hover,
|
||||
.changelog__entry__user:focus,
|
||||
.changelog__entry__action:hover,
|
||||
.changelog__entry__action:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.changelog__entry__datetime__text,
|
||||
.changelog__entry__user__text,
|
||||
.changelog__entry__action__text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.changelog__entry__datetime {
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.changelog__entry__user {
|
||||
min-width: 100px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.changelog__entry__action {
|
||||
border-radius: 2px;
|
||||
min-width: 5px;
|
||||
}
|
||||
.changelog__entry__action__text {
|
||||
text-align: right;
|
||||
min-width: 80px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.changelog__entry__log {
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
flex: 1 1 auto;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.changelog__entry__log--link {
|
||||
color: inherit;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
.changelog__entry__log--link:hover {
|
||||
text-decoration: underline solid;
|
||||
}
|
||||
|
||||
.changelog__entry__tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-size: .9em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.changelog__entry__tag {
|
||||
border: 1px solid var(--accent-colour);
|
||||
margin-right: 1px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.changelog__entry__tag:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.changelog__entry { flex-wrap: wrap; }
|
||||
.changelog__entry__user { flex-grow: 1; }
|
||||
.changelog__entry__action { margin-right: 0; }
|
||||
.changelog__entry__log { width: 100%; }
|
||||
}
|
||||
17
assets/css/misuzu/changelog/listing.css
Normal file
17
assets/css/misuzu/changelog/listing.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.changelog__listing__none {
|
||||
margin: 1px 4px;
|
||||
}
|
||||
.changelog__listing__date {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 1px 3px;
|
||||
color: var(--accent-colour);
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.changelog__listing__date:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.changelog__listing__date:not(:first-child) {
|
||||
margin-top: 4px;
|
||||
}
|
||||
32
assets/css/misuzu/changelog/log.css
Normal file
32
assets/css/misuzu/changelog/log.css
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
.changelog__log {
|
||||
--action-colour: var(--accent-colour);
|
||||
|
||||
border: 1px solid var(--action-colour);
|
||||
background-color: var(--background-colour);
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex: 1 0 auto;
|
||||
margin: 2px 0;
|
||||
}
|
||||
.changelog__log__action {
|
||||
display: block;
|
||||
padding: 6px 2px;
|
||||
background-color: var(--action-colour);
|
||||
border-right: 1px solid var(--action-colour);
|
||||
writing-mode: sideways-lr;
|
||||
text-orientation: sideways;
|
||||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.changelog__log__text {
|
||||
padding: 8px 12px;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.3em;
|
||||
align-self: center;
|
||||
flex: 1 1 auto;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
3
assets/css/misuzu/changelog/pagination.css
Normal file
3
assets/css/misuzu/changelog/pagination.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.changelog__pagination {
|
||||
margin: 5px;
|
||||
}
|
||||
159
assets/css/misuzu/comments/comment.css
Normal file
159
assets/css/misuzu/comments/comment.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
.comment {
|
||||
margin: 10px;
|
||||
}
|
||||
.comment__reply-toggle {
|
||||
display: none;
|
||||
}
|
||||
.comment__reply-toggle:checked ~ .comment--reply {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.comment--reply {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comment--deleted > .comment__container {
|
||||
opacity: .5;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.comment--deleted > .comment__container:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
.comment__container {
|
||||
display: flex;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.comment__mention {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
.comment__mention:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.comment__actions {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
font-size: .9em;
|
||||
align-items: center;
|
||||
}
|
||||
.comment__action {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.comment__action:not(:last-child) {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.comment__action--link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.comment__action--post {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.comment__action--button {
|
||||
cursor: pointer;
|
||||
font: 12px/20px var(--font-regular);
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.comment__action--hide {
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.comment__action--voted {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.comment__action__checkbox {
|
||||
vertical-align: text-top;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.comment__replies .comment--indent-1,
|
||||
.comment__replies .comment--indent-2,
|
||||
.comment__replies .comment--indent-3,
|
||||
.comment__replies .comment--indent-4,
|
||||
.comment__replies .comment--indent-5 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.comment__avatar {
|
||||
flex: 0 0 auto;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.comment__replies .comment__avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.comment__content {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.comment__content:hover .comment__action--hide {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.comment__info {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.comment__text {
|
||||
margin-right: 2px;
|
||||
}
|
||||
.comment__text--input {
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 50px;
|
||||
font: 12px/20px var(--font-regular);
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.comment__user {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.comment__user--link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.comment__date,
|
||||
.comment__pin {
|
||||
color: #666;
|
||||
font-size: .9em;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.comment__link {
|
||||
color: #666;
|
||||
display: inline-flex;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.comment__pin {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.comment__pin:before {
|
||||
content: "-";
|
||||
padding-right: 4px;
|
||||
}
|
||||
36
assets/css/misuzu/comments/comments.css
Normal file
36
assets/css/misuzu/comments/comments.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
.comments {
|
||||
--comments-max-height: 600px;
|
||||
margin: 1px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.comments__listing {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.comments__listing--limit {
|
||||
max-height: var(--comments-max-height);
|
||||
}
|
||||
|
||||
/*.comments__input,*/
|
||||
.comments__javascript,
|
||||
.comments__notice--staff {
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
padding-bottom: 1px;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.comments__none,
|
||||
.comments__javascript,
|
||||
.comments__notice {
|
||||
padding: 10px;
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.comments__notice__link {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.comments__notice__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
11
assets/css/misuzu/confirm.css
Normal file
11
assets/css/misuzu/confirm.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.confirm {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.confirm__buttons {
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
justify-content: center;
|
||||
}
|
||||
.confirm__message { padding: 2px 5px; }
|
||||
.confirm__button { margin-right: 5px; }
|
||||
43
assets/css/misuzu/container.css
Normal file
43
assets/css/misuzu/container.css
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
.container {
|
||||
background-color: var(--container-colour);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.container--lazy { /* don't use this */
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.container__title {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.container__title__text {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
padding: 8px 10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.container__title__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.container__title__link:hover { color: var(--accent-colour); }
|
||||
.container__title__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.container__content { /* only use this for text going forward, just throw your child directly after __title */
|
||||
margin: 0;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
4
assets/css/misuzu/emoticon.css
Normal file
4
assets/css/misuzu/emoticon.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.emoticon {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
308
assets/css/misuzu/flags.css
Normal file
308
assets/css/misuzu/flags.css
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
.flag {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 11px;
|
||||
background-image: url('/images/flag-sprite.png');
|
||||
background-repeat: no-repeat;
|
||||
font-size: 0;
|
||||
background-position: top -276px left -368px;
|
||||
}
|
||||
.flag__container {
|
||||
min-width: 16px;
|
||||
min-height: 11px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Ax */
|
||||
.flag--ad { background-position: top 0 left -48px; }
|
||||
.flag--ae { background-position: top 0 left -64px; }
|
||||
.flag--af { background-position: top 0 left -80px; }
|
||||
.flag--ag { background-position: top 0 left -96px; }
|
||||
.flag--ai { background-position: top 0 left -128px; }
|
||||
.flag--al { background-position: top 0 left -176px; }
|
||||
.flag--am { background-position: top 0 left -192px; }
|
||||
.flag--an { background-position: top 0 left -208px; }
|
||||
.flag--ao { background-position: top 0 left -224px; }
|
||||
.flag--ar { background-position: top 0 left -272px; }
|
||||
.flag--as { background-position: top 0 left -288px; }
|
||||
.flag--at { background-position: top 0 left -304px; }
|
||||
.flag--au { background-position: top 0 left -320px; }
|
||||
.flag--aw { background-position: top 0 left -352px; }
|
||||
.flag--ax { background-position: top 0 left -368px; }
|
||||
.flag--az { background-position: top 0 left -400px; }
|
||||
|
||||
/* Bx */
|
||||
.flag--ba { background-position: top -12px left 0; }
|
||||
.flag--bb { background-position: top -12px left -16px; }
|
||||
.flag--bd { background-position: top -12px left -48px; }
|
||||
.flag--be { background-position: top -12px left -64px; }
|
||||
.flag--bf { background-position: top -12px left -80px; }
|
||||
.flag--bg { background-position: top -12px left -96px; }
|
||||
.flag--bh { background-position: top -12px left -112px; }
|
||||
.flag--bi { background-position: top -12px left -128px; }
|
||||
.flag--bj { background-position: top -12px left -144px; }
|
||||
.flag--bm { background-position: top -12px left -192px; }
|
||||
.flag--bn { background-position: top -12px left -208px; }
|
||||
.flag--bo { background-position: top -12px left -224px; }
|
||||
.flag--br { background-position: top -12px left -272px; }
|
||||
.flag--bs { background-position: top -12px left -288px; }
|
||||
.flag--bt { background-position: top -12px left -304px; }
|
||||
.flag--bv { background-position: top -12px left -336px; }
|
||||
.flag--bw { background-position: top -12px left -352px; }
|
||||
.flag--by { background-position: top -12px left -384px; }
|
||||
.flag--bz { background-position: top -12px left -400px; }
|
||||
|
||||
/* Cx */
|
||||
.flag--ca { background-position: top -24px left 0; }
|
||||
.flag--cc { background-position: top -24px left -32px; }
|
||||
.flag--cd { background-position: top -24px left -48px; }
|
||||
.flag--cf { background-position: top -24px left -80px; }
|
||||
.flag--cg { background-position: top -24px left -96px; }
|
||||
.flag--ch { background-position: top -24px left -112px; width: 11px; }
|
||||
.flag--ci { background-position: top -24px left -128px; }
|
||||
.flag--ck { background-position: top -24px left -160px; }
|
||||
.flag--cl { background-position: top -24px left -176px; }
|
||||
.flag--cm { background-position: top -24px left -192px; }
|
||||
.flag--cn { background-position: top -24px left -208px; }
|
||||
.flag--co { background-position: top -24px left -224px; }
|
||||
.flag--cr { background-position: top -24px left -272px; }
|
||||
.flag--cs { background-position: top -24px left -288px; }
|
||||
.flag--cu { background-position: top -24px left -320px; }
|
||||
.flag--cv { background-position: top -24px left -336px; }
|
||||
.flag--cx { background-position: top -24px left -368px; }
|
||||
.flag--cy { background-position: top -24px left -384px; }
|
||||
.flag--cz { background-position: top -24px left -400px; }
|
||||
|
||||
/* Dx */
|
||||
.flag--de { background-position: top -36px left -64px; }
|
||||
.flag--dj { background-position: top -36px left -144px; }
|
||||
.flag--dk { background-position: top -36px left -160px; }
|
||||
.flag--dm { background-position: top -36px left -192px; }
|
||||
.flag--do { background-position: top -36px left -224px; }
|
||||
.flag--dz { background-position: top -36px left -400px; }
|
||||
|
||||
/* Ex */
|
||||
.flag--ec { background-position: top -48px left -32px; }
|
||||
.flag--ee { background-position: top -48px left -64px; }
|
||||
.flag--eg { background-position: top -48px left -96px; }
|
||||
.flag--eh { background-position: top -48px left -112px; }
|
||||
.flag--er { background-position: top -48px left -272px; }
|
||||
.flag--es { background-position: top -48px left -288px; }
|
||||
.flag--et { background-position: top -48px left -304px; }
|
||||
|
||||
/* Fx */
|
||||
.flag--fi { background-position: top -60px left -128px; }
|
||||
.flag--fj { background-position: top -60px left -144px; }
|
||||
.flag--fk { background-position: top -60px left -160px; }
|
||||
.flag--fm { background-position: top -60px left -192px; }
|
||||
.flag--fo { background-position: top -60px left -224px; }
|
||||
.flag--fr { background-position: top -60px left -272px; }
|
||||
|
||||
/* Gx */
|
||||
.flag--ga { background-position: top -72px left 0; }
|
||||
.flag--gb { background-position: top -72px left -16px; }
|
||||
.flag--gd { background-position: top -72px left -48px; }
|
||||
.flag--ge { background-position: top -72px left -64px; }
|
||||
.flag--gf { background-position: top -72px left -80px; }
|
||||
.flag--gh { background-position: top -72px left -112px; }
|
||||
.flag--gi { background-position: top -72px left -128px; }
|
||||
.flag--gl { background-position: top -72px left -176px; }
|
||||
.flag--gm { background-position: top -72px left -192px; }
|
||||
.flag--gn { background-position: top -72px left -208px; }
|
||||
.flag--gp { background-position: top -72px left -240px; }
|
||||
.flag--gq { background-position: top -72px left -256px; }
|
||||
.flag--gr { background-position: top -72px left -272px; }
|
||||
.flag--gs { background-position: top -72px left -288px; }
|
||||
.flag--gt { background-position: top -72px left -304px; }
|
||||
.flag--gu { background-position: top -72px left -320px; }
|
||||
.flag--gw { background-position: top -72px left -352px; }
|
||||
.flag--gy { background-position: top -72px left -384px; }
|
||||
|
||||
/* Hx */
|
||||
.flag--hk { background-position: top -84px left -160px; }
|
||||
.flag--hm { background-position: top -84px left -192px; }
|
||||
.flag--hn { background-position: top -84px left -208px; }
|
||||
.flag--hr { background-position: top -84px left -272px; }
|
||||
.flag--ht { background-position: top -84px left -304px; }
|
||||
.flag--hu { background-position: top -84px left -320px; }
|
||||
|
||||
/* Ix */
|
||||
.flag--id { background-position: top -96px left -48px; }
|
||||
.flag--ie { background-position: top -96px left -64px; }
|
||||
.flag--il { background-position: top -96px left -176px; }
|
||||
.flag--in { background-position: top -96px left -208px; }
|
||||
.flag--io { background-position: top -96px left -224px; }
|
||||
.flag--iq { background-position: top -96px left -256px; }
|
||||
.flag--ir { background-position: top -96px left -272px; }
|
||||
.flag--is { background-position: top -96px left -288px; }
|
||||
.flag--it { background-position: top -96px left -304px; }
|
||||
|
||||
/* Jx */
|
||||
.flag--jm { background-position: top -108px left -192px; }
|
||||
.flag--jo { background-position: top -108px left -224px; }
|
||||
.flag--jp { background-position: top -108px left -240px; }
|
||||
|
||||
/* Kx */
|
||||
.flag--ke { background-position: top -120px left -64px; }
|
||||
.flag--kg { background-position: top -120px left -96px; }
|
||||
.flag--kh { background-position: top -120px left -112px; }
|
||||
.flag--ki { background-position: top -120px left -128px; }
|
||||
.flag--km { background-position: top -120px left -192px; }
|
||||
.flag--kn { background-position: top -120px left -208px; }
|
||||
.flag--kp { background-position: top -120px left -240px; }
|
||||
.flag--kr { background-position: top -120px left -272px; }
|
||||
.flag--kw { background-position: top -120px left -352px; }
|
||||
.flag--ky { background-position: top -120px left -384px; }
|
||||
.flag--kz { background-position: top -120px left -400px; }
|
||||
|
||||
/* Lx */
|
||||
.flag--la { background-position: top -132px left 0; }
|
||||
.flag--lb { background-position: top -132px left -16px; }
|
||||
.flag--lc { background-position: top -132px left -32px; }
|
||||
.flag--li { background-position: top -132px left -128px; }
|
||||
.flag--lk { background-position: top -132px left -160px; }
|
||||
.flag--lr { background-position: top -132px left -272px; }
|
||||
.flag--ls { background-position: top -132px left -288px; }
|
||||
.flag--lt { background-position: top -132px left -304px; }
|
||||
.flag--lu { background-position: top -132px left -320px; }
|
||||
.flag--lv { background-position: top -132px left -336px; }
|
||||
.flag--ly { background-position: top -132px left -384px; }
|
||||
|
||||
/* Mx */
|
||||
.flag--ma { background-position: top -144px left 0; }
|
||||
.flag--mc { background-position: top -144px left -32px; }
|
||||
.flag--md { background-position: top -144px left -48px; }
|
||||
.flag--me { background-position: top -144px left -64px; height: 12px; }
|
||||
.flag--mg { background-position: top -144px left -96px; }
|
||||
.flag--mh { background-position: top -144px left -112px; }
|
||||
.flag--mk { background-position: top -144px left -160px; }
|
||||
.flag--ml { background-position: top -144px left -176px; }
|
||||
.flag--mm { background-position: top -144px left -192px; }
|
||||
.flag--mn { background-position: top -144px left -208px; }
|
||||
.flag--mo { background-position: top -144px left -224px; }
|
||||
.flag--mp { background-position: top -144px left -240px; }
|
||||
.flag--mq { background-position: top -144px left -256px; }
|
||||
.flag--mr { background-position: top -144px left -272px; }
|
||||
.flag--ms { background-position: top -144px left -288px; }
|
||||
.flag--mt { background-position: top -144px left -304px; }
|
||||
.flag--mu { background-position: top -144px left -320px; }
|
||||
.flag--mv { background-position: top -144px left -336px; }
|
||||
.flag--mw { background-position: top -144px left -352px; }
|
||||
.flag--mx { background-position: top -144px left -368px; }
|
||||
.flag--my { background-position: top -144px left -384px; }
|
||||
.flag--mz { background-position: top -144px left -400px; }
|
||||
|
||||
/* Nx */
|
||||
.flag--na { background-position: top -156px left 0; }
|
||||
.flag--nc { background-position: top -156px left -32px; }
|
||||
.flag--ne { background-position: top -156px left -64px; }
|
||||
.flag--nf { background-position: top -156px left -80px; }
|
||||
.flag--ng { background-position: top -156px left -96px; }
|
||||
.flag--ni { background-position: top -156px left -128px; }
|
||||
.flag--nl { background-position: top -156px left -176px; }
|
||||
.flag--no { background-position: top -156px left -224px; }
|
||||
.flag--np { background-position: top -156px left -240px; width: 9px; }
|
||||
.flag--nr { background-position: top -156px left -272px; }
|
||||
.flag--nu { background-position: top -156px left -320px; }
|
||||
.flag--nz { background-position: top -156px left -400px; }
|
||||
|
||||
/* Ox */
|
||||
.flag--ok { background-position: top -168px left -160px; }
|
||||
|
||||
/* Px */
|
||||
.flag--pa { background-position: top -180px left 0; }
|
||||
.flag--pe { background-position: top -180px left -64px; }
|
||||
.flag--pf { background-position: top -180px left -80px; }
|
||||
.flag--pg { background-position: top -180px left -96px; }
|
||||
.flag--ph { background-position: top -180px left -112px; }
|
||||
.flag--pk { background-position: top -180px left -160px; }
|
||||
.flag--pl { background-position: top -180px left -176px; }
|
||||
.flag--pm { background-position: top -180px left -192px; }
|
||||
.flag--pn { background-position: top -180px left -208px; }
|
||||
.flag--pr { background-position: top -180px left -272px; }
|
||||
.flag--ps { background-position: top -180px left -288px; }
|
||||
.flag--pt { background-position: top -180px left -304px; }
|
||||
.flag--pw { background-position: top -180px left -352px; }
|
||||
.flag--py { background-position: top -180px left -384px; }
|
||||
|
||||
/* Qx */
|
||||
.flag--qa { background-position: top -192px left 0; }
|
||||
|
||||
/* Rx */
|
||||
.flag--re { background-position: top -204px left -64px; }
|
||||
.flag--ro { background-position: top -204px left -224px; }
|
||||
.flag--rs { background-position: top -204px left -288px; }
|
||||
.flag--ru { background-position: top -204px left -320px; }
|
||||
.flag--rw { background-position: top -204px left -352px; }
|
||||
|
||||
/* Sx */
|
||||
.flag--sa { background-position: top -216px left 0; }
|
||||
.flag--sb { background-position: top -216px left -16px; }
|
||||
.flag--sc { background-position: top -216px left -32px; }
|
||||
.flag--sd { background-position: top -216px left -48px; }
|
||||
.flag--se { background-position: top -216px left -64px; }
|
||||
.flag--sg { background-position: top -216px left -96px; }
|
||||
.flag--sh { background-position: top -216px left -112px; }
|
||||
.flag--si { background-position: top -216px left -128px; }
|
||||
.flag--sj { background-position: top -216px left -144px; }
|
||||
.flag--sk { background-position: top -216px left -160px; }
|
||||
.flag--sl { background-position: top -216px left -176px; }
|
||||
.flag--sm { background-position: top -216px left -192px; }
|
||||
.flag--sn { background-position: top -216px left -208px; }
|
||||
.flag--so { background-position: top -216px left -224px; }
|
||||
.flag--sr { background-position: top -216px left -272px; }
|
||||
.flag--st { background-position: top -216px left -304px; }
|
||||
.flag--sv { background-position: top -216px left -336px; }
|
||||
.flag--sy { background-position: top -216px left -384px; }
|
||||
.flag--sz { background-position: top -216px left -400px; }
|
||||
|
||||
/* Tx */
|
||||
.flag--tc { background-position: top -228px left -32px; }
|
||||
.flag--td { background-position: top -228px left -48px; }
|
||||
.flag--tf { background-position: top -228px left -80px; }
|
||||
.flag--tg { background-position: top -228px left -96px; }
|
||||
.flag--th { background-position: top -228px left -112px; }
|
||||
.flag--tj { background-position: top -228px left -144px; }
|
||||
.flag--tk { background-position: top -228px left -160px; }
|
||||
.flag--tl { background-position: top -228px left -176px; }
|
||||
.flag--tm { background-position: top -228px left -192px; }
|
||||
.flag--tn { background-position: top -228px left -208px; }
|
||||
.flag--to { background-position: top -228px left -224px; }
|
||||
.flag--tr { background-position: top -228px left -272px; }
|
||||
.flag--tt { background-position: top -228px left -304px; }
|
||||
.flag--tv { background-position: top -228px left -336px; }
|
||||
.flag--tw { background-position: top -228px left -352px; }
|
||||
.flag--tz { background-position: top -228px left -400px; }
|
||||
|
||||
/* Ux */
|
||||
.flag--ua { background-position: top -240px left 0; }
|
||||
.flag--ug { background-position: top -240px left -96px; }
|
||||
.flag--um { background-position: top -240px left -192px; }
|
||||
.flag--us { background-position: top -240px left -288px; }
|
||||
.flag--uy { background-position: top -240px left -384px; }
|
||||
.flag--uz { background-position: top -240px left -400px; }
|
||||
|
||||
/* Vx */
|
||||
.flag--va { background-position: top -252px left 0; }
|
||||
.flag--vc { background-position: top -252px left -32px; }
|
||||
.flag--ve { background-position: top -252px left -64px; }
|
||||
.flag--vg { background-position: top -252px left -96px; }
|
||||
.flag--vi { background-position: top -252px left -128px; }
|
||||
.flag--vn { background-position: top -252px left -208px; }
|
||||
.flag--vu { background-position: top -252px left -320px; }
|
||||
|
||||
/* Wx */
|
||||
.flag--wf { background-position: top -264px left -80px; }
|
||||
.flag--ws { background-position: top -264px left -288px; }
|
||||
|
||||
/* Xx */
|
||||
.flag--xm { background-position: top -276px left -192px; }
|
||||
|
||||
/* Yx */
|
||||
.flag--ye { background-position: top -288px left -64px; }
|
||||
.flag--yt { background-position: top -288px left -304px; }
|
||||
|
||||
/* Zx */
|
||||
.flag--za { background-position: top -300px left 0; }
|
||||
.flag--zm { background-position: top -300px left -192px; }
|
||||
.flag--zw { background-position: top -300px left -352px; }
|
||||
31
assets/css/misuzu/footer.css
Normal file
31
assets/css/misuzu/footer.css
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.footer {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.footer__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer__link:focus,
|
||||
.footer__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.footer__wrapper {
|
||||
max-width: var(--site-max-width);
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-size: .9em;
|
||||
line-height: 1.5em;
|
||||
padding: 1em 0;
|
||||
}
|
||||
.footer__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--header-accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
32
assets/css/misuzu/forum/actions.css
Normal file
32
assets/css/misuzu/forum/actions.css
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
.forum__actions {
|
||||
margin: 2px 0;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.forum__actions__pagination {
|
||||
max-width: 500px;
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.forum__actions__buttons {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
.forum__actions__button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.forum__actions__pagination {
|
||||
max-width: 100%;
|
||||
flex-grow: 0;
|
||||
}
|
||||
}
|
||||
232
assets/css/misuzu/forum/categories.css
Normal file
232
assets/css/misuzu/forum/categories.css
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
.forum__categories {
|
||||
margin: 2px 0;
|
||||
box-sizing: content-box;
|
||||
overflow: auto;
|
||||
}
|
||||
.forum__categories__empty {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.forum__categories__list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.forum__category {
|
||||
border-radius: 2px;
|
||||
background-color: rgba(17, 17, 17, .6);
|
||||
transition: background-color .2s, box-shadow .2s;
|
||||
}
|
||||
.forum__category:nth-child(even) {
|
||||
background-color: rgba(25, 25, 25, .6);
|
||||
}
|
||||
.forum__category:hover,
|
||||
.forum__category:focus {
|
||||
background-color: #2229;
|
||||
box-shadow: 0 1px 4px #222;
|
||||
}
|
||||
.forum__category:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.forum__category__link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.forum__category__container {
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
align-items: center;
|
||||
min-height: 50px;
|
||||
pointer-events: none;
|
||||
|
||||
}
|
||||
|
||||
.forum__category__icon {
|
||||
flex: 0 0 40px;
|
||||
border-radius: 2px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 4px;
|
||||
background-color: #333;
|
||||
background-size: 80px 80px;
|
||||
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
font-size: 2em;
|
||||
line-height: 1.5em;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 1px; /* fixes centering */
|
||||
}
|
||||
.forum__category__icon--unread {
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.forum__category__details {
|
||||
margin: 0 4px;
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.forum__category__title {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.forum__category__description,
|
||||
.forum__category__subforums {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.forum__category__subforums {
|
||||
display: flex;
|
||||
}
|
||||
.forum__category__subforum {
|
||||
padding: 2px;
|
||||
pointer-events: initial;
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.forum__category__subforum:hover,
|
||||
.forum__category__subforum:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__category__subforum--unread {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.forum__category__stats,
|
||||
.forum__category__activity {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.forum__category__stats {
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.forum__category__stat {
|
||||
font-size: .9em;
|
||||
line-height: 1.3em;
|
||||
opacity: .7;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.forum__category__stat:first-child {
|
||||
font-size: 1.5em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.forum__category__activity {
|
||||
text-align: right;
|
||||
min-width: 270px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.forum__category__activity__none,
|
||||
.forum__category__activity__details {
|
||||
margin: 0 8px;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.forum__category__activity__details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.forum__category__activity__post {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
pointer-events: initial;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 200px;
|
||||
}
|
||||
.forum__category__activity__post:hover,
|
||||
.forum__category__activity__post:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__category__username {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
pointer-events: initial;
|
||||
}
|
||||
.forum__category__username:hover,
|
||||
.forum__category__username:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__category__avatar {
|
||||
display: block;
|
||||
flex: 0 0 auto;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
pointer-events: initial;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.forum__category__container {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.forum__category__details {
|
||||
flex-basis: calc(100% - 100px);
|
||||
}
|
||||
.forum__category__stats {
|
||||
min-width: initial;
|
||||
border-left-width: 0;
|
||||
align-self: flex-start;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.forum__category__stat {
|
||||
font-size: 1em;
|
||||
margin: 0 4px;
|
||||
}
|
||||
.forum__category__activity {
|
||||
min-width: 100%;
|
||||
}
|
||||
.forum__category__activity--empty {
|
||||
display: none;
|
||||
}
|
||||
.forum__category__activity__none,
|
||||
.forum__category__activity__details {
|
||||
margin: 1px 4px 0;
|
||||
}
|
||||
.forum__category__activity__details {
|
||||
flex-direction: row;
|
||||
}
|
||||
.forum__category__activity__post {
|
||||
flex: 1 0 auto;
|
||||
text-align: left;
|
||||
max-width: 120px;
|
||||
}
|
||||
.forum__category__activity__info {
|
||||
width: 100%;
|
||||
}
|
||||
.forum__category__avatar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
15
assets/css/misuzu/forum/confirm.css
Normal file
15
assets/css/misuzu/forum/confirm.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
.forum__confirm {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.forum__confirm__message {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.forum__confirm__buttons {
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
justify-content: center;
|
||||
}
|
||||
.forum__confirm__button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
73
assets/css/misuzu/forum/header.css
Normal file
73
assets/css/misuzu/forum/header.css
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
.forum__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 8px 10px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.forum__header__title {
|
||||
font-size: 2em;
|
||||
line-height: 1.5em;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.forum__header__title[href]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.forum__header__title--fill {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forum__header__input {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-shadow: initial;
|
||||
font-size: 1em;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.forum__header__breadcrumbs {
|
||||
display: flex;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
align-items: center;
|
||||
}
|
||||
.forum__header__breadcrumb {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.forum__header__breadcrumb:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.forum__header__breadcrumb__separator {
|
||||
color: var(--accent-colour);
|
||||
margin: 0 4px;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.forum__header__actions {
|
||||
display: flex;
|
||||
}
|
||||
.forum__header__action {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: color .2s;
|
||||
padding: 2px 5px;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.forum__header__action:hover,
|
||||
.forum__header__action:focus {
|
||||
color: var(--accent-colour);
|
||||
}
|
||||
.forum__header__action:not(:last-child) {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.forum__header__action[disabled] {
|
||||
opacity: .4;
|
||||
}
|
||||
113
assets/css/misuzu/forum/leaderboard.css
Normal file
113
assets/css/misuzu/forum/leaderboard.css
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
.forum__leaderboard__categories {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 2px 0;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
.forum__leaderboard__category {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
margin: 2px;
|
||||
padding: 2px 5px;
|
||||
border-radius: 4px;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.forum__leaderboard__category:hover,
|
||||
.forum__leaderboard__category:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.forum__leaderboard__category--active,
|
||||
.forum__leaderboard__category:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
.forum__leaderboard__markdown {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 500px;
|
||||
margin: 2px auto;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user {
|
||||
margin: 2px 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.forum__leaderboard__user--rank-1 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
.forum__leaderboard__user--rank-2,
|
||||
.forum__leaderboard__user--rank-3 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__content {
|
||||
display: flex;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__rank {
|
||||
height: 40px;
|
||||
min-width: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.forum__leaderboard__user__rank:before {
|
||||
content: "#";
|
||||
}
|
||||
.forum__leaderboard__user--rank-1 .forum__leaderboard__user__rank {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 2px 7px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.forum__leaderboard__user--rank-1 .forum__leaderboard__user__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__username {
|
||||
flex: 1 1 auto;
|
||||
line-height: 30px;
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
}
|
||||
.forum__leaderboard__user--rank-1 .forum__leaderboard__user__username {
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user__posts {
|
||||
flex: 0 0 auto;
|
||||
min-width: 150px;
|
||||
border-left: 1px solid rgba(255, 255, 255, .2);
|
||||
line-height: 30px;
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.forum__leaderboard__user--rank-1 .forum__leaderboard__user__posts {
|
||||
line-height: 40px;
|
||||
}
|
||||
104
assets/css/misuzu/forum/poll.css
Normal file
104
assets/css/misuzu/forum/poll.css
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
.forum__poll__container {
|
||||
margin: 2px 0;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.forum__poll__toggle,
|
||||
.forum__poll__toggle:checked ~ .forum__poll__container--poll,
|
||||
.forum__poll__toggle:not(:checked) ~ .forum__poll__container--results {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.forum__poll__options {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 500px;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.forum__poll__results {
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.forum__poll__option {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.forum__poll__remaining,
|
||||
.forum__poll__expires {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.forum__poll__remaining__num,
|
||||
.forum__poll__expires__num,
|
||||
.forum__poll__remaining__datetime,
|
||||
.forum__poll__expires__datetime {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.forum__poll__buttons {
|
||||
display: flex;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.forum__poll__button {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.forum__poll__result {
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
margin: 4px 0;
|
||||
border: 1px solid var(--accent-colour);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forum__poll__result__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
background: var(--accent-colour);
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
.forum__poll__result--voted .forum__poll__result__background {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.forum__poll__result__container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.forum__poll__result__text {
|
||||
flex: 1 1 auto;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.forum__poll__result--voted .forum__poll__result__text {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.forum__poll__result__votes {
|
||||
flex: 0 0 auto;
|
||||
padding: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.forum__poll__result__percent {
|
||||
flex: 0 0 auto;
|
||||
padding: 5px;
|
||||
min-width: 60px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
.forum__poll__options {
|
||||
min-width: 300px;
|
||||
}
|
||||
}
|
||||
254
assets/css/misuzu/forum/post.css
Normal file
254
assets/css/misuzu/forum/post.css
Normal file
|
|
@ -0,0 +1,254 @@
|
|||
.forum__post {
|
||||
display: flex;
|
||||
margin: 2px 0;
|
||||
}
|
||||
.forum__post--deleted {
|
||||
opacity: .5;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.forum__post--deleted:hover,
|
||||
.forum__post--deleted:focus,
|
||||
.forum__post--deleted:focus-within {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.forum__post__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.forum__post__details {
|
||||
font-size: .9em;
|
||||
line-height: 1.7em;
|
||||
padding: 0 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.forum__post__datetime,
|
||||
.forum__post__id,
|
||||
.forum__post__mode {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.forum__post__datetime:hover,
|
||||
.forum__post__datetime:focus,
|
||||
.forum__post__id:hover,
|
||||
.forum__post__id:focus,
|
||||
.forum__post__mode:hover,
|
||||
.forum__post__mode:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__post__text {
|
||||
margin: 2px;
|
||||
line-height: 1.2em;
|
||||
flex: 1 1 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.forum__post__text--edit {
|
||||
/* figure out why this is needed */
|
||||
max-width: calc(100% - 4px);
|
||||
min-width: calc(100% - 4px);
|
||||
margin: 2px 2px 0;
|
||||
min-height: 400px;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
padding: 2px 5px;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.forum__post__info__content {
|
||||
width: 150px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
flex: 0 0 auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.forum__post__info__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.forum__post__icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.forum__post__posts-count {
|
||||
font-size: .9em;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.forum__post__joined {
|
||||
flex: 1 1 auto;
|
||||
max-width: 170px;
|
||||
font-size: .9em;
|
||||
justify-self: flex-end;
|
||||
}
|
||||
|
||||
.forum__post__avatar {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.forum__post__username {
|
||||
color: inherit;
|
||||
font-size: 1.4em;
|
||||
line-height: 2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.forum__post__username[href]:hover,
|
||||
.forum__post__username[href]:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__post__usertitle {
|
||||
font-size: .9em;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.forum__post__options {
|
||||
margin: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.forum__post__settings {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.forum__post__dropdown {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.forum__post__actions {
|
||||
display: flex;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.forum__post__action {
|
||||
padding: 5px 10px;
|
||||
margin: 1px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: background-color .2s;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.forum__post__action:hover,
|
||||
.forum__post__action:focus {
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
.forum__post__signature {
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
padding: 2px;
|
||||
max-height: 150px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.forum__post__signature img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.forum__post__badge {
|
||||
background-color: var(--accent-colour);
|
||||
border-radius: 12px;
|
||||
width: 100%;
|
||||
padding: 2px;
|
||||
box-shadow: 0 2px 3px #000A;
|
||||
margin: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.forum__post__badge__desktop {
|
||||
display: block;
|
||||
}
|
||||
.forum__post__badge__mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.forum__post {
|
||||
flex-direction: column;
|
||||
}
|
||||
.forum__post__text {
|
||||
margin: 4px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.forum__post__info {
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
.forum__post__info__content {
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
padding: 10px;
|
||||
}
|
||||
.forum__post__info__background {
|
||||
mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
|
||||
}
|
||||
.forum__post__icons {
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.forum__post__joined {
|
||||
display: none;
|
||||
}
|
||||
.forum__post__avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.forum__post__username {
|
||||
flex: 1 1 auto;
|
||||
text-align: left;
|
||||
margin: 0 4px;
|
||||
}
|
||||
.forum__post__usertitle {
|
||||
display: none;
|
||||
}
|
||||
.forum__post__options {
|
||||
flex-direction: column;
|
||||
}
|
||||
.forum__post__badge {
|
||||
width: auto;
|
||||
padding: 2px 10px;
|
||||
margin: 0;
|
||||
align-self: flex-start;
|
||||
margin-left: 5px;
|
||||
font-size: .9em;
|
||||
}
|
||||
.forum__post__badge__desktop {
|
||||
display: none;
|
||||
}
|
||||
.forum__post__badge__mobile {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
37
assets/css/misuzu/forum/priority.css
Normal file
37
assets/css/misuzu/forum/priority.css
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
.forum__priority__votes {
|
||||
text-align: center;
|
||||
margin: 5px 16px 5px 5px;
|
||||
-webkit-touch-callout: none !important;
|
||||
-webkit-user-select: none !important;
|
||||
-khtml-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
-ms-user-select: none !important;
|
||||
user-select: none !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.forum__priority__vote {
|
||||
font-size: 14px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.forum__priority__star {
|
||||
margin-right: -.9em;
|
||||
opacity: .6;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
color: var(--user-colour);
|
||||
transition: text-shadow .2s;
|
||||
}
|
||||
.forum__priority__star:last-child {
|
||||
margin-right: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.forum__priority__vote:hover .forum__priority__star {
|
||||
text-shadow: 0 0 1px #fff;
|
||||
}
|
||||
|
||||
.forum__priority__input {
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
38
assets/css/misuzu/forum/status.css
Normal file
38
assets/css/misuzu/forum/status.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
.forum__status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 40px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.forum__status__icon {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 2em;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.forum__status__icon__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(270deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.forum__status__text {
|
||||
margin: 0 5px;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.forum__status__emphasis {
|
||||
font-weight: 700;
|
||||
}
|
||||
288
assets/css/misuzu/forum/topics.css
Normal file
288
assets/css/misuzu/forum/topics.css
Normal file
|
|
@ -0,0 +1,288 @@
|
|||
.forum__topics {
|
||||
margin-bottom: 2px;
|
||||
box-sizing: content-box;
|
||||
overflow: auto;
|
||||
}
|
||||
.forum__topics__empty {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.forum__topics__list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.forum__topic {
|
||||
border-radius: 2px;
|
||||
background-color: rgba(17, 17, 17, .6);
|
||||
transition: background-color .2s, box-shadow .2s, opacity .2s;
|
||||
}
|
||||
.forum__topic:nth-child(even) {
|
||||
background-color: rgba(25, 25, 25, .6);
|
||||
}
|
||||
.forum__topic:hover,
|
||||
.forum__topic:focus {
|
||||
background-color: rgba(34, 34, 34, .6);
|
||||
box-shadow: 0 1px 4px #222;
|
||||
}
|
||||
.forum__topic:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.forum__topic--deleted {
|
||||
opacity: .4;
|
||||
}
|
||||
.forum__topic--deleted .forum__topic:hover,
|
||||
.forum__topic--deleted .forum__topic:focus {
|
||||
opacity: .8;
|
||||
}
|
||||
.forum__topic--locked {
|
||||
opacity: .6;
|
||||
}
|
||||
.forum__topic--locked .forum__topic:hover,
|
||||
.forum__topic--locked .forum__topic:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.forum__topic__link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.forum__topic__container {
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
align-items: center;
|
||||
min-height: 40px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.forum__topic__icon {
|
||||
flex: 0 0 auto;
|
||||
border-radius: 2px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 4px;
|
||||
background-color: #333;
|
||||
background-size: 60px 60px;
|
||||
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1px 1px 0 2px;
|
||||
}
|
||||
.forum__topic__icon--wide {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.forum__topic__icon--unread {
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
.forum__topic__icon--faded {
|
||||
opacity: .3;
|
||||
}
|
||||
.forum__topic__icon__participated {
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
right: 2px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 1px 2px #111;
|
||||
pointer-events: initial;
|
||||
}
|
||||
.forum__topic__icon__priority {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 30px;
|
||||
font-size: .9em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.forum__topic__details {
|
||||
margin: 0 4px;
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
line-height: 1.5em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.forum__topic__title {
|
||||
font-size: 1.3em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.forum__topic__info {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.forum__topic__stats,
|
||||
.forum__topic__activity {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.forum__topic__stats {
|
||||
text-align: center;
|
||||
min-width: 80px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.forum__topic__stat {
|
||||
font-size: .9em;
|
||||
line-height: 1.3em;
|
||||
opacity: .7;
|
||||
pointer-events: auto;
|
||||
cursor: default;
|
||||
}
|
||||
.forum__topic__stat:first-child {
|
||||
font-size: 1.4em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.forum__topic__activity {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: right;
|
||||
min-width: 200px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.forum__topic__activity__details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
margin: 0 8px;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.forum__topic__activity__post {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
pointer-events: initial;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 120px;
|
||||
}
|
||||
.forum__topic__activity__post:hover,
|
||||
.forum__topic__activity__post:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__topic__username {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
pointer-events: initial;
|
||||
}
|
||||
.forum__topic__username:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.forum__topic__avatar {
|
||||
display: block;
|
||||
flex: 0 0 auto;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
pointer-events: initial;
|
||||
}
|
||||
|
||||
.forum__topic__pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: .9em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.forum__topic__pagination__separator {
|
||||
margin: 0 8px;
|
||||
}
|
||||
.forum__topic__pagination__item {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
pointer-events: initial;
|
||||
margin: 0 1px;
|
||||
padding: 2px 4px;
|
||||
border-radius: 2px;
|
||||
min-width: 25px;
|
||||
height: 25px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 1px 1px #111;
|
||||
border-radius: 2px;
|
||||
transition: background-color .2s, box-shadow .2s;
|
||||
}
|
||||
.forum__topic__pagination__item:hover,
|
||||
.forum__topic__pagination__item:focus {
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.forum__topic__container {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.forum__topic__details {
|
||||
max-width: 70%;
|
||||
}
|
||||
.forum__topic__stats {
|
||||
min-width: initial;
|
||||
border-left-width: 0;
|
||||
align-self: flex-start;
|
||||
align-items: flex-end;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.forum__topic__stat {
|
||||
font-size: 1em;
|
||||
margin: 0 4px;
|
||||
}
|
||||
.forum__topic__activity {
|
||||
min-width: 100%;
|
||||
}
|
||||
.forum__topic__activity__details {
|
||||
margin: 1px 4px 0;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.forum__topic__avatar {
|
||||
display: none;
|
||||
}
|
||||
.forum__topic__pagination__separator {
|
||||
display: none;
|
||||
}
|
||||
.forum__topic__pagination__item {
|
||||
min-width: 30px;
|
||||
height: 30px;
|
||||
line-height: 26px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.forum__topic__pagination {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
286
assets/css/misuzu/header.css
Normal file
286
assets/css/misuzu/header.css
Normal file
|
|
@ -0,0 +1,286 @@
|
|||
.header {
|
||||
--header-image-px: 60px;
|
||||
--header-link-margin: 14px;
|
||||
--header-background-mask-image: linear-gradient(180deg, var(--background-colour) 0, transparent 100%);
|
||||
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.header__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--header-accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
mask-image: var(--header-background-mask-image);
|
||||
-webkit-mask-image: var(--header-background-mask-image); /* fuck chrome */
|
||||
}
|
||||
|
||||
/** DESKTOP HEADER **/
|
||||
.header__desktop {
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 4px;
|
||||
max-width: var(--site-max-width);
|
||||
height: var(--header-height-desktop);
|
||||
}
|
||||
.header__desktop__logo {
|
||||
flex: 0 0 auto;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
background: no-repeat center / cover;
|
||||
background-image: var(--site-logo);
|
||||
width: var(--header-image-px);
|
||||
height: var(--header-image-px);
|
||||
font-size: 0;
|
||||
transition: width .1s, height .1s;
|
||||
}
|
||||
|
||||
.header__desktop__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
min-width: 100px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
padding: 4px 10px;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.header__desktop__link:hover,
|
||||
.header__desktop__link:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.header__desktop__link:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
.header__desktop__menus {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
height: 100%;
|
||||
}
|
||||
.header__desktop__menu {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.header__desktop__menu__link {
|
||||
margin: var(--header-link-margin) 0;
|
||||
font-size: 1.2em;
|
||||
padding: 6px 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header__desktop__submenu {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
transition: max-height .2s;
|
||||
left: -5px;
|
||||
top: 50px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.header__desktop__submenu__link {
|
||||
margin: 5px;
|
||||
}
|
||||
.header__desktop__submenu__background {
|
||||
background: var(--header-accent-colour);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.header__desktop__submenu__content {
|
||||
background: var(--background-colour-translucent-9);
|
||||
overflow: hidden;
|
||||
}
|
||||
.header__desktop__menu:hover .header__desktop__submenu,
|
||||
.header__desktop__menu:focus .header__desktop__submenu,
|
||||
.header__desktop__menu:focus-within .header__desktop__submenu,
|
||||
.header__desktop__menu:active .header__desktop__submenu {
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.header__desktop__user {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
}
|
||||
.header__desktop__user__avatar {
|
||||
width: var(--header-image-px);
|
||||
height: var(--header-image-px);
|
||||
margin-left: 5px;
|
||||
transition: width .1s, height .1s;
|
||||
box-shadow: 0 0 4px #111;
|
||||
}
|
||||
.header__desktop__user__avatar:hover,
|
||||
.header__desktop__user__avatar:focus,
|
||||
.header__desktop__user__avatar:active {
|
||||
box-shadow: inset 0 0 0 1px var(--user-colour), 0 0 4px #111;
|
||||
}
|
||||
.header__desktop__user__button {
|
||||
margin: 2px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 1.5em;
|
||||
line-height: 32px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
transition: background-color .2s;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.header__desktop__user__button:hover,
|
||||
.header__desktop__user__button:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.header__desktop__user__button:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
.header__desktop__user__button__count {
|
||||
position: absolute;
|
||||
bottom: 1px;
|
||||
right: 1px;
|
||||
font-size: 10px;
|
||||
background-color: var(--header-accent-colour);
|
||||
opacity: .9;
|
||||
border-radius: 4px;
|
||||
line-height: 12px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
/** MOBILE HEADER **/
|
||||
.header__mobile {
|
||||
--header-icon-px: 40px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.header__mobile__icons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: var(--header-height-mobile);
|
||||
padding: 5px;
|
||||
z-index: 100;
|
||||
|
||||
-webkit-touch-callout: none !important;
|
||||
-webkit-user-select: none !important;
|
||||
-khtml-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
-ms-user-select: none !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
.header__mobile__icon {
|
||||
flex: 0 0 auto;
|
||||
cursor: pointer;
|
||||
font-size: 32px;
|
||||
width: var(--header-icon-px);
|
||||
height: var(--header-icon-px);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
-webkit-touch-callout: none !important;
|
||||
-webkit-user-select: none !important;
|
||||
-khtml-user-select: none !important;
|
||||
-moz-user-select: none !important;
|
||||
-ms-user-select: none !important;
|
||||
user-select: none !important;
|
||||
}
|
||||
|
||||
.header__mobile__logo {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background: no-repeat center / cover;
|
||||
background-image: var(--site-logo);
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.header__mobile__avatar {
|
||||
transition: box-shadow .2s;
|
||||
box-shadow: 0 0 4px #111;
|
||||
}
|
||||
|
||||
.header__mobile__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__mobile__menu {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--header-accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
transition: max-height .2s;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
text-shadow: 0 1px 4px #000;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.header__mobile__menu__spacer {
|
||||
height: var(--header-height-mobile);
|
||||
}
|
||||
|
||||
.header__mobile__toggle:checked ~ .header__mobile__menu {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.header__mobile__user {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-bottom: 1px solid #fff;
|
||||
padding: 5px 5px 3px; /* extra 2px is provided by the buttons */
|
||||
}
|
||||
|
||||
.header__mobile__navigation {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.header__mobile__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
padding-left: 20px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
transition: background-color .2s, margin .1s, opacity .1s;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.header__mobile__link:not(:last-child) {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.header__mobile__link--primary {
|
||||
font-size: 1.5em;
|
||||
padding: 10px;
|
||||
}
|
||||
.header__mobile__link--user {
|
||||
margin: 2px;
|
||||
font-size: 1.5em;
|
||||
padding: 10px;
|
||||
}
|
||||
.header__mobile__link:hover,
|
||||
.header__mobile__link:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.header__mobile__link:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.header__desktop { display: none; }
|
||||
}
|
||||
@media (min-width: 801px) {
|
||||
.header__mobile { display: none; }
|
||||
}
|
||||
84
assets/css/misuzu/home/landingv2-footer.css
Normal file
84
assets/css/misuzu/home/landingv2-footer.css
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
.landingv2-footer {
|
||||
flex: 0 0 auto;
|
||||
--footer-background-mask-image: linear-gradient(180deg, transparent, var(--background-colour) 30px);
|
||||
margin-top: 4px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.landingv2-footer-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: var(--footer-background-mask-image);
|
||||
-webkit-mask-image: var(--footer-background-mask-image);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--header-accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
.landingv2-footer-wrapper {
|
||||
max-width: var(--site-max-width);
|
||||
margin: 0 auto;
|
||||
padding: 1em 4px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.landingv2-footer-navigation {}
|
||||
.landingv2-footer-navigation a {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
min-width: 200px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
padding: 4px 10px;
|
||||
margin: 1px 0;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.landingv2-footer-navigation a:hover,
|
||||
.landingv2-footer-navigation a:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.landingv2-footer-navigation a:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
.landingv2-footer-copyright {
|
||||
text-align: right;
|
||||
line-height: 1.8em;
|
||||
font-size: .9em;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.landingv2-footer-copyright a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.landingv2-footer-copyright a:focus,
|
||||
.landingv2-footer-copyright a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media(max-width: 800px) {
|
||||
.landingv2-footer-wrapper {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.landingv2-footer-navigation {
|
||||
text-align: center;
|
||||
margin: 0 8px;
|
||||
}
|
||||
.landingv2-footer-navigation div {
|
||||
display: inline-block;
|
||||
}
|
||||
.landingv2-footer-navigation a {
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.landingv2-footer-copyright {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
91
assets/css/misuzu/home/landingv2-header.css
Normal file
91
assets/css/misuzu/home/landingv2-header.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
.landingv2-header {
|
||||
flex: 0 0 auto;
|
||||
--header-background-mask-image: linear-gradient(0deg, transparent, var(--background-colour) 100px);
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.landingv2-header-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--header-accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
mask-image: var(--header-background-mask-image);
|
||||
-webkit-mask-image: var(--header-background-mask-image);
|
||||
}
|
||||
.landingv2-header-content {
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.landingv2-welcome {
|
||||
text-align: center;
|
||||
margin: 10px;
|
||||
}
|
||||
.landingv2-welcome a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.landingv2-welcome img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.landingv2-header-menu {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-gap: 4px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.landingv2-header-menu-link {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
background-color: var(--background-colour);
|
||||
border: 1px solid var(--header-accent-colour);
|
||||
transition: background-color .2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 70px;
|
||||
font-size: 1.4em;
|
||||
padding: 10px 16px;
|
||||
grid-column: 1;
|
||||
}
|
||||
.landingv2-header-menu-link:hover,
|
||||
.landingv2-header-menu-link:focus {
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.landingv2-auth-link {
|
||||
font-size: 2em;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
grid-column: 2;
|
||||
}
|
||||
.landingv2-auth-link-login {
|
||||
grid-row: 1 / span 2;
|
||||
}
|
||||
|
||||
@media(max-width: 700px) {
|
||||
.landingv2-header-menu {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.landingv2-auth-link {
|
||||
grid-column: 1;
|
||||
}
|
||||
|
||||
.landingv2-auth-link-login {
|
||||
grid-row: 1;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.landingv2-auth-link-register {
|
||||
grid-row: 2;
|
||||
}
|
||||
}
|
||||
211
assets/css/misuzu/home/landingv2.css
Normal file
211
assets/css/misuzu/home/landingv2.css
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
.landingv2-content {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.landingv2-stats {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 40px;
|
||||
margin: 40px;
|
||||
}
|
||||
|
||||
.landingv2-stat {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 10px;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
}
|
||||
.landingv2-stat-icon {
|
||||
font-size: 4em;
|
||||
}
|
||||
.landingv2-stat-value {
|
||||
font-size: 2em;
|
||||
text-align: right;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.landingv2-stat-value-num {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.landingv2-forum {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-gap: 2px;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.landingv2-forum-topics {
|
||||
background-color: var(--container-colour);
|
||||
box-shadow: 0 1px 2px #0009;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.landingv2-forum-topics-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.landingv2-forum-topic {
|
||||
border-radius: 2px;
|
||||
background-color: rgba(17, 17, 17, .6);
|
||||
transition: background-color .2s, box-shadow .2s, opacity .2s;
|
||||
}
|
||||
.landingv2-forum-topic:nth-child(even) {
|
||||
background-color: rgba(25, 25, 25, .6);
|
||||
}
|
||||
.landingv2-forum-topic:hover,
|
||||
.landingv2-forum-topic:focus {
|
||||
background-color: rgba(34, 34, 34, .6);
|
||||
box-shadow: 0 1px 4px #222;
|
||||
}
|
||||
.landingv2-forum-topic:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.landingv2-forum-topic-link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.landingv2-forum-topic-info {
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
align-items: center;
|
||||
min-height: 40px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.landingv2-forum-topic-info-icon {
|
||||
flex: 0 0 auto;
|
||||
border-radius: 2px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 4px;
|
||||
background-color: var(--accent-colour);
|
||||
background-size: 60px 60px;
|
||||
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1px 1px 0 2px;
|
||||
}
|
||||
|
||||
.landingv2-forum-topic-info-details {
|
||||
margin: 0 4px;
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
line-height: 1.6em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.landingv2-forum-topic-info-details-title {
|
||||
font-size: 1.3em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.landingv2-forum-topic-info-stats {
|
||||
font-size: .9em;
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
text-align: center;
|
||||
min-width: 60px;
|
||||
flex-direction: column;
|
||||
}
|
||||
.landingv2-forum-topic-info-stats-posts,
|
||||
.landingv2-forum-topic-info-stats-views {
|
||||
font-size: .9em;
|
||||
line-height: 1.3em;
|
||||
opacity: .7;
|
||||
pointer-events: auto;
|
||||
cursor: default;
|
||||
}
|
||||
.landingv2-forum-topic-info-stats-posts {
|
||||
font-size: 1.4em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.landingv2-news {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 2px;
|
||||
}
|
||||
|
||||
.landingv2-news-post {
|
||||
background-color: var(--container-colour);
|
||||
box-shadow: 0 1px 2px #0009;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.landingv2-news-post p {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.landingv2-news-post-options {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.landingv2-online {
|
||||
background-color: var(--container-colour);
|
||||
box-shadow: 0 1px 2px #0009;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
margin: 4px 0;
|
||||
}
|
||||
.landingv2-online-users {
|
||||
scrollbar-width: thin;
|
||||
overflow: auto;
|
||||
}
|
||||
.landingv2-online-inner {
|
||||
display: flex;
|
||||
padding: 2px;
|
||||
}
|
||||
.landingv2-online-avatar {
|
||||
margin: 2px;
|
||||
display: block;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
@media(max-width: 1100px) {
|
||||
.landingv2-stat {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 1024px) {
|
||||
.landingv2-stats {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 900px) {
|
||||
.landingv2-forum,
|
||||
.landingv2-news {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 700px) {
|
||||
.landingv2-stats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
111
assets/css/misuzu/landing.css
Normal file
111
assets/css/misuzu/landing.css
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
.landing {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.landing__container {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.landing__sidebar {
|
||||
width: 300px;
|
||||
margin-right: 2px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.landing__main {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.landing__stats__emphasis {
|
||||
font-weight: 700;
|
||||
}
|
||||
.landing__stats__link {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.landing__stats__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.landing__online {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
margin: 6px;
|
||||
}
|
||||
.landing__online__user {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
font-size: 0;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 2px;
|
||||
transition: box-shadow .2s;
|
||||
}
|
||||
.landing__online__user:hover {
|
||||
box-shadow: 0 0 2px var(--user-colour);
|
||||
}
|
||||
|
||||
.landing__statistics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.landing__statistic {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 45%;
|
||||
padding: 4px 0;
|
||||
}
|
||||
.landing__statistic__name {
|
||||
font-size: 1.3em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.landing__statistic__value {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.landing__latest {
|
||||
display: flex;
|
||||
padding: 4px;
|
||||
margin: 4px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
transition: background-color .2s, box-shadow .2s;
|
||||
}
|
||||
.landing__latest:focus,
|
||||
.landing__latest:hover {
|
||||
background-color: rgba(34, 34, 34, .6);
|
||||
box-shadow: 0 1px 4px #222;
|
||||
}
|
||||
.landing__latest__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.landing__latest__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.landing__latest__username {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.4em;
|
||||
color: var(--user-colour);
|
||||
}
|
||||
.landing__latest__joined {
|
||||
font-size: .9em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.landing {
|
||||
flex-direction: column;
|
||||
}
|
||||
.landing__sidebar {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
25
assets/css/misuzu/manage/_manage.css
Normal file
25
assets/css/misuzu/manage/_manage.css
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.manage {
|
||||
display: flex;
|
||||
}
|
||||
.manage__sidebar {
|
||||
flex: 0 0 auto;
|
||||
width: 280px;
|
||||
}
|
||||
.manage__content {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.manage__description {
|
||||
font-size: .9em;
|
||||
margin: 1px 2px;
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.manage {
|
||||
flex-direction: column;
|
||||
}
|
||||
.manage__sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
28
assets/css/misuzu/manage/blacklist.css
Normal file
28
assets/css/misuzu/manage/blacklist.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.manage__blacklist {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.manage__blacklist__form {
|
||||
margin: 2px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.manage__blacklist__select,
|
||||
.manage__blacklist__textarea {
|
||||
margin: 0;
|
||||
padding: 5px 10px;
|
||||
font-family: monospace;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 400px;
|
||||
}
|
||||
.manage__blacklist__button { margin-top: 1px; }
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.manage__blacklist {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
39
assets/css/misuzu/manage/changelog-actions-tags.css
Normal file
39
assets/css/misuzu/manage/changelog-actions-tags.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
.changelog-actions-tags {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.changelog-actions-tags__panel--actions {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.changelog-actions-tags__panel--tags {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.changelog-actions-tags__list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.changelog-actions-tags__entry {
|
||||
color: var(--user-colour);
|
||||
text-decoration: none;
|
||||
width: 200px;
|
||||
border: 1px solid var(--accent-colour);
|
||||
border-radius: 2px;
|
||||
margin: 2px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.changelog-actions-tags__entry:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.changelog-actions-tags {
|
||||
flex-direction: column;
|
||||
}
|
||||
.changelog-actions-tags__panel--actions {
|
||||
margin-left: 2px;
|
||||
width: 210px;
|
||||
}
|
||||
}
|
||||
17
assets/css/misuzu/manage/emote.css
Normal file
17
assets/css/misuzu/manage/emote.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.manage__emote__field {
|
||||
display: flex;
|
||||
margin: 2px;
|
||||
align-items: center;
|
||||
}
|
||||
.manage__emote__field__name {
|
||||
min-width: 100px;
|
||||
padding: 5px;
|
||||
}
|
||||
.manage__emote__field__value {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.manage__emote__actions {
|
||||
text-align: center;
|
||||
margin: 5px;
|
||||
}
|
||||
50
assets/css/misuzu/manage/emotes.css
Normal file
50
assets/css/misuzu/manage/emotes.css
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
.manage__emotes__actions {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.manage__emotes__emoticon {
|
||||
max-width: 100px;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
.manage__emotes__list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.manage__emotes__entry {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.manage__emotes__entry--header {
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.manage__emotes__entry__id,
|
||||
.manage__emotes__entry__order,
|
||||
.manage__emotes__entry__hierarchy {
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.manage__emotes__entry__string {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.manage__emotes__entry__image {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.manage__emotes__entry__actions {
|
||||
min-width: 170px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.manage__emotes__entry__actions .input__button {
|
||||
margin: 1px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
17
assets/css/misuzu/manage/navigation.css
Normal file
17
assets/css/misuzu/manage/navigation.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.manage__navigation {
|
||||
margin: 0 2px 2px;
|
||||
}
|
||||
.manage__navigation__links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.manage__navigation__link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 2px 5px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.manage__navigation__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
125
assets/css/misuzu/manage/role-item.css
Normal file
125
assets/css/misuzu/manage/role-item.css
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
.manage__role-item {
|
||||
display: flex;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
box-shadow: 0 1px 4px #000A;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.manage__role-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.manage__role-item__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.manage__role-item__container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 5px;
|
||||
pointer-events: none;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.manage__role-item:hover .manage__role-item__container,
|
||||
.manage__role-item:focus .manage__role-item__container,
|
||||
.manage__role-item:focus-within .manage__role-item__container {
|
||||
background-color: var(--background-colour-translucent-8);
|
||||
}
|
||||
|
||||
.manage__role-item__icon {
|
||||
border-radius: 100%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
box-shadow: 0 1px 4px #111;
|
||||
margin: 10px;
|
||||
flex: 0 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.manage__role-item__icon__content {
|
||||
background-color: var(--background-colour-translucent-6);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 1.5em;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.manage__role-item__icon__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.manage__role-item:hover .manage__role-item__icon__content,
|
||||
.manage__role-item:focus .manage__role-item__icon__content,
|
||||
.manage__role-item:focus-within .manage__role-item__icon__content {
|
||||
background-color: var(--background-colour-translucent-4);
|
||||
}
|
||||
|
||||
.manage__role-item__info {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.manage__role-item__name {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.manage__role-item__details {
|
||||
font-size: .9em;
|
||||
line-height: 1.3em;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
.manage__role-item__users {
|
||||
border-radius: 10px;
|
||||
background-color: var(--accent-colour);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.manage__role-item__title {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.manage__role-item__actions {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
margin: 10px;
|
||||
}
|
||||
.manage__role-item__action {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 1.5em;
|
||||
border-radius: 2px;
|
||||
margin: 5px;
|
||||
margin-right: 0;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
pointer-events: initial;
|
||||
transition: background-color .2s;
|
||||
text-align: center;
|
||||
}
|
||||
.manage__role-item__action:hover,
|
||||
.manage__role-item__action:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.manage__role-item__action:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
4
assets/css/misuzu/manage/roles.css
Normal file
4
assets/css/misuzu/manage/roles.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.manage__roles__collection,
|
||||
.manage__roles__pagination {
|
||||
padding: 5px;
|
||||
}
|
||||
121
assets/css/misuzu/manage/settings.css
Normal file
121
assets/css/misuzu/manage/settings.css
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
.manage-settings-actions {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.manage-settings-list-container {
|
||||
margin: 5px 2px;
|
||||
}
|
||||
|
||||
.manage-settings-list {
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.manage-settings-list-header th {
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
}
|
||||
.manage-settings-list-header-options {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.manage-list-setting:nth-child(even) {
|
||||
background-color: #fff1;
|
||||
}
|
||||
|
||||
.manage-list-setting-key {
|
||||
padding: 5px;
|
||||
}
|
||||
.manage-list-setting-key-text {
|
||||
font-family: var(--font-monospace);
|
||||
}
|
||||
|
||||
.manage-list-setting-type {
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
}
|
||||
.manage-list-setting-type--string {
|
||||
--type-colour: #ef8323;
|
||||
}
|
||||
.manage-list-setting-type--integer {
|
||||
--type-colour: #8c90bc;
|
||||
}
|
||||
.manage-list-setting-type--boolean {
|
||||
--type-colour: #77b34c;
|
||||
}
|
||||
.manage-list-setting-type--array {
|
||||
--type-colour: #f02d7d;
|
||||
}
|
||||
.manage-list-setting-type-text {
|
||||
background: var(--type-colour);
|
||||
border-radius: 5px;
|
||||
text-shadow: initial;
|
||||
font-weight: 700;
|
||||
padding: 0 5px;
|
||||
font-size: .9em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.manage-list-setting-value {
|
||||
padding: 5px;
|
||||
max-width: 570px;
|
||||
}
|
||||
.manage-list-setting-value-text {
|
||||
font-family: var(--font-monospace);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.manage-list-setting-options {
|
||||
display: flex;
|
||||
width: 80px;
|
||||
justify-content: center;
|
||||
padding: 5px;
|
||||
}
|
||||
.manage-list-setting-options .input__button {
|
||||
margin: 1px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.manage-setting-field {
|
||||
display: flex;
|
||||
margin: 2px;
|
||||
align-items: center;
|
||||
}
|
||||
.manage-setting-field-name {
|
||||
min-width: 100px;
|
||||
padding: 5px;
|
||||
}
|
||||
.manage-setting-field-value {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.manage-setting-actions {
|
||||
text-align: center;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.manage-setting-array {
|
||||
width: 100%;
|
||||
}
|
||||
.manage-setting-array-select select {
|
||||
width: 100%;
|
||||
min-height: 300px;
|
||||
}
|
||||
.manage-setting-array-remove {
|
||||
margin: 2px 0;
|
||||
}
|
||||
.manage-setting-array-remove button {
|
||||
width: 100%;
|
||||
}
|
||||
.manage-setting-array-add {
|
||||
display: flex;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.manage-setting-array-add input {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.manage-setting-array-add button {
|
||||
flex: 0 0 auto;
|
||||
margin-left: 2px;
|
||||
}
|
||||
14
assets/css/misuzu/manage/statistic.css
Normal file
14
assets/css/misuzu/manage/statistic.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.manage__statistic {
|
||||
border: 1px solid var(--accent-colour);
|
||||
border-radius: 2px;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.manage__statistic__name {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.manage__statistic__value {
|
||||
text-align: right;
|
||||
font-size: 1.5em;
|
||||
line-height: 2em;
|
||||
}
|
||||
16
assets/css/misuzu/manage/statistics.css
Normal file
16
assets/css/misuzu/manage/statistics.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.manage__statistics {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
padding: 5px;
|
||||
grid-gap: 5px;
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.manage__statistics {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
.manage__statistics {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
33
assets/css/misuzu/manage/tag.css
Normal file
33
assets/css/misuzu/manage/tag.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
.manage__tag {
|
||||
border-radius: 2px;
|
||||
border: 1px solid var(--accent-colour);
|
||||
background-color: var(--accent-colour);
|
||||
display: inline-block;
|
||||
}
|
||||
.manage__tag__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.manage__tag:hover .manage__tag__background,
|
||||
.manage__tag:focus .manage__tag__background,
|
||||
.manage__tag:focus-within .manage__tag__background {
|
||||
background-color: var(--background-colour-translucent-8);
|
||||
}
|
||||
.manage__tag__content {
|
||||
margin: 4px;
|
||||
display: flex;
|
||||
}
|
||||
.manage__tag__checkbox {
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.manage__tag__title {
|
||||
flex: 1 1 auto;
|
||||
margin: 0 4px;
|
||||
}
|
||||
18
assets/css/misuzu/manage/tags.css
Normal file
18
assets/css/misuzu/manage/tags.css
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.manage__tags--fixed {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-auto-flow: row dense;
|
||||
grid-gap: 4px;
|
||||
}
|
||||
|
||||
@media(max-width: 1000px) {
|
||||
.manage__tags--fixed {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
@media(max-width: 500px) {
|
||||
.manage__tags--fixed {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
108
assets/css/misuzu/manage/user-item.css
Normal file
108
assets/css/misuzu/manage/user-item.css
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
.manage__user-item {
|
||||
display: flex;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
box-shadow: 0 1px 4px #000A;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.manage__user-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.manage__user-item--deleted {
|
||||
opacity: .5;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.manage__user-item--deleted:hover,
|
||||
.manage__user-item--deleted:focus,
|
||||
.manage__user-item--deleted:focus-within {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.manage__user-item__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.manage__user-item__container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 5px;
|
||||
pointer-events: none;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.manage__user-item:hover .manage__user-item__container,
|
||||
.manage__user-item:focus .manage__user-item__container,
|
||||
.manage__user-item:focus-within .manage__user-item__container {
|
||||
background-color: var(--background-colour-translucent-8);
|
||||
}
|
||||
|
||||
.manage__user-item__avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 10px;
|
||||
flex: 0 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.manage__user-item__info {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.manage__user-item__name {
|
||||
font-size: 1.4em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.manage__user-item__details {
|
||||
font-size: .9em;
|
||||
line-height: 1.3em;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.manage__user-item__detail {
|
||||
border-radius: 10px;
|
||||
background-color: var(--accent-colour);
|
||||
box-shadow: 0 1px 4px #111;
|
||||
padding: 3px 8px;
|
||||
pointer-events: initial;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.manage__user-item__actions {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.manage__user-item__action {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 1.5em;
|
||||
border-radius: 2px;
|
||||
margin: 5px;
|
||||
margin-right: 0;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
pointer-events: initial;
|
||||
transition: background-color .2s;
|
||||
text-align: center;
|
||||
}
|
||||
.manage__user-item__action:hover,
|
||||
.manage__user-item__action:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
|
||||
.manage__user-item__action:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
17
assets/css/misuzu/manage/user.css
Normal file
17
assets/css/misuzu/manage/user.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
.manage__user__container {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.manage__user__buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.manage__user__button {
|
||||
margin: 5px 2px;
|
||||
}
|
||||
.manage__user__details {
|
||||
margin: 5px;
|
||||
}
|
||||
.manage__user__input {
|
||||
width: 100%;
|
||||
}
|
||||
4
assets/css/misuzu/manage/users.css
Normal file
4
assets/css/misuzu/manage/users.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.manage__users__collection,
|
||||
.manage__users__pagination {
|
||||
padding: 5px;
|
||||
}
|
||||
185
assets/css/misuzu/markdown.css
Normal file
185
assets/css/misuzu/markdown.css
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
.markdown {
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.markdown a {
|
||||
color: var(--accent-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.markdown a:hover { text-decoration: underline; }
|
||||
.markdown a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown p, .markdown blockquote,
|
||||
.markdown ul, .markdown ol,
|
||||
.markdown dl, .markdown table,
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: var(--font-size);
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
margin: var(--font-size) 0;
|
||||
background-color: var(--accent-colour);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
padding: 0 1em;
|
||||
color: var(--accent-colour);
|
||||
border-left: 0.25em solid var(--accent-colour);
|
||||
}
|
||||
.markdown blockquote > :first-child { margin-top: 0; }
|
||||
.markdown blockquote > :last-child { margin-bottom: 0; }
|
||||
|
||||
.markdown kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
color: #777;
|
||||
vertical-align: middle;
|
||||
background-color: #000;
|
||||
border: solid 1px darken(#333, 4%);
|
||||
border-bottom-color: #444;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #444;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
padding: .2em .4em;
|
||||
margin: 0;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.markdown del code { text-decoration: inherit; }
|
||||
|
||||
.markdown pre code {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
line-height: inherit;
|
||||
word-wrap: break-word;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
word-wrap: normal;
|
||||
}
|
||||
.markdown pre > code {
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.markdown h1, .markdown h2,
|
||||
.markdown h3, .markdown h4,
|
||||
.markdown h5, .markdown h6 {
|
||||
margin-top: calc(var(--font-size) * 1.2);
|
||||
margin-bottom: var(--font-size);
|
||||
font-weight: 700;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.markdown h1 tt, .markdown h2 tt,
|
||||
.markdown h3 tt, .markdown h4 tt,
|
||||
.markdown h5 tt, .markdown h6 tt,
|
||||
.markdown h1 code, .markdown h2 code,
|
||||
.markdown h3 code, .markdown h4 code,
|
||||
.markdown h5 code, .markdown h6 code {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
}
|
||||
.markdown h2 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.5em;
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
}
|
||||
.markdown h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
.markdown h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.markdown h5 {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
.markdown h6 {
|
||||
font-size: 0.85em;
|
||||
color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
box-sizing: content-box;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.markdown img[align=right] { padding-left: 20px; }
|
||||
.markdown img[align=left] { padding-right: 20px; }
|
||||
|
||||
.markdown ul, .markdown ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
.markdown ul ul,
|
||||
.markdown ul ol,
|
||||
.markdown ol ol,
|
||||
.markdown ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown li { word-wrap: break-all; }
|
||||
.markdown li > p { margin-top: var(--font-size); }
|
||||
.markdown li + li { margin-top: .25em; }
|
||||
|
||||
.markdown dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown dl dt {
|
||||
padding: 0;
|
||||
margin-top: var(--font-size);
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.markdown dl dd {
|
||||
padding: 0 var(--font-size);
|
||||
margin-bottom: var(--font-size);
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.markdown table th {
|
||||
font-weight: 700;
|
||||
}
|
||||
.markdown table th,
|
||||
.markdown table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid var(--accent-colour);
|
||||
}
|
||||
.markdown table tr {
|
||||
background-color: var(--background-colour);
|
||||
border-top: 1px solid var(--accent-colour);
|
||||
}
|
||||
.markdown table tr:nth-child(2n) {
|
||||
background-image: linear-gradient(0deg, var(--background-colour-translucent-9), var(--background-colour-translucent-9));
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
.markdown table img {
|
||||
background-color: transparent;
|
||||
}
|
||||
20
assets/css/misuzu/messagebox.css
Normal file
20
assets/css/misuzu/messagebox.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
.messagebox {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: var(--background-colour-translucent-8);
|
||||
z-index: 9000;
|
||||
}
|
||||
.messagebox__container {
|
||||
min-width: 300px;
|
||||
}
|
||||
.messagebox__buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 5px;
|
||||
}
|
||||
85
assets/css/misuzu/navigation.css
Normal file
85
assets/css/misuzu/navigation.css
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
.navigation {
|
||||
margin: 2px 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
border-width: 0;
|
||||
border-color: var(--text-colour);
|
||||
border-style: solid;
|
||||
border-top-width: 1px;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.navigation--top {
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 1px;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.navigation--top .navigation__option {
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.navigation__option {
|
||||
list-style: none;
|
||||
background-color: #c9bbcc;
|
||||
border: 1px solid var(--text-colour);
|
||||
border-top-width: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.navigation__option:not(:first-child) { border-left-width: 0; }
|
||||
.navigation__option--selected {
|
||||
background-color: var(--accent-colour);
|
||||
top: -1px;
|
||||
}
|
||||
.navigation__option--selected:not(:first-child) {
|
||||
margin-left: -1px;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
.navigation__link {
|
||||
display: block;
|
||||
padding: 2px 1em;
|
||||
color: var(--text-colour);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation__link:hover, .navigation__link:focus { color: #609; }
|
||||
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.navigation {
|
||||
border: none;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.navigation--left {
|
||||
justify-content: left;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.navigation--right {
|
||||
justify-content: right;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
.navigation--top .navigation__option--selected { top: 1px; }
|
||||
|
||||
.navigation__link {
|
||||
padding: 10px 15px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.navigation__option {
|
||||
background-color: var(--accent-colour);
|
||||
width: 100%;
|
||||
border: none;
|
||||
flex-grow: 1;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.navigation__option--selected {
|
||||
background-color: #a586c3;
|
||||
top: 0;
|
||||
}
|
||||
.navigation__option--selected .navigation__link {
|
||||
padding: 3px 1em;
|
||||
}
|
||||
}
|
||||
8
assets/css/misuzu/news/container.css
Normal file
8
assets/css/misuzu/news/container.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.news__container {
|
||||
display: flex;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
.news__container {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
29
assets/css/misuzu/news/feeds.css
Normal file
29
assets/css/misuzu/news/feeds.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.news__feeds {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 2px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.news__feed {
|
||||
display: flex;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 1.5em;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
transition: background-color .2s;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.news__feed:hover,
|
||||
.news__feed:focus {
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
}
|
||||
.news__feed:active {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
.news__feed__icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
24
assets/css/misuzu/news/list.css
Normal file
24
assets/css/misuzu/news/list.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
.news__list {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.news__list__item {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
}
|
||||
.news__list__item:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.news__list__item--kvp {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.news__list__name {
|
||||
flex-shrink: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.news__list__value {
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
104
assets/css/misuzu/news/post.css
Normal file
104
assets/css/misuzu/news/post.css
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
.news__post {
|
||||
display: flex;
|
||||
margin-bottom: 2px;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.news__post__info__content {
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 15px;
|
||||
flex: 0 0 auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.news__post__info__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(90deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(90deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--accent-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.news__post__user {
|
||||
display: flex;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.news__post__user__details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.news__post__avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.news__post__username {
|
||||
color: inherit;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.news__post__username[href]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.news__post__date {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.news__post__category {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
margin: 6px 0;
|
||||
}
|
||||
.news__post__category:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.news__post__text {
|
||||
line-height: 1.2em;
|
||||
flex: 1 1 auto;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
margin: 2px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.news__post { flex-direction: column-reverse; }
|
||||
.news__post__info {
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
.news__post__info__content {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
text-align: left;
|
||||
}
|
||||
.news__post__info__background {
|
||||
mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
}
|
||||
.news__post__user {
|
||||
margin-bottom: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.news__post__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
129
assets/css/misuzu/news/preview.css
Normal file
129
assets/css/misuzu/news/preview.css
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
.news__preview {
|
||||
display: flex;
|
||||
margin: 2px 0;
|
||||
flex-direction: row-reverse;
|
||||
|
||||
--user-colour: var(--accent-colour);
|
||||
}
|
||||
.news__preview__info__content {
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 15px;
|
||||
flex: 0 0 auto;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.news__preview__info__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask-image: linear-gradient(90deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(90deg, transparent 10%, var(--background-colour) 100%);
|
||||
background: var(--background-pattern);
|
||||
background-color: var(--user-colour);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.news__preview__listing {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.news__preview__container {
|
||||
display: flex;
|
||||
margin: 1px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.news__preview__user {
|
||||
display: flex;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.news__preview__user__details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.news__preview__avatar {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.news__preview__username {
|
||||
color: inherit;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.news__preview__username[href]:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.news__preview__date {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.news__preview__category {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
margin: 6px 0;
|
||||
}
|
||||
.news__preview__category:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.news__preview__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 1.2em;
|
||||
flex: 1 1 auto;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
margin: 2px;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
.news__preview__text {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.news__preview__links {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.news__preview__link {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.news__preview { flex-direction: column-reverse; }
|
||||
.news__preview__info { display: none; }
|
||||
.news__preview__info__content {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
text-align: left;
|
||||
}
|
||||
.news__preview__info__background {
|
||||
mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
-webkit-mask-image: linear-gradient(180deg, transparent 10%, var(--background-colour) 100%);
|
||||
}
|
||||
.news__preview__user {
|
||||
margin-bottom: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.news__preview__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
14
assets/css/misuzu/news/sidebar.css
Normal file
14
assets/css/misuzu/news/sidebar.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.news__sidebar {
|
||||
width: 300px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.news__sidebar {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
57
assets/css/misuzu/pagination.css
Normal file
57
assets/css/misuzu/pagination.css
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
.pagination {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagination__section {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
overflow: auto;
|
||||
flex: 0 0 auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--accent-colour) var(--background-colour);
|
||||
}
|
||||
.pagination__section--pages {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.pagination__section:not(:last-child) {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.pagination__link {
|
||||
display: flex;
|
||||
min-width: 40px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
padding: 3px 10px 4px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: var(--background-colour);
|
||||
color: var(--accent-colour);
|
||||
border: 1px solid var(--accent-colour);
|
||||
border-radius: 2px;
|
||||
transition: background-color .2s, color .2s;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
.pagination__link:not(:last-child) { margin-right: 1px; }
|
||||
.pagination__link--disabled { --accent-colour: #555; }
|
||||
.pagination__link--first, .pagination__link--last,
|
||||
.pagination__link--next, .pagination__link--prev {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.pagination__link--current,
|
||||
.pagination__link:not(.pagination__link--disabled):hover,
|
||||
.pagination__link:not(.pagination__link--disabled):active,
|
||||
.pagination__link:not(.pagination__link--disabled):focus {
|
||||
background-color: var(--accent-colour);
|
||||
color: var(--background-colour);
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.pagination__section--pages { display: none; }
|
||||
}
|
||||
61
assets/css/misuzu/permissions.css
Normal file
61
assets/css/misuzu/permissions.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
.permissions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.permissions__line {
|
||||
display: flex;
|
||||
font-size: .9em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.permissions__line--header {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.4em;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||
padding-bottom: 1px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.permissions__line--header:not(:first-child) { margin-top: 4px; }
|
||||
|
||||
.permissions__title {
|
||||
flex: 1 1 auto;
|
||||
padding: 4px;
|
||||
}
|
||||
.permissions__line:not(.permissions__line--header) .permissions__title {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
.permissions__choice {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
}
|
||||
.permissions__choice--radio { justify-content: center; }
|
||||
.permissions__choice--yes { --accent-colour: #0a0; }
|
||||
.permissions__choice--no { --accent-colour: #a00; }
|
||||
.permissions__choice--never { --accent-colour: #400; }
|
||||
|
||||
.permissions__choice__wrapper {
|
||||
border-left: 1px solid rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.permissions__line {
|
||||
flex-wrap: wrap;
|
||||
justify-content: right;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||
}
|
||||
|
||||
.permissions__line:not(.permissions__line--header) .permissions__title {
|
||||
width: 100%;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.permissions__choice {
|
||||
border-left-width: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.permissions__choice--yes { border-left-width: 0; }
|
||||
}
|
||||
18
assets/css/misuzu/profile/about.css
Normal file
18
assets/css/misuzu/profile/about.css
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.profile__about__content {
|
||||
max-height: 1000px;
|
||||
overflow: auto;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.profile__about__editor {
|
||||
padding: 5px;
|
||||
}
|
||||
.profile__about__text {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
max-width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
.profile__about__select {
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
42
assets/css/misuzu/profile/accounts.css
Normal file
42
assets/css/misuzu/profile/accounts.css
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
.profile__accounts__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.profile__accounts__item {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.profile__accounts__item:not(:last-child) {
|
||||
border-bottom: 1px solid #222;
|
||||
}
|
||||
|
||||
.profile__accounts__notice {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.profile__accounts__title {
|
||||
font-size: .9em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.profile__accounts__value {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2em;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.profile__accounts__input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.profile__accounts__link {
|
||||
color: inherit;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
.profile__accounts__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
13
assets/css/misuzu/profile/birthdate.css
Normal file
13
assets/css/misuzu/profile/birthdate.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
.profile__birthdate__content {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.profile__birthdate__select {
|
||||
min-width: auto;
|
||||
}
|
||||
.profile__birthdate__label {
|
||||
display: inline-block;
|
||||
}
|
||||
.profile__birthdate__title {
|
||||
font-size: .9em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
45
assets/css/misuzu/profile/guidelines.css
Normal file
45
assets/css/misuzu/profile/guidelines.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.profile__guidelines {
|
||||
display: flex;
|
||||
flex-wrap: auto;
|
||||
justify-content: space-evenly;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.profile__guidelines__section {
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.profile__guidelines__line {
|
||||
padding: 1px;
|
||||
}
|
||||
.profile__guidelines__line--header {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5em;
|
||||
font-weight: 700;
|
||||
margin-bottom: 2px;
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.profile__guidelines__line:not(&--header) {
|
||||
margin-left: 1.3em;
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
.profile__guidelines__emphasis {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.profile__guidelines__link {
|
||||
color: inherit;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
.profile__guidelines__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.profile__guidelines {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
202
assets/css/misuzu/profile/header.css
Normal file
202
assets/css/misuzu/profile/header.css
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
.profile__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 2px;
|
||||
color: #fff;
|
||||
background-color: var(--background-colour);
|
||||
|
||||
--profile-header-overlay-start: transparent;
|
||||
--profile-header-overlay-stop: var(--background-colour-translucent-9);
|
||||
}
|
||||
|
||||
.profile__header__background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: var(--accent-colour) var(--background-pattern);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.profile__header--has-header {
|
||||
--profile-header-overlay-start: var(--background-colour-translucent-3);
|
||||
}
|
||||
|
||||
.profile__header--has-header .profile__header__background {
|
||||
background: var(--user-header) center / cover no-repeat;
|
||||
background-blend-mode: unset;
|
||||
}
|
||||
|
||||
.profile__header__avatar {
|
||||
display: flex;
|
||||
}
|
||||
.profile__header__avatar__image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
z-index: 20;
|
||||
}
|
||||
.profile__header__avatar__image--edit {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.profile__header__avatar__check {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profile__header__avatar__check:checked ~ .profile__header__avatar__option {
|
||||
color: #111;
|
||||
background-color: var(--accent-colour);
|
||||
border-color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.profile__header__avatar__options {
|
||||
z-index: 10;
|
||||
margin-left: 2px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.profile__header__avatar__option {
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.profile__header__avatar__option--delete {
|
||||
--accent-colour: #c00;
|
||||
}
|
||||
|
||||
.profile__header__details {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
padding: 20px;
|
||||
background-image: linear-gradient(0deg, var(--profile-header-overlay-stop), var(--profile-header-overlay-start));
|
||||
}
|
||||
.profile__header__details__content {
|
||||
margin: 5px 10px;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.profile__header__details__relation {
|
||||
font-variant: all-small-caps;
|
||||
background: var(--profile-header-overlay-stop);
|
||||
border-radius: 2px;
|
||||
line-height: 1.2em;
|
||||
padding: 1px 5px 4px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.profile__header__options {
|
||||
min-height: 62px;
|
||||
background-color: var(--profile-header-overlay-stop);
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.profile__header__actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.profile__header__action {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.profile__header__stats {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.profile__header__stat {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
cursor: default;
|
||||
}
|
||||
.profile__header__stat--date {
|
||||
min-width: 130px;
|
||||
}
|
||||
.profile__header__stat__name {
|
||||
font-size: .9em;
|
||||
font-variant: small-caps;
|
||||
cursor: inherit;
|
||||
}
|
||||
.profile__header__stat__value {
|
||||
font-size: 1.3em;
|
||||
text-align: right;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
.profile__header__stat--date .profile__header__stat__value {
|
||||
text-align: left;
|
||||
}
|
||||
.profile__header__stat--link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.profile__header__stat--link:hover,
|
||||
.profile__header__stat--link:focus,
|
||||
.profile__header__stat--link:active,
|
||||
.profile__header__stat--active {
|
||||
border-bottom: 2px solid var(--accent-colour);
|
||||
}
|
||||
|
||||
.profile__header__username {
|
||||
color: var(--user-colour);
|
||||
font-size: 2em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.profile__header__title {
|
||||
font-size: .9em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.profile__header__country {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.profile__header__country__name {
|
||||
font-size: .9em;
|
||||
margin-left: 4px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.profile__header {
|
||||
height: auto;
|
||||
background-size: 800px auto;
|
||||
background-position: center top;
|
||||
}
|
||||
.profile__header__avatar__image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.profile__header__details {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.profile__header__details__content {
|
||||
text-align: center;
|
||||
}
|
||||
.profile__header__options {
|
||||
flex-direction: column;
|
||||
}
|
||||
.profile__header__actions {
|
||||
flex-direction: column;
|
||||
}
|
||||
.profile__header__action {
|
||||
margin-right: 0;
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
.profile__header__stats {
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.profile__header__stat--date .profile__header__stat__value {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
38
assets/css/misuzu/profile/profile.css
Normal file
38
assets/css/misuzu/profile/profile.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
.profile__container {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.profile__content {
|
||||
display: flex;
|
||||
}
|
||||
.profile__content__main {
|
||||
flex: 1 1 auto;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
.profile__content__side {
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.profile__hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profile__pagination {
|
||||
margin: 2px 0;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.profile__background-settings__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.profile__content { flex-direction: column; }
|
||||
.profile__content__side { max-width: 100%; }
|
||||
}
|
||||
10
assets/css/misuzu/profile/relations.css
Normal file
10
assets/css/misuzu/profile/relations.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
.profile__relations {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.profile__relations__user {
|
||||
margin: 2px;
|
||||
width: 300px;
|
||||
display: flex;
|
||||
}
|
||||
21
assets/css/misuzu/profile/signature.css
Normal file
21
assets/css/misuzu/profile/signature.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
.profile__signature__content {
|
||||
max-height: 150px;
|
||||
overflow: hidden;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.profile__signature__editor {
|
||||
padding: 5px;
|
||||
}
|
||||
.profile__signature__text {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
max-width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
.profile__signature__select {
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.profile__signature img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
139
assets/css/misuzu/profile/warning.css
Normal file
139
assets/css/misuzu/profile/warning.css
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
.profile__warning {
|
||||
margin: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid var(--accent-colour);
|
||||
}
|
||||
.profile__warning__container {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.profile__warning--warning {
|
||||
--accent-colour: #666;
|
||||
}
|
||||
|
||||
.profile__warning--silence {
|
||||
--accent-colour: #f70;
|
||||
}
|
||||
|
||||
.profile__warning--ban {
|
||||
--accent-colour: #c33;
|
||||
}
|
||||
|
||||
.profile__warning--extendo {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.profile__warning__background {
|
||||
background-color: var(--accent-colour);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.profile__warning__content {
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
display: flex;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.profile__warning__type,
|
||||
.profile__warning__created,
|
||||
.profile__warning__duration {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.profile__warning__type {
|
||||
min-width: 80px;
|
||||
background-color: var(--accent-colour);
|
||||
border-radius: 1px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.profile__warning__created,
|
||||
.profile__warning__duration {
|
||||
min-width: 100px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.profile__warning__note {
|
||||
padding: 1px 4px;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.profile__warning__private {
|
||||
border-top: 1px solid var(--accent-colour);
|
||||
margin-top: 1px;
|
||||
width: 100%;
|
||||
opacity: .5;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
.profile__warning__private:hover,
|
||||
.profile__warning__private:active,
|
||||
.profile__warning__private:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.profile__warning__tools {
|
||||
display: flex;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.profile__warning__options {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.profile__warning__option {
|
||||
padding: 2px 5px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.profile__warning__user {
|
||||
display: flex;
|
||||
padding: 2px;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.profile__warning__user__avatar {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.profile__warning__user__username {
|
||||
padding: 0 5px;
|
||||
min-width: 60px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.profile__warning__user__username:hover,
|
||||
.profile__warning__user__username:focus,
|
||||
.profile__warning__user__username:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.profile__warning__user__ip {
|
||||
display: inline-flex;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.profile__warning__user__ip:before { content: "("; }
|
||||
.profile__warning__user__ip:after { content: ")"; }
|
||||
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.profile__warning__content {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.profile__warning__tools {
|
||||
flex-direction: column;
|
||||
}
|
||||
.profile__warning__options {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
4
assets/css/misuzu/search/anchor.css
Normal file
4
assets/css/misuzu/search/anchor.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.search__anchor {
|
||||
position: relative;
|
||||
top: -94px;
|
||||
}
|
||||
38
assets/css/misuzu/search/categories.css
Normal file
38
assets/css/misuzu/search/categories.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
.search__categories {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.search__category {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background-color: var(--accent-colour);
|
||||
box-shadow: 0 1px 2px #000A;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
font-size: 1.1em;
|
||||
margin: 1px 1px 1px 0;
|
||||
}
|
||||
|
||||
.search__category__background {
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.search__category:hover .search__category__background,
|
||||
.search__category:focus .search__category__background {
|
||||
background-color: var(--background-colour-translucent-8);
|
||||
}
|
||||
.search__category:active .search__category__background {
|
||||
background-color: var(--background-colour-translucent-7);
|
||||
}
|
||||
|
||||
.search__category__content {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
3
assets/css/misuzu/search/container.css
Normal file
3
assets/css/misuzu/search/container.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.search__container {
|
||||
margin: 5px 0;
|
||||
}
|
||||
7
assets/css/misuzu/search/header.css
Normal file
7
assets/css/misuzu/search/header.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
.search__header {
|
||||
padding: 1em;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
background-color: var(--background-colour);
|
||||
}
|
||||
48
assets/css/misuzu/search/input.css
Normal file
48
assets/css/misuzu/search/input.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
.search__input {
|
||||
background-color: var(--accent-colour);
|
||||
box-shadow: 0 1px 2px #000A;
|
||||
text-shadow: 0 1px 4px #000;
|
||||
overflow: hidden;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.search__input__background {
|
||||
background-color: var(--background-colour-translucent-9);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.search__input__container {
|
||||
display: flex;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.search__input__text {
|
||||
flex: 1 1 auto;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.search__input__button {
|
||||
flex: 0 0 auto;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: inherit;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.search__input__button:hover,
|
||||
.search__input__button:active,
|
||||
.search__input__button:focus {
|
||||
background-color: var(--accent-colour);
|
||||
}
|
||||
21
assets/css/misuzu/search/none.css
Normal file
21
assets/css/misuzu/search/none.css
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
.search__none {
|
||||
display: flex;
|
||||
}
|
||||
.search__none__icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
font-size: 3em;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.search__none__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.search__none__title {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
93
assets/css/misuzu/settings/account-logs.css
Normal file
93
assets/css/misuzu/settings/account-logs.css
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
.settings__account-logs__pagination {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.settings__account-log {
|
||||
border: 1px solid var(--accent-colour);
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.settings__account-log__container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.settings__account-log__important {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 1.4em;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.settings__account-log__flag {
|
||||
flex: 0 0 auto;
|
||||
margin: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.settings__account-log__description {
|
||||
flex: 1 1 auto;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.settings__account-log__actions {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.settings__account-log__action {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
text-shadow: inherit;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
transition: color .2s;
|
||||
}
|
||||
.settings__account-log__action:hover,
|
||||
.settings__account-log__action:focus {
|
||||
color: var(--accent-colour);
|
||||
}
|
||||
|
||||
.settings__account-log__details {
|
||||
z-index: 1;
|
||||
margin: 10px;
|
||||
margin-top: -5px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.settings__account-log__detail {
|
||||
display: inline-block;
|
||||
margin-right: 2px;
|
||||
min-width: 120px;
|
||||
}
|
||||
.settings__account-log__detail__title {
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
font-weight: 700;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
.settings__account-log__detail__value {
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
.settings__account-log__user {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
padding: 4px;
|
||||
border-bottom: 1px solid var(--accent-colour);
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
.settings__account-log__user__avatar {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.settings__account-log__user__name {
|
||||
color: var(--user-colour);
|
||||
padding-left: 4px;
|
||||
}
|
||||
46
assets/css/misuzu/settings/account.css
Normal file
46
assets/css/misuzu/settings/account.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
.settings__account {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.settings__account__section {
|
||||
margin: 5px;
|
||||
}
|
||||
.settings__account__section--confirm {
|
||||
grid-column: 1 / span 2;
|
||||
}
|
||||
|
||||
.settings__account__item {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.settings__account__item:not(:last-child) {
|
||||
border-bottom: 1px solid #222;
|
||||
}
|
||||
|
||||
.settings__account__title {
|
||||
font-size: .9em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.settings__account__input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.settings__account__buttons {
|
||||
display: flex;
|
||||
margin-top: 5px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.settings__account__button {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.settings__account {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.settings__account__section {
|
||||
grid-column: 1 / 1;
|
||||
}
|
||||
}
|
||||
11
assets/css/misuzu/settings/data.css
Normal file
11
assets/css/misuzu/settings/data.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.settings__data__content {
|
||||
padding: 5px;
|
||||
}
|
||||
.settings__data__password {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.settings__data__actions {
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue