mirror of
https://github.com/HDInnovations/UNIT3D-Community-Edition.git
synced 2026-02-21 12:19:24 -06:00
Merge pull request #3314 from HDInnovations/Unused-CSS
(Remove) Unused CSS
This commit is contained in:
HDVinnie
@@ -34,6 +34,7 @@ class HomeController extends Controller
|
||||
'tv' => Tv::count(),
|
||||
'movies' => Movie::count(),
|
||||
'movieCategoryIds' => Category::where('movie_meta', '=', 1)->pluck('id')->toArray(),
|
||||
'tvCategoryIds' => Category::where('tv_meta', '=', 1)->pluck('id')->toArray(),
|
||||
'collections' => Collection::count(),
|
||||
'persons' => Person::whereNotNull('still')->count(),
|
||||
'genres' => Genre::count(),
|
||||
|
||||
@@ -1,34 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* NOTICE OF LICENSE.
|
||||
*
|
||||
* UNIT3D Community Edition is open-sourced software licensed under the GNU Affero General Public License v3.0
|
||||
* The details is bundled with this project in the file LICENSE.txt.
|
||||
*
|
||||
* @project UNIT3D Community Edition
|
||||
*
|
||||
* @author HDVinnie <hdinnovations@protonmail.com>
|
||||
* @license https://www.gnu.org/licenses/agpl-3.0.en.html/ GNU Affero General Public License v3.0
|
||||
*/
|
||||
|
||||
namespace App\Http\Controllers\MediaHub;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Season;
|
||||
use App\Models\Tv;
|
||||
|
||||
class TvSeasonController extends Controller
|
||||
{
|
||||
/**
|
||||
* Show A TV Season.
|
||||
*/
|
||||
public function show(int $id): \Illuminate\Contracts\View\Factory|\Illuminate\View\View
|
||||
{
|
||||
$season = Season::with(['episodes', 'torrents'])->findOrFail($id);
|
||||
|
||||
return view('mediahub.tv.season.show', [
|
||||
'season' => $season,
|
||||
'show' => Tv::find($season->tv_id),
|
||||
]);
|
||||
}
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* NOTICE OF LICENSE.
|
||||
*
|
||||
* UNIT3D Community Edition is open-sourced software licensed under the GNU Affero General Public License v3.0
|
||||
* The details is bundled with this project in the file LICENSE.txt.
|
||||
*
|
||||
* @project UNIT3D Community Edition
|
||||
*
|
||||
* @author HDVinnie <hdinnovations@protonmail.com>
|
||||
* @license https://www.gnu.org/licenses/agpl-3.0.en.html/ GNU Affero General Public License v3.0
|
||||
*/
|
||||
|
||||
namespace App\Http\Controllers\MediaHub;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Tv;
|
||||
|
||||
class TvShowController extends Controller
|
||||
{
|
||||
/**
|
||||
* Display All TV Shows.
|
||||
*/
|
||||
public function index(): \Illuminate\Contracts\View\Factory|\Illuminate\View\View
|
||||
{
|
||||
return view('mediahub.tv.index');
|
||||
}
|
||||
|
||||
/**
|
||||
* Show A TV Show.
|
||||
*/
|
||||
public function show(int $id): \Illuminate\Contracts\View\Factory|\Illuminate\View\View
|
||||
{
|
||||
return view('mediahub.tv.show', [
|
||||
'show' => Tv::with(['seasons', 'genres', 'networks', 'companies', 'torrents'])
|
||||
->withCount('torrents')
|
||||
->findOrFail($id),
|
||||
]);
|
||||
}
|
||||
}
|
||||
@@ -5,7 +5,9 @@
|
||||
@import 'vendor/alpinejs';
|
||||
|
||||
// Base
|
||||
@import 'base/normalize';
|
||||
@import 'base/typography';
|
||||
@import 'base/reset';
|
||||
@import 'base/scrollbar';
|
||||
|
||||
// Components
|
||||
@@ -14,13 +16,16 @@
|
||||
@import 'chat/chatbox';
|
||||
@import 'main/tooltips';
|
||||
@import 'components/achievement';
|
||||
@import 'components/alert';
|
||||
@import 'components/article-preview';
|
||||
@import 'components/bbcode-input';
|
||||
@import 'components/bbcode-rendered';
|
||||
@import 'components/collection-card';
|
||||
@import 'components/comment';
|
||||
@import 'components/comparison';
|
||||
@import 'components/data-table';
|
||||
@import 'components/dialog';
|
||||
@import 'components/emoji';
|
||||
@import 'components/featured-pane';
|
||||
@import 'components/form/button';
|
||||
@import 'components/form/checkbox';
|
||||
@@ -40,12 +45,14 @@
|
||||
@import 'components/forum/topic-listing';
|
||||
@import 'components/forum/topic-tag';
|
||||
@import 'components/key-value';
|
||||
@import 'components/mediahub-card';
|
||||
@import 'components/mediainfo';
|
||||
@import 'components/meta';
|
||||
@import 'components/pagination';
|
||||
@import 'components/panel';
|
||||
@import 'components/playlist';
|
||||
@import 'components/quick_search';
|
||||
@import 'components/swal';
|
||||
@import 'components/torrent-card';
|
||||
@import 'components/user-active';
|
||||
@import 'components/user-card';
|
||||
|
||||
288
resources/sass/base/_normalize.scss
Normal file
288
resources/sass/base/_normalize.scss
Normal file
@@ -0,0 +1,288 @@
|
||||
/*
|
||||
MIT License
|
||||
|
||||
Copyright (c) Nicolas Gallagher
|
||||
Copyright (c) Jonathan Neal
|
||||
Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||||
|
||||
/*
|
||||
Document
|
||||
========
|
||||
*/
|
||||
|
||||
/**
|
||||
Use a better box model (opinionated).
|
||||
*/
|
||||
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
|
||||
font-family:
|
||||
system-ui,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Helvetica,
|
||||
Arial,
|
||||
sans-serif,
|
||||
'Apple Color Emoji',
|
||||
'Segoe UI Emoji';
|
||||
line-height: 1.15; /* 1. Correct the line height in all browsers. */
|
||||
-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
|
||||
-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
|
||||
tab-size: 4; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
Sections
|
||||
========
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0; /* Remove the margin in all browsers. */
|
||||
}
|
||||
|
||||
/*
|
||||
Grouping content
|
||||
================
|
||||
*/
|
||||
|
||||
/**
|
||||
1. Add the correct height in Firefox.
|
||||
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||||
*/
|
||||
|
||||
hr {
|
||||
height: 0; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Text-level semantics
|
||||
====================
|
||||
*/
|
||||
|
||||
/**
|
||||
Add the correct text decoration in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
Add the correct font weight in Edge and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||||
2. Correct the odd 'em' font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family:
|
||||
ui-monospace,
|
||||
SFMono-Regular,
|
||||
Consolas,
|
||||
'Liberation Mono',
|
||||
Menlo,
|
||||
monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
Tabular data
|
||||
============
|
||||
*/
|
||||
|
||||
/**
|
||||
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||||
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||||
*/
|
||||
|
||||
table {
|
||||
text-indent: 0; /* 1 */
|
||||
border-color: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Forms
|
||||
=====
|
||||
*/
|
||||
|
||||
/**
|
||||
1. Change the font styles in all browsers.
|
||||
2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
Remove the inheritance of text transform in Edge and Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
Remove the additional ':invalid' styles in Firefox.
|
||||
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
||||
*/
|
||||
|
||||
:-moz-ui-invalid {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/**
|
||||
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
Add the correct vertical alignment in Chrome and Firefox.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
Correct the cursor style of increment and decrement buttons in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-inner-spin-button,
|
||||
::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
1. Correct the odd appearance in Chrome and Safari.
|
||||
2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
1. Correct the inability to style clickable types in iOS and Safari.
|
||||
2. Change font properties to 'inherit' in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Interactive
|
||||
===========
|
||||
*/
|
||||
|
||||
/*
|
||||
Add the correct display in Chrome and Safari.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
34
resources/sass/base/_reset.scss
Normal file
34
resources/sass/base/_reset.scss
Normal file
@@ -0,0 +1,34 @@
|
||||
html {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
height: auto;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
body,
|
||||
figure {
|
||||
margin: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
line-height: 1.46666667;
|
||||
color: var(--body-fg);
|
||||
background: var(--body-bg);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
code,
|
||||
pre {
|
||||
font-family: 'Roboto Mono', Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.46666667;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
}
|
||||
@@ -1,5 +1,12 @@
|
||||
html {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
.fa {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.fa:before,
|
||||
|
||||
@@ -554,4 +554,241 @@
|
||||
}
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.list-group {
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.list-group-item-heading {
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.nav-tabs > li > a {
|
||||
background-color: #dcdcdc;
|
||||
color: #696969;
|
||||
}
|
||||
|
||||
.badge-extra,
|
||||
.badge-user {
|
||||
display: inline-block;
|
||||
min-width: 10px;
|
||||
padding: 3px 7px;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
border-radius: 2px;
|
||||
margin-left: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.badge-user {
|
||||
border: 1px solid #b6daf2;
|
||||
box-shadow: 0 5px 5px rgba(93, 93, 93, 0.2);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.badge-extra {
|
||||
border: 1px solid rgba(186, 205, 225, 0.61);
|
||||
border-radius: 10px;
|
||||
background: rgba(76, 79, 80, 0.14);
|
||||
}
|
||||
|
||||
.mb-0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.button-holder {
|
||||
line-height: normal !important;
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin: 0 0 5px 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.button-center {
|
||||
display: table-cell;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.button-left {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
text-align: left;
|
||||
}
|
||||
.button-right {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
.button-right-small {
|
||||
display: table-cell;
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
}
|
||||
.no-space {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
line-height: initial !important;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.button-holder {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.button-left {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.button-right {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.circle {
|
||||
border-radius: 100% !important;
|
||||
}
|
||||
|
||||
.message {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#subject {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.shoutbox {
|
||||
width: 100%;
|
||||
bottom: -1px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.shoutbox .list-group {
|
||||
height: 610px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.shoutbox .list-group-item-heading,
|
||||
.shoutbox p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.panel-chat {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.panel-chat .close {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
.width-table {
|
||||
width: 100%;
|
||||
display: table;
|
||||
}
|
||||
.width-75 {
|
||||
width: 75%;
|
||||
display: table-cell;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1440px) {
|
||||
.width-75 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Chat Message Bubbles
|
||||
============================================================================
|
||||
|
||||
/* Message avatar */
|
||||
.sent > a {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.sent > a > img {
|
||||
display: block !important;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
}
|
||||
/* Avatar */
|
||||
#frame .content .messages ul li.sent img.chat-user-image {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
/* Message header */
|
||||
.sent > h4 {
|
||||
display: block !important;
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
background-color: var(--message-bubble-bg);
|
||||
padding: 4px 12px 0 8px;
|
||||
margin: 4px 12px 0 48px;
|
||||
}
|
||||
/* Message text */
|
||||
.sent > div {
|
||||
display: block !important;
|
||||
border-bottom-right-radius: 15px;
|
||||
background-color: var(--message-bubble-bg);
|
||||
padding: 0 12px 4px 8px !important;
|
||||
margin: 0 12px 4px 48px !important;
|
||||
}
|
||||
/* Bot messages */
|
||||
.sent > .system {
|
||||
border-bottom-left-radius: 15px;
|
||||
}
|
||||
/* Message triangle tip */
|
||||
.sent > div:not(.system):before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 38px;
|
||||
width: 0;
|
||||
border-right: 10px solid var(--message-bubble-bg);
|
||||
border-top: 10px solid transparent;
|
||||
/* border-bottom: 10px solid transparent; */
|
||||
}
|
||||
/* Entire Message */
|
||||
#frame .content .messages ul li.sent {
|
||||
border: 0;
|
||||
display: table;
|
||||
max-width: 85%;
|
||||
width: auto;
|
||||
}
|
||||
/* Timestamp */
|
||||
#frame .content .messages ul li.sent h4 .text-muted {
|
||||
float: none;
|
||||
}
|
||||
|
||||
|
||||
@import './_media-querys';
|
||||
|
||||
19
resources/sass/components/_alert.scss
Normal file
19
resources/sass/components/_alert.scss
Normal file
@@ -0,0 +1,19 @@
|
||||
.alerts {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--alert-gap-width);
|
||||
background-color: var(--alert-gap-color);
|
||||
}
|
||||
|
||||
.alert {
|
||||
padding: 18px;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background-color: var(--alert-bg);
|
||||
color: var(--alert-fg);
|
||||
}
|
||||
|
||||
.alert__content {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
.bbcode-input__tab-input {
|
||||
opacity: 0;
|
||||
position: absolute !important; /* !important is necessary until site-wide radio button styling is removed */
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.bbcode-input__tab-label {
|
||||
@@ -40,6 +40,7 @@
|
||||
border-top-left-radius: var(--bbcode-input-border-radius);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bbcode-input__icon-bar {
|
||||
@@ -53,12 +54,7 @@
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.bbcode-input__icon-bar abbr {
|
||||
all: revert !important; /* can be removed once site-wide <abbr> styling is removed */
|
||||
}
|
||||
|
||||
.bbcode-input__icon-separator {
|
||||
all: revert; /* can be removed once site-wide <hr> styles are removed */
|
||||
margin: 11px 4px;
|
||||
align-self: stretch;
|
||||
}
|
||||
@@ -66,6 +62,7 @@
|
||||
.bbcode-input__icon-bar-toggle {
|
||||
grid-area: toggle;
|
||||
border-top-right-radius: var(--bbcode-input-border-radius);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bbcode-input__input {
|
||||
|
||||
@@ -13,25 +13,14 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: var(--bbcode-rendered-accent-fg);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline dotted;
|
||||
@@ -46,14 +35,6 @@
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0.67em 0;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 30px;
|
||||
border-bottom: 1px solid var(--bbcode-rendered-border-muted);
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: var(--bbcode-rendered-attention-subtle);
|
||||
color: var(--bbcode-rendered-text-primary);
|
||||
@@ -63,6 +44,8 @@
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
/* Subscript/Superscript */
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
@@ -79,23 +62,23 @@
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: var(--bbcode-rendered-canvas-default);
|
||||
/* Links */
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
color: var(--bbcode-rendered-accent-fg);
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:active, &:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
/* Horizontal Rules */
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
@@ -109,107 +92,31 @@
|
||||
border: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
/* Spoilers */
|
||||
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
opacity: 0.54;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
hr::before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
hr::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: max-content;
|
||||
details {
|
||||
padding: 0 6px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 2px;
|
||||
display: inline;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
&:not([open]) > *:not(summary) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
details:not([open]) > *:not(summary) {
|
||||
display: none !important;
|
||||
}
|
||||
/* Keyboard inputs */
|
||||
|
||||
kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
Liberation Mono, monospace;
|
||||
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
line-height: 10px;
|
||||
color: var(--bbcode-rendered-fg-default);
|
||||
vertical-align: middle;
|
||||
@@ -220,6 +127,8 @@
|
||||
box-shadow: inset 0 -1px 0 var(--bbcode-rendered-neutral-muted);
|
||||
}
|
||||
|
||||
/* Headings */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@@ -230,6 +139,19 @@
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
|
||||
code {
|
||||
padding: 0 0.2em;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0.67em 0;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 30px;
|
||||
border-bottom: 1px solid var(--bbcode-rendered-border-muted);
|
||||
}
|
||||
|
||||
h2 {
|
||||
@@ -255,10 +177,7 @@
|
||||
color: var(--bbcode-rendered-fg-muted);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/* Quoting */
|
||||
|
||||
blockquote {
|
||||
margin-left: 2px;
|
||||
@@ -269,72 +188,19 @@
|
||||
font-size: 15px;
|
||||
background-color: var(--bbcode-rendered-quote-bg);
|
||||
border-radius: 6px;
|
||||
|
||||
> cite {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
> blockquote {
|
||||
margin-left: 6px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote > cite {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote > blockquote {
|
||||
margin-left: 6px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
ul ul ol,
|
||||
ul ol ol,
|
||||
ol ul ol,
|
||||
ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
tt,
|
||||
code {
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
Liberation Mono, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: var(--bbcode-rendered-neutral-muted);
|
||||
color: var(--bbcode-rendered-fg-default);
|
||||
border: revert;
|
||||
border-radius: 6px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
Liberation Mono, monospace;
|
||||
font-size: 12px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
color: var(--bbcode-rendered-fg-subtle);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
/* Clearfix */
|
||||
|
||||
&::before {
|
||||
display: table;
|
||||
@@ -347,10 +213,7 @@
|
||||
content: "";
|
||||
}
|
||||
|
||||
a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* Block Elements */
|
||||
|
||||
p,
|
||||
blockquote,
|
||||
@@ -368,62 +231,43 @@
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
details {
|
||||
padding: 0 6px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 2px;
|
||||
display: inline;
|
||||
max-width: 100%;
|
||||
/* Lists */
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 2em;
|
||||
|
||||
ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
sup > a::before {
|
||||
content: "[";
|
||||
}
|
||||
ol {
|
||||
&[type="1"] {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
sup > a::after {
|
||||
content: "]";
|
||||
}
|
||||
&[type="a"] {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
h1 tt,
|
||||
h1 code,
|
||||
h2 tt,
|
||||
h2 code,
|
||||
h3 tt,
|
||||
h3 code,
|
||||
h4 tt,
|
||||
h4 code,
|
||||
h5 tt,
|
||||
h5 code,
|
||||
h6 tt,
|
||||
h6 code {
|
||||
padding: 0 0.2em;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
ol[type="1"] {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
ol[type="a"] {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
ol[type="i"] {
|
||||
list-style-type: lower-roman;
|
||||
&[type="i"] {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
}
|
||||
|
||||
div > ol:not([type]) {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li > p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
@@ -432,59 +276,104 @@
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
/* Definition Lists */
|
||||
|
||||
dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
table th {
|
||||
/* Tables */
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
|
||||
img {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
th, td {
|
||||
border: revert !important;
|
||||
padding: 6px 13px;
|
||||
background-color: var(--bbcode-rendered-canvas-default);
|
||||
border: 1px solid var(--bbcode-rendered-border-default) !important;
|
||||
}
|
||||
|
||||
table tr {
|
||||
tr {
|
||||
border: revert;
|
||||
background-color: var(--bbcode-rendered-canvas-default) !important;
|
||||
border-top: 1px solid var(--bbcode-rendered-border-muted);
|
||||
|
||||
&:nth-child(2n),
|
||||
&:nth-child(2n) td {
|
||||
background-color: var(--bbcode-rendered-canvas-subtle);
|
||||
}
|
||||
}
|
||||
|
||||
table tr:nth-child(2n),
|
||||
table tr:nth-child(2n) td {
|
||||
background-color: var(--bbcode-rendered-canvas-subtle);
|
||||
/* Images */
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: var(--bbcode-rendered-canvas-default);
|
||||
|
||||
&[align="right"] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
&[align="left"] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
table img {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
img[align="right"] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
img[align="left"] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
/* Code (TODO: Figure out which styles are actually needed for code/inline code/spoiler content) */
|
||||
|
||||
code,
|
||||
tt {
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: var(--bbcode-rendered-neutral-muted);
|
||||
color: var(--bbcode-rendered-fg-default);
|
||||
border: revert;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
word-wrap: normal;
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-break: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
white-space: pre-wrap;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 0;
|
||||
word-break: normal;
|
||||
@@ -493,6 +382,8 @@
|
||||
font-size: 13px;
|
||||
background-color: var(--bbcode-rendered-neutral-muted);
|
||||
border-radius: 6px;
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
|
||||
Liberation Mono, monospace;
|
||||
}
|
||||
|
||||
del code {
|
||||
@@ -500,99 +391,92 @@
|
||||
}
|
||||
|
||||
pre > code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
word-break: normal;
|
||||
overflow-wrap: anywhere;
|
||||
white-space: pre-wrap;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
pre code,
|
||||
pre tt {
|
||||
pre code {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
word-break: normal;
|
||||
overflow-wrap: anywhere;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
word-break: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
white-space: pre-wrap;
|
||||
/* Markdown Extra footnotes */
|
||||
|
||||
sup {
|
||||
> a::before {
|
||||
content: "[";
|
||||
}
|
||||
|
||||
> a::after {
|
||||
content: "]";
|
||||
}
|
||||
}
|
||||
|
||||
.footnotes {
|
||||
font-size: 12px;
|
||||
color: var(--bbcode-rendered-fg-muted);
|
||||
border-top: 1px solid var(--bbcode-rendered-border-default);
|
||||
|
||||
ol {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&:target {
|
||||
color: var(--bbcode-rendered-fg-default);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
bottom: -8px;
|
||||
left: -24px;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
border: 2px solid var(--bbcode-rendered-accent-emphasis);
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footnote-backref {
|
||||
font-family: monospace;
|
||||
}
|
||||
}
|
||||
|
||||
.footnotes ol {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.footnotes li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footnotes li:target::before {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
bottom: -8px;
|
||||
left: -24px;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
border: 2px solid var(--bbcode-rendered-accent-emphasis);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.footnotes li:target {
|
||||
color: var(--bbcode-rendered-fg-default);
|
||||
}
|
||||
|
||||
.footnotes .footnote-backref {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
::-webkit-calendar-picker-indicator {
|
||||
filter: invert(50%);
|
||||
}
|
||||
/* BBCode [alert] */
|
||||
|
||||
.bbcode-rendered__alert {
|
||||
border-radius: 5px;
|
||||
padding: 8px;
|
||||
border: 2px solid var(--bbcode-rendered-danger-fg);
|
||||
|
||||
&::before {
|
||||
content: 'Alert: ';
|
||||
color: var(--bbcode-rendered-danger-fg);
|
||||
display: inline-block;
|
||||
padding-right: 1ch;
|
||||
}
|
||||
}
|
||||
|
||||
.bbcode-rendered__alert::before {
|
||||
content: 'Alert: ';
|
||||
color: var(--bbcode-rendered-danger-fg);
|
||||
display: inline-block;
|
||||
padding-right: 1ch;
|
||||
}
|
||||
/* BBCode [note] */
|
||||
|
||||
.bbcode-rendered__note {
|
||||
border-radius: 4px;
|
||||
padding: 8px;
|
||||
border: 2px solid var(--bbcode-rendered-attention-subtle);
|
||||
}
|
||||
|
||||
.bbcode-rendered__note::before {
|
||||
content: 'Note: ';
|
||||
color: var(--bbcode-rendered-attention-subtle);
|
||||
display: inline-block;
|
||||
padding-right: 1ch;
|
||||
&::before {
|
||||
content: 'Note: ';
|
||||
color: var(--bbcode-rendered-attention-subtle);
|
||||
display: inline-block;
|
||||
padding-right: 1ch;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
37
resources/sass/components/_collection-card.scss
Normal file
37
resources/sass/components/_collection-card.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
.collection__list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.collection__list-item {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.collection {
|
||||
height: 300px;
|
||||
padding: 16px;
|
||||
border-radius: 16px;
|
||||
background-blend-mode: multiply;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
color: var(--collection-fg);
|
||||
}
|
||||
|
||||
.collection__link {
|
||||
color: var(--collection-fg)
|
||||
}
|
||||
|
||||
.collection__backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@@ -9,13 +9,6 @@
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.data-table > tr,
|
||||
.data-table > thead > tr,
|
||||
.data-table > tbody > tr,
|
||||
.data-table > tfoot > tr {
|
||||
border: 0 !important; /* Can be removed after global table styles are removed */
|
||||
}
|
||||
|
||||
/* header */
|
||||
.data-table > tr > th,
|
||||
.data-table > thead > tr > th,
|
||||
@@ -38,11 +31,6 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.data-table > tr:not(.data-table > tr:last-child) > td,
|
||||
.data-table > tbody > tr:not(.data-table > tbody > tr:last-child) > td {
|
||||
border-bottom: var(--data-table-tr-border) !important; /* !important can be removed after global table styles are removed */
|
||||
}
|
||||
|
||||
.data-table tr:nth-child(even) > td {
|
||||
background-color: var(--data-table-tr-even-bg);
|
||||
}
|
||||
|
||||
14
resources/sass/components/_emoji.scss
Normal file
14
resources/sass/components/_emoji.scss
Normal file
@@ -0,0 +1,14 @@
|
||||
.joypixels {
|
||||
height: 3ex;
|
||||
width: 3.1ex;
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
margin: -0.2ex 0.15em 0.2ex;
|
||||
line-height: normal;
|
||||
font-size: inherit;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img.joypixels {
|
||||
width: auto;
|
||||
}
|
||||
@@ -12,7 +12,6 @@
|
||||
.form__group {
|
||||
background-color: inherit;
|
||||
position: relative;
|
||||
margin-top: 0 !important; /* Can be removed once site-wide <p> styles are removed */
|
||||
}
|
||||
|
||||
/* Form labels */
|
||||
@@ -20,7 +19,6 @@
|
||||
.form__label {
|
||||
user-select: none;
|
||||
font-size: 14px;
|
||||
font-weight: normal !important; /* Needed until site-wide <label> styles are removed */
|
||||
}
|
||||
|
||||
.form__label--floating {
|
||||
@@ -124,26 +122,12 @@
|
||||
|
||||
& + .form__label--floating {
|
||||
color: #ba1b1b;
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .form__hint {
|
||||
color: #ba1b1b;
|
||||
font-size: 12px;
|
||||
margin-left: 16px;
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Checkboxes */
|
||||
|
||||
.form__checkbox {
|
||||
all: revert !important; /* Can be removed once site-wide checkbox styling is removed */
|
||||
}
|
||||
|
||||
@@ -33,6 +33,7 @@
|
||||
text-align: right;
|
||||
padding: calc(var(--key-value-padding) / 2) var(--key-value-padding) calc(var(--key-value-padding) / 2)
|
||||
calc(var(--key-value-padding) / 2);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.key-value dt:nth-child(4n + 1),
|
||||
|
||||
56
resources/sass/components/_mediahub-card.scss
Normal file
56
resources/sass/components/_mediahub-card.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
.mediahub-card__list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
grid-template-rows: 1fr;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
gap: 16px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mediahub-card__list-item {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.mediahub-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding: 32px 16px;
|
||||
background-color: var(--mediahub-card-bg);
|
||||
border: var(--mediahub-card-border);
|
||||
border-radius: var(--mediahub-card-border-radius);
|
||||
color: var(--mediahub-card-fg);
|
||||
box-shadow: var(--mediahub-card-box-shadow);
|
||||
transition: 0.1s background-color ease-in-out, 0.3s color ease-in-out;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mediahub-card:hover {
|
||||
color: var(--mediahub-card-hover-fg);
|
||||
}
|
||||
|
||||
.mediahub-card__heading {
|
||||
letter-spacing: 3px;
|
||||
font-weight: 300;
|
||||
line-height: 1.1;
|
||||
text-align: center;
|
||||
font-size: 29px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mediahub-card__subheading {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mediahub-card__image {
|
||||
max-height: 60px;
|
||||
max-width: 300px;
|
||||
width: auto;
|
||||
}
|
||||
@@ -347,6 +347,7 @@
|
||||
align-self: start;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
||||
height: 100%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.meta-chip__value a {
|
||||
|
||||
@@ -33,6 +33,7 @@
|
||||
padding: 7px 5px;
|
||||
font-size: 16px;
|
||||
flex-grow: 1;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.panel__heading--centered {
|
||||
|
||||
@@ -164,6 +164,7 @@
|
||||
display: grid;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.quick-search__result-year {
|
||||
|
||||
6
resources/sass/components/_swal.scss
Normal file
6
resources/sass/components/_swal.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
/* purgecss start ignore /*
|
||||
/* Position top-end postioned swal2 notifications below the top nav */
|
||||
.swal2-top-end {
|
||||
margin-top: 40px;
|
||||
}
|
||||
/* purgecss end ignore */
|
||||
@@ -103,4 +103,5 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@@ -18,6 +18,9 @@
|
||||
.user-card__username {
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
margin: 24px 0 12px 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.user-card__icon {
|
||||
@@ -39,8 +42,12 @@
|
||||
|
||||
.user-card__title {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.user-card__group {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,2 @@
|
||||
.form__checkbox {
|
||||
all: revert !important; /* Can be removed once site-wide `input[type="checkbox"]` styling is removed */
|
||||
}
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
.form__file {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form__file::file-selector-button {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
.form__group {
|
||||
background-color: inherit;
|
||||
position: relative;
|
||||
margin-top: 0 !important; /* Can be removed once site-wide `p` styles are removed */
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.form__group--horizontal {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.form__label {
|
||||
user-select: none;
|
||||
font-size: 14px;
|
||||
font-weight: normal !important; /* Needed until site-wide `label` styles are removed */
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.form__label--floating {
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
.form__legend {
|
||||
all: revert !important; /* Can be removed once site-wide `legend` styling is removed */
|
||||
|
||||
font-size: 11px !important;
|
||||
color: var(--legend-fg) !important;
|
||||
background-color: var(--legend-bg) !important;
|
||||
|
||||
@@ -1,3 +1,2 @@
|
||||
.form__radio {
|
||||
all: revert !important; /* Can be removed once site-wide `input[type="checkbox"]` styling is removed */
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
*/
|
||||
|
||||
.form__select {
|
||||
background-color: inherit !important; /* !important can be removed once site-wide `select` styling is removed */
|
||||
background-color: inherit;
|
||||
background: var(--select-icon);
|
||||
background-size: 16px;
|
||||
background-position: calc(100% - 4px) center;
|
||||
@@ -70,20 +70,12 @@
|
||||
|
||||
& + .form__label--floating {
|
||||
color: var(--label-fg-error);
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .form__hint {
|
||||
color: var(--label-fg-error);
|
||||
font-size: 12px;
|
||||
margin-left: 16px;
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -64,19 +64,12 @@
|
||||
& + .form__label--floating {
|
||||
color: var(--label-fg-error);
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide `strong` styling is removed */
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .form__hint {
|
||||
color: var(--label-fg-error);
|
||||
font-size: 12px;
|
||||
margin-left: 16px;
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide `strong` styling is removed */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -65,20 +65,12 @@
|
||||
|
||||
& ~ .form__label--floating {
|
||||
color: var(--label-fg-error);
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .form__hint {
|
||||
color: var(--label-fg-error);
|
||||
font-size: 12px;
|
||||
margin-left: 16px;
|
||||
|
||||
> strong {
|
||||
color: inherit; /* Can be removed once site-wide <strong> styling is removed */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -143,6 +143,7 @@
|
||||
border-width: 0 0 2px 0;
|
||||
border-style: solid;
|
||||
border-color: var(--post-toolbar-bg);
|
||||
color: var(--post-toolbar-fg);
|
||||
width: 72px;
|
||||
background-color: transparent;
|
||||
text-align: right;
|
||||
@@ -241,3 +242,38 @@
|
||||
.post__signature {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.post__like-animation {
|
||||
-webkit-animation: fa-beat 1s infinite linear;
|
||||
animation: fa-beat 1s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes post__like-animation {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes post__like-animation {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@@ -45,6 +45,7 @@
|
||||
|
||||
.subforum-listing__description {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subforum-listing__figure {
|
||||
@@ -71,6 +72,11 @@
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.subforum-listing__topic-stats dd,
|
||||
.subforum-listing__post-stats dd {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subforum-listing__topic-stats {
|
||||
grid-area: topics;
|
||||
}
|
||||
@@ -104,6 +110,7 @@
|
||||
grid-area: author;
|
||||
margin: 0 0 0 0.5ch;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.subforum-listing__latest-author::before {
|
||||
|
||||
@@ -42,6 +42,7 @@
|
||||
.topic-listing__author {
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.topic-listing__figure {
|
||||
@@ -105,6 +106,7 @@
|
||||
grid-area: author;
|
||||
margin: 0 0 0 0.5ch;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
@@ -31,3 +31,7 @@ html, body {
|
||||
.footer__stats {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.footer__icon {
|
||||
color: rgba(102, 204, 153, 1);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -465,11 +465,11 @@
|
||||
grid-area: directors;
|
||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 5px 0 0 5px;
|
||||
padding: 5px 0 0 10px;
|
||||
font-size: 12px;
|
||||
color: var(--torrent-group-text);
|
||||
align-self: end;
|
||||
padding-left: 10px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.torrent-search--grouped__director {
|
||||
@@ -504,7 +504,7 @@
|
||||
.torrent-search--grouped__genre:hover {
|
||||
backdrop-filter: brightness(var(--torrent-group-hover-brightness-emphasis));
|
||||
transition: backdrop-filter 0.1s;
|
||||
color: var(--torrent-group-text) !important;
|
||||
color: var(--torrent-group-text);
|
||||
}
|
||||
|
||||
.torrent-search--grouped__dropdown {
|
||||
@@ -571,9 +571,10 @@
|
||||
.torrent-search--grouped__torrents {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-width: 3px 0 !important;
|
||||
border-style: solid !important;
|
||||
border-color: var(--torrent-group-header-bg) !important;
|
||||
border-width: 3px 0;
|
||||
border-style: solid;
|
||||
border-color: var(--torrent-group-header-bg);
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.torrent-search--grouped__torrents tbody:nth-child(odd) {
|
||||
@@ -587,7 +588,7 @@
|
||||
.torrent-search--grouped__header
|
||||
+ section
|
||||
> .torrent-search--grouped__torrents:first-child {
|
||||
border-width: 0 !important;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* Buttons in table */
|
||||
@@ -605,7 +606,7 @@ a.torrent-search--grouped__edit {
|
||||
.torrent-search--grouped__download a:hover,
|
||||
.torrent-search--grouped__bookmark button:hover,
|
||||
a.torrent-search--grouped__edit:hover {
|
||||
color: inherit !important;
|
||||
color: inherit;
|
||||
filter: brightness(calc(1 / var(--torrent-group-hover-brightness-emphasis)));
|
||||
}
|
||||
|
||||
@@ -620,7 +621,7 @@ td.torrent-search--grouped__seeders,
|
||||
td.torrent-search--grouped__leechers,
|
||||
td.torrent-search--grouped__completed,
|
||||
td.torrent-search--grouped__age {
|
||||
background-color: initial !important;
|
||||
background-color: initial;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
padding: 2px 4px;
|
||||
@@ -897,6 +898,7 @@ td.torrent-search--grouped__age time {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.torrent-search--poster__release-date {
|
||||
@@ -904,4 +906,13 @@ td.torrent-search--grouped__age time {
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
/* Category Icon
|
||||
---------------------------------------------------------------------------- */
|
||||
|
||||
.category__icon {
|
||||
color: #325d88;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
@@ -6,6 +6,11 @@
|
||||
--achievement-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
--achievement-progress-bg: #8fbcbb;
|
||||
|
||||
--alert-bg: #292929;
|
||||
--alert-fg: #aaa;
|
||||
--alert-gap-color: #444;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #272727;
|
||||
--article-card-fg: #aaa;
|
||||
--article-card-head-fg: #aaa;
|
||||
@@ -32,6 +37,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: #666;
|
||||
|
||||
--body-bg: #222;
|
||||
--body-fg: #696969;
|
||||
|
||||
--breadcrumb-fg: #777;
|
||||
--breadcrumb-active-fg: #aaa;
|
||||
--breadcrumb-hover-fg: #ddd;
|
||||
@@ -112,6 +120,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #1A1A1A;
|
||||
--mediahub-card-fg: #ddd;
|
||||
--mediahub-card-hover-fg: #fff;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 0;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -298,114 +313,6 @@
|
||||
--torrent-tag-hover-bg: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #19191b;
|
||||
}
|
||||
|
||||
.panel-chat > .panel-heading {
|
||||
background-color: #19191b;
|
||||
}
|
||||
|
||||
.container > .block,
|
||||
.container > .box,
|
||||
.container > .well {
|
||||
background: #27272b;
|
||||
}
|
||||
|
||||
.block,
|
||||
.container > .block,
|
||||
.container > .box,
|
||||
.container > .well,
|
||||
.well {
|
||||
box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.42), 0 4px 10px 0 rgba(0, 0, 0, 0.12),
|
||||
0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
.container.box {
|
||||
background: #27272b;
|
||||
box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.42), 0 4px 10px 0 rgba(0, 0, 0, 0.12),
|
||||
0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
.container.box {
|
||||
background: #27272b;
|
||||
box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.42), 0 4px 10px 0 rgba(0, 0, 0, 0.12),
|
||||
0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-color: #19191b;
|
||||
border-color: #19191b;
|
||||
}
|
||||
|
||||
.notify .point {
|
||||
background-color: #6e6e6e;
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.head {
|
||||
background-color: rgba(66, 63, 65, 0.58);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: hsla(0, 0%, 100%, 0.16);
|
||||
color: #dddddd;
|
||||
border: 2px solid rgba(0, 0, 0, 0.56);
|
||||
}
|
||||
|
||||
hr {
|
||||
border-top: 1px solid #525252;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #353535;
|
||||
}
|
||||
|
||||
div.header.blue div.inner_content,
|
||||
div.header.green div.inner_content,
|
||||
div.header.orange div.inner_content,
|
||||
div.header.purple div.inner_content,
|
||||
div.header.red div.inner_content,
|
||||
div.header.yellow div.inner_content {
|
||||
background-image: url(/img/pipes/silver.png);
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs.mb-5 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-color: #635f5f;
|
||||
}
|
||||
|
||||
|
||||
.panel-primary,
|
||||
.panel-primary > .panel-heading {
|
||||
background-color: #635f5f;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: #dddddd;
|
||||
}
|
||||
@@ -447,7 +354,7 @@ a {
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #7f7d80 !important;
|
||||
color: #7f7d80;
|
||||
}
|
||||
|
||||
.badge-extra {
|
||||
@@ -455,134 +362,21 @@ a:hover {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.badge-extra.text-red {
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
i.torrent-icon {
|
||||
color: hsla(0, 0%, 73.3%, 0.87);
|
||||
}
|
||||
|
||||
div.stats {
|
||||
background-color: rgba(30, 30, 30, 0.51);
|
||||
}
|
||||
|
||||
.lead,
|
||||
blockquote {
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
.media {
|
||||
border-left-color: #19191b;
|
||||
}
|
||||
|
||||
select option {
|
||||
background-color: #464d60;
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
border: 1px solid #19191b;
|
||||
background-color: #19191b;
|
||||
box-shadow: 2px 2px 10px 1px #252426;
|
||||
}
|
||||
|
||||
.badge-user {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
color: #f6fdfa;
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
color: #f6fdfa;
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background-color: rgba(14, 21, 34, 0.25);
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
.panel a:focus,
|
||||
.panel a:hover {
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
border-bottom: 3px solid transparent;
|
||||
}
|
||||
|
||||
#frame {
|
||||
background: #222;
|
||||
border-color: #dddddd !important;
|
||||
}
|
||||
|
||||
|
||||
.panel-footer {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
table > tbody > tr {
|
||||
border-bottom: 1px dotted #404040;
|
||||
}
|
||||
|
||||
.panel-body,
|
||||
.table-striped > tbody > tr,
|
||||
.table > tbody > tr.info > td,
|
||||
td,
|
||||
thead {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.mb-5,
|
||||
th {
|
||||
background-color: #19191b;
|
||||
}
|
||||
|
||||
.block td {
|
||||
background-color: #222 !important;
|
||||
}
|
||||
|
||||
tr.success > td {
|
||||
background-color: #19191b !important;
|
||||
}
|
||||
|
||||
.badge-user {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
background-color: #27272b;
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
background-color: #19191b;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
div.blocks div.media_blocks {
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
div.blocks div.media_blocks span {
|
||||
background-color: #2c2b2d;
|
||||
}
|
||||
|
||||
.text-bright {
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
.container,
|
||||
span.badge-user,
|
||||
strong {
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
@@ -32,6 +32,8 @@ For example dark blue,
|
||||
*/
|
||||
|
||||
:root {
|
||||
--body-bg: var(--color-dark-blue);
|
||||
|
||||
--torrent-row-fg: #ccc;
|
||||
--torrent-row-format-fg: #ccc;
|
||||
--torrent-row-format-bg: #3c3c3c;
|
||||
@@ -53,14 +55,6 @@ For example dark blue,
|
||||
--torrent-row-bumped-fg: #ffb800;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--color-dark-blue);
|
||||
}
|
||||
|
||||
.nav-tabs > #active {
|
||||
background-color: var(--color-dark-green);
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color: #3fb618;
|
||||
}
|
||||
@@ -76,45 +70,8 @@ i.torrent-icon {
|
||||
background-color: var(--color-dark-blue);
|
||||
}
|
||||
|
||||
.notify .point {
|
||||
background-color: var(--color-A400);
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
select,
|
||||
select option {
|
||||
background-color: #454545 !important;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #2b2b2b;
|
||||
color: #fff;
|
||||
border: 2px solid rgba(0, 0, 0, 0.56);
|
||||
}
|
||||
.form-control:focus {
|
||||
box-shadow: 0 0 5px var(--color-light-blue);
|
||||
border: 1px solid var(--color-light-blue);
|
||||
}
|
||||
.form-control > option {
|
||||
background-color: #616161;
|
||||
}
|
||||
|
||||
.text-info,
|
||||
.footer-icon {
|
||||
.footer__icon {
|
||||
color: var(--color-400);
|
||||
}
|
||||
|
||||
@@ -135,8 +92,7 @@ a.text-bright:hover {
|
||||
.text-purple,
|
||||
.text-orange,
|
||||
.text-success,
|
||||
.text-pink,
|
||||
.fa-coins {
|
||||
.text-pink {
|
||||
color: var(--color-400);
|
||||
}
|
||||
|
||||
@@ -144,60 +100,7 @@ a.text-bright:hover {
|
||||
color: #996666;
|
||||
}
|
||||
|
||||
.alert-danger,
|
||||
.panel-primary,
|
||||
.panel-primary > .panel-heading,
|
||||
.alert-info,
|
||||
.panel-info,
|
||||
.panel-info > .panel-heading {
|
||||
background-color: var(--color-magenta) !important;
|
||||
}
|
||||
|
||||
.alert {
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
.alert > h2,
|
||||
.alert > h2 > strong,
|
||||
.panel > .panel-heading > h2,
|
||||
.panel > .panel-heading > h4,
|
||||
.panel > .panel-heading > div > h2,
|
||||
.panel > .panel-heading > div > h4,
|
||||
.movie-title > a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.panel-chat > .panel-heading > h4 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.badge-user {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.container.box {
|
||||
background: #1f1f1f;
|
||||
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.list-inline {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
div.header.purple div.inner_content,
|
||||
div.header.green div.inner_content,
|
||||
div.header.blue div.inner_content,
|
||||
div.header.orange div.inner_content,
|
||||
div.header.yellow div.inner_content,
|
||||
div.header.red div.inner_content {
|
||||
background-image: var(--background-pipe) !important;
|
||||
}
|
||||
|
||||
/* history table restores */
|
||||
.table > tbody > tr > td.text-green {
|
||||
color: #3fb618 !important;
|
||||
}
|
||||
.table > tbody > tr > td.text-red {
|
||||
color: var(--color-light-red) !important;
|
||||
}
|
||||
|
||||
@@ -34,6 +34,11 @@
|
||||
--achievement-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
--achievement-progress-bg: #8fbcbb;
|
||||
|
||||
--alert-bg: #292929;
|
||||
--alert-fg: #aaa;
|
||||
--alert-gap-color: #444;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #2c2c2c;
|
||||
--article-card-fg: #aaa;
|
||||
--article-card-head-fg: #aaa;
|
||||
@@ -60,6 +65,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: var(--color-green);
|
||||
|
||||
--body-bg: #232323;
|
||||
--body-fg: var(--text-color);
|
||||
|
||||
--breadcrumb-fg: #777;
|
||||
--breadcrumb-active-fg: #aaa;
|
||||
--breadcrumb-hover-fg: #ddd;
|
||||
@@ -140,6 +148,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #1A1A1A;
|
||||
--mediahub-card-fg: #ddd;
|
||||
--mediahub-card-hover-fg: #fff;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 0;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -336,7 +351,7 @@ a.text-bright:hover {
|
||||
color: #fcfcfc;
|
||||
}
|
||||
|
||||
.container-fluid > .list-inline,
|
||||
|
||||
.text-blue {
|
||||
color: var(--text-color);
|
||||
}
|
||||
@@ -345,142 +360,6 @@ a.text-bright:hover {
|
||||
color: #958;
|
||||
}
|
||||
|
||||
|
||||
.panel-footer {
|
||||
background-color: #232323;
|
||||
}
|
||||
|
||||
.badge-extra {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.likes {
|
||||
background: none;
|
||||
right: 5px;
|
||||
|
||||
.badge-extra {
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.shoutbox {
|
||||
border-color: #000;
|
||||
border-radius: 4px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
* {
|
||||
border: #000;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.panel {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.panel-info > .panel-heading {
|
||||
background-color: var(--color-dark-magenta);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.panel-primary > .panel-heading {
|
||||
background-color: var(--color-dark-purple);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.panel-primary {
|
||||
background: #2b2b2b;
|
||||
}
|
||||
|
||||
.container > .block,
|
||||
.container > .well {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.panel-chat > .panel-heading {
|
||||
background-color: var(--color-dark-blue);
|
||||
}
|
||||
|
||||
.badge-extra.text-red {
|
||||
color: var(--color-light-red);
|
||||
}
|
||||
|
||||
.panel-footer {
|
||||
border: 1px solid #232323;
|
||||
}
|
||||
|
||||
.panel .panel-chat {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
background-color: #373737;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.nav-tabs > li > a,
|
||||
td,
|
||||
thead {
|
||||
background-color: var(--color-dark-red);
|
||||
}
|
||||
|
||||
.nav-tabs > li > a,
|
||||
.nav-tabs > li > a:hover,
|
||||
td,
|
||||
thead {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
.nav-tabs > li.active > a {
|
||||
color: var(--color-bright-white);
|
||||
}
|
||||
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li > a:hover {
|
||||
background-color: var(--color-red) !important;
|
||||
border: 1px solid var(--color-red) !important;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
.mb-5 {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
td,
|
||||
thead {
|
||||
background-color: #272727;
|
||||
}
|
||||
|
||||
.mb-5,
|
||||
.table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.table-bordered,
|
||||
table,
|
||||
td,
|
||||
th,
|
||||
thead {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.panel-body,
|
||||
.table-striped > tbody > tr,
|
||||
.table > tbody > tr.info > td {
|
||||
background-color: #272727;
|
||||
}
|
||||
|
||||
tr:last-child {
|
||||
background-color: #2b2b2b !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
@@ -489,26 +368,6 @@ a:hover {
|
||||
color: var(--color-light-blue);
|
||||
}
|
||||
|
||||
.well {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.block,
|
||||
.well {
|
||||
background-color: rgba(30, 30, 30, 0.51);
|
||||
}
|
||||
|
||||
.block td {
|
||||
background-color: #262626 !important;
|
||||
}
|
||||
|
||||
.block {
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color: var(--color-light-green);
|
||||
}
|
||||
@@ -527,29 +386,10 @@ a:hover {
|
||||
color: #979;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-color: var(--color-red);
|
||||
background-image: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: var(--color-light-red);
|
||||
}
|
||||
|
||||
.container.box {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
tr.success > td {
|
||||
background-color: #404040 !important;
|
||||
}
|
||||
|
||||
.container.box {
|
||||
background-color: #2b2b2b;
|
||||
}
|
||||
|
||||
.badge-user {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
@@ -557,112 +397,7 @@ tr.success > td {
|
||||
text-shadow: 1.5px 1.5px #000;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #c6c6c6;
|
||||
color: #000;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.pagination > .disabled > span,
|
||||
.pagination > li > a {
|
||||
background-color: #333;
|
||||
border: 1px solid #2b2b2b;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > span {
|
||||
background-color: #252525 !important;
|
||||
border: 1px solid #262626;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
background-color: #252525 !important;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.pagination .active a:hover {
|
||||
background-color: #252525 !important;
|
||||
border-bottom: 3px solid #252525;
|
||||
}
|
||||
|
||||
.movie-title {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.head {
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #232323;
|
||||
}
|
||||
|
||||
.articles .article {
|
||||
background: #232323;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.container.box,
|
||||
label {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
table > tbody > tr {
|
||||
border-bottom: 1px dotted #404040;
|
||||
}
|
||||
|
||||
span.badge-user {
|
||||
margin: 0.25em;
|
||||
}
|
||||
|
||||
.panel-footer > .badge-extra,
|
||||
h3 {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
div.stats {
|
||||
background: #353535;
|
||||
}
|
||||
|
||||
.pagination a:hover,
|
||||
div.stats * {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
i.torrent-icon {
|
||||
color: #6888bb;
|
||||
}
|
||||
|
||||
|
||||
.comments {
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
.progress {
|
||||
background-color: #353535;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.container,
|
||||
span.badge-user,
|
||||
strong {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.col-sm-12 {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs.mb-5 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-icon {
|
||||
.footer__icon {
|
||||
color: rgba(148, 123, 204, 1);
|
||||
}
|
||||
|
||||
@@ -710,77 +445,6 @@ ul.nav.nav-tabs.mb-5 {
|
||||
background: #435f7a;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-color: #446;
|
||||
border-color: #446;
|
||||
}
|
||||
|
||||
.card.is-torrent {
|
||||
background-color: #171717;
|
||||
}
|
||||
|
||||
.card.is-torrent .card_head {
|
||||
background-color: #171717;
|
||||
}
|
||||
|
||||
.card.is-torrent .card_body {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.card.is-torrent .genre-label {
|
||||
border: 0.5px solid #222;
|
||||
border-radius: 5px;
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.card.is-torrent .card_footer {
|
||||
background-color: #171717;
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 613px) {
|
||||
ul.nav.nav-tabs.mb-5 {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
.panel .nav-tabs {
|
||||
padding-bottom: 6px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pages */
|
||||
|
||||
a > strong {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
a > strong:hover {
|
||||
color: var(--color-light-blue);
|
||||
}
|
||||
|
||||
|
||||
pre {
|
||||
color: var(--text-color);
|
||||
background-color: #232323;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] {
|
||||
background-color: hsla(0, 0%, 100%, 0.16);
|
||||
color: #fff;
|
||||
border: 2px solid rgba(0, 0, 0, 0.56);
|
||||
}
|
||||
|
||||
/* Chat Message Bubbles
|
||||
============================================================================
|
||||
|
||||
|
||||
318
resources/sass/themes/light.scss
Normal file
318
resources/sass/themes/light.scss
Normal file
@@ -0,0 +1,318 @@
|
||||
:root {
|
||||
--message-bubble-bg: white;
|
||||
--message-bubble-fg: currentColor;
|
||||
|
||||
--achievement-fg: inherit;
|
||||
--achievement-bg: #e7e7e7;
|
||||
--achievement-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
--achievement-progress-bg: #8fbcbb;
|
||||
|
||||
--alert-bg: #292929;
|
||||
--alert-fg: #aaa;
|
||||
--alert-gap-color: #444;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #e7e7e7;
|
||||
--article-card-fg: inherit;
|
||||
--article-card-head-fg: inherit;
|
||||
--article-card-time-fg: inherit;
|
||||
--article-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
--bbcode-input-header-bg: #e2e2e2;
|
||||
--bbcode-input-body-bg: white;
|
||||
--bbcode-input-border: 1px solid #555;
|
||||
--bbcode-input-border-radius: 5px;
|
||||
|
||||
--bbcode-rendered-fg-default: #24292f;
|
||||
--bbcode-rendered-fg-muted: #57606a;
|
||||
--bbcode-rendered-fg-subtle: #667788;
|
||||
--bbcode-rendered-canvas-default: transparent;
|
||||
--bbcode-rendered-canvas-subtle: #ececec;
|
||||
--bbcode-rendered-border-default: #bebebe;
|
||||
--bbcode-rendered-border-muted: #babbbd;
|
||||
--bbcode-rendered-neutral-muted: #aeb3b833;
|
||||
--bbcode-rendered-accent-fg: #0969da;
|
||||
--bbcode-rendered-accent-emphasis: #0969da;
|
||||
--bbcode-rendered-attention-subtle: #7289da;
|
||||
--bbcode-rendered-danger-fg: #ff141ccc;
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: #707070;
|
||||
|
||||
--body-fg: #696969;
|
||||
--body-bg: #CFCFCF;
|
||||
|
||||
--breadcrumb-fg: #777;
|
||||
--breadcrumb-active-fg: #aaa;
|
||||
--breadcrumb-hover-fg: #ddd;
|
||||
--breadcrumb-inactive-text-decoration: none;
|
||||
|
||||
--button-filled-bg: #5cb579 linear-gradient(to bottom right, #0ba360, #2bb673);
|
||||
--button-filled-border: none;
|
||||
--button-filled-border-radius: 9999px;
|
||||
--button-filled-fg: white;
|
||||
|
||||
--button-outlined-bg: inherit;
|
||||
--button-outlined-border: 1px solid #555;
|
||||
--button-outlined-border-radius: 9999px;
|
||||
--button-outlined-fg: currentColor;
|
||||
|
||||
--button-text-bg: inherit;
|
||||
--button-text-border: none;
|
||||
--button-text-border-radius: 5px;
|
||||
--button-text-fg: currentColor;
|
||||
|
||||
--collection-fg: #ccc;
|
||||
|
||||
--comparison-divider-fg: #000;
|
||||
--comparison-button-fg: #000;
|
||||
|
||||
--data-table-fg: inherit;
|
||||
--data-table-th-bg: #efefef;
|
||||
--data-table-thead-border: 1px solid rgba(14, 21, 34, 0.25);
|
||||
--data-table-tr-border: 1px solid #ddd;
|
||||
--data-table-tr-even-bg: #efefef;
|
||||
--data-table-tr-hover-bg: #d6d6d6;
|
||||
--data-table-tr-odd-bg: #e2e2e2;
|
||||
--data-table-tfoot-border: 3px solid rgba(14, 21, 34, 0.25);
|
||||
|
||||
--dialog-bg: #e2e2e2;
|
||||
--dialog-border: 1px solid #ddd;
|
||||
--dialog-border-radius: 10px;
|
||||
--dialog-box-shadow: 0 5px 5px rgba(93, 93, 93, 0.83);
|
||||
--dialog-fg: inherit;
|
||||
--dialog-head-bg: #373d43;
|
||||
--dialog-head-fg: #fff;
|
||||
|
||||
--fieldset-bg: inherit;
|
||||
--fieldset-fg: #444;
|
||||
--fieldset-border-radius: 5px;
|
||||
--fieldset-border: 1px solid #555;
|
||||
|
||||
--icon-button-bg: inherit;
|
||||
--icon-button-border: none;
|
||||
--icon-button-border-radius: 9999px;
|
||||
--icon-button-fg: currentColor;
|
||||
|
||||
--icon-button-filled-bg: #5cb579 linear-gradient(to bottom right, #0ba360, #2bb673);
|
||||
--icon-button-filled-fg: white;
|
||||
--icon-button-filled-border: none;
|
||||
|
||||
--input-text-border: 1px solid #555;
|
||||
--input-text-border-active: 2px solid #2195f3;
|
||||
--input-text-border-error: 1px solid #ba1b1b;
|
||||
--input-text-border-hover: 2px solid #999;
|
||||
--input-text-border-radius: 5px;
|
||||
--input-text-fg: #444;
|
||||
--input-text-padding: 12px;
|
||||
--input-text-padding-active: 11px;
|
||||
--input-text-padding-hover: 11px;
|
||||
|
||||
--key-value-even-bg: #e2e2e2;
|
||||
--key-value-fg: inherit;
|
||||
--key-value-odd-bg: #e2e2e2;
|
||||
--key-value-padding: 10px;
|
||||
|
||||
--label-bg: #e2e2e2;
|
||||
--label-fg: #555;
|
||||
--label-fg-active: #2195f3;
|
||||
--label-fg-error: #ba1b1b;
|
||||
--label-fg-hover: #999;
|
||||
|
||||
--legend-fg: #555;
|
||||
--legend-bg: transparent;
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #989898;
|
||||
--mediahub-card-fg: #fff;
|
||||
--mediahub-card-hover-fg: #eee;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 0;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(150%) contrast(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(130%) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
--meta-dropdown-backdrop-filter-hover: brightness(130%) blur(10px);
|
||||
--meta-dropdown-hover-bg: rgba(255,255,255,0.1);
|
||||
--meta-dropdown-fg: #222;
|
||||
--meta-dropdown-hover-fg: #000;
|
||||
--meta-description-fg: #111;
|
||||
--meta-id-tag-fg: #111;
|
||||
--meta-id-tag-bg: transparent;
|
||||
--meta-id-tag-hover-fg: #000;
|
||||
--meta-id-tag-hover-bg: rgba(255,255,255,0.4);
|
||||
--meta-chips-heading-fg: #2b2b2b;
|
||||
--meta-chip-backdrop-filter-hover: brightness(130%) blur(10px);
|
||||
--meta-chip-hover-bg: rgba(255,255,255,0.4);
|
||||
--meta-chip-icon-fg: #1f1f1f;
|
||||
--meta-chip-icon-hover-bg: #fff;
|
||||
--meta-chip-icon-bg: #e2e2e2;
|
||||
--meta-chip-name-fg: #111;
|
||||
--meta-chip-value-fg: #333;
|
||||
--meta-chip-value-hover-fg: #000;
|
||||
|
||||
--meter-fg: #d6d6d6;
|
||||
--meter-bg: #bbb;
|
||||
|
||||
--notification-read: transparent;
|
||||
--notification-unread: #2bb666;
|
||||
|
||||
--paginate-bg: #373d43;
|
||||
--paginate-bg-hover: #4f5964;
|
||||
--paginate-bg-current: #454d55;
|
||||
--paginate-fg: #ddd;
|
||||
--paginate-fg-disabled: #999;
|
||||
--paginate-divider: #888;
|
||||
|
||||
--panel-action-fg: #aaa;
|
||||
--panel-border: 1px solid #ddd;
|
||||
--panel-bg: #e2e2e2;
|
||||
--panel-fg: inherit;
|
||||
--panel-box-shadow: 0 5px 5px rgba(93, 93, 93, 0.83);
|
||||
--panel-border-radius: 0;
|
||||
--panel-head-bg: #373d43;
|
||||
--panel-head-fg: #fff;
|
||||
|
||||
--post-bg: #e9e9e9;
|
||||
--post-fg: #212121;
|
||||
--post-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.20);
|
||||
--post-head-fg: var(--panel-fg);
|
||||
--post-head-bg: none;
|
||||
--post-toolbar-bg: #989898;
|
||||
--post-toolbar-fg: #e5e5e5;
|
||||
--post-toolbar-hover-bg: #777;
|
||||
--post-toolbar-hover-fg: inherit;
|
||||
--post-like-fg: green;
|
||||
--post-dislike-fg: red;
|
||||
--post-aside-bg: #d6d6d6;
|
||||
--post-aside-fg: #696969;
|
||||
--post-footer-fg: var(--panel-fg);
|
||||
|
||||
--quick-search-bg: #444;
|
||||
--quick-search-fg: #b6b6b6;
|
||||
--quick-search-border: 1px solid transparent;
|
||||
--quick-search-border-radius: 16px;
|
||||
--quick-search-box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
|
||||
--quick-search-selector-fg: #b6b6b6;
|
||||
--quick-search-selector-hover-bg: #4b4b4b;
|
||||
--quick-search-selector-hover-fg: #ddd;
|
||||
--quick-search-selector-selected-bg: #555;
|
||||
--quick-search-selector-selected-fg: #ddd;
|
||||
--quick-search-result-bg: #444;
|
||||
--quick-search-result-fg: #ccc;
|
||||
--quick-search-result-hover-bg: #555;
|
||||
--quick-search-result-hover-fg: #ccc;
|
||||
--quick-search-result-image-border-radius: 5px;
|
||||
--quick-search-result-year-fg: #888;
|
||||
--quick-search-result-border: none;
|
||||
|
||||
--scrollbar-color: #0004;
|
||||
|
||||
--secondary-nav-bg: #292929;
|
||||
--secondary-nav-tab-fg: #aaa;
|
||||
--secondary-nav-tab-bg: inherit;
|
||||
--secondary-nav-tab-active-text-decoration: underline #777 2px;
|
||||
--secondary-nav-tab-hover-fg: #ddd;
|
||||
--secondary-nav-tab-hover-bg: transparent;
|
||||
--secondary-nav-tab-hover-text-decoration: underline #777 2px;
|
||||
--secondary-nav-tab-menu-bg: #333;
|
||||
--secondary-nav-tab-menu-fg: inherit;
|
||||
--secondary-nav-tab-menu-border: none;
|
||||
--secondary-nav-tab-menu-border-radius: 6px;
|
||||
--secondary-nav-tab-menu-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
--select-border: 1px solid #555;
|
||||
--select-border-active: 2px solid #2195f3;
|
||||
--select-border-error: 1px solid #ba1b1b;
|
||||
--select-border-hover: 2px solid #999;
|
||||
--select-border-radius: 5px;
|
||||
--select-fg: #444;
|
||||
--select-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%23444' d='M6 8l-1 1l5 5l5-5l-1-1l-4 4l-4-4z'/></svg>");
|
||||
--select-padding: 11px 23px 11px 11px;
|
||||
--select-padding-active: 10px 22px 10px 10px;
|
||||
--select-padding-hover: 10px 22px 10px 10px;
|
||||
|
||||
--subforum-listing-odd-bg: #ddd;
|
||||
--subforum-listing-even-bg: transparent;
|
||||
--subforum-listing-border: none;
|
||||
|
||||
--textarea-border: 1px solid #555;
|
||||
--textarea-border-active: 2px solid #2196f3;
|
||||
--textarea-border-error: 1px solid #ba1b1b;
|
||||
--textarea-border-hover: 2px solid #999;
|
||||
--textarea-border-radius: 5px;
|
||||
--textarea-fg: #444;
|
||||
--textarea-padding: 12px;
|
||||
--textarea-padding-active: 11px;
|
||||
--textarea-padding-hover: 11px;
|
||||
|
||||
--top-nav-bg: #363636;
|
||||
--top-nav-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
|
||||
--top-nav-dropdown-fg: #bbb;
|
||||
--top-nav-dropdown-hover-fg: #eee;
|
||||
--top-nav-dropdown-hover-bg: #404040;
|
||||
--top-nav-dropdown-hover-text-decoration: none;
|
||||
--top-nav-dropdown-menu-bg: #3c3c3c;
|
||||
--top-nav-dropdown-menu-border: none;
|
||||
--top-nav-dropdown-menu-border-radius: 6px;
|
||||
--top-nav-dropdown-menu-box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);
|
||||
--top-nav-dropdown-menu-item-fg: #bbb;
|
||||
--top-nav-dropdown-menu-item-bg: transparent;
|
||||
--top-nav-dropdown-menu-item-hover-fg: inherit;
|
||||
--top-nav-dropdown-menu-item-hover-bg: #424242;
|
||||
--top-nav-dropdown-menu-item-hover-text-decoration: none;
|
||||
--top-nav-dropdown-menu-item-icon-fg: #ccc;
|
||||
--top-nav-dropdown-menu-item-icon-bg: #484848;
|
||||
--top-nav-ratio-bar-fg: #ddd;
|
||||
--top-nav-icon-bar-icon-bg: #424242;
|
||||
--top-nav-icon-bar-icon-fg: #bbb;
|
||||
--top-nav-icon-bar-icon-border-radius: 50%;
|
||||
--top-nav-icon-bar-icon-hover-bg: #424242;
|
||||
--top-nav-icon-bar-icon-hover-fg: #b6b6b6;
|
||||
--top-nav-stats-fg: #999;
|
||||
--top-nav-toggle-fg: #999;
|
||||
|
||||
--torrent-card-bg: #e2e2e2;
|
||||
--torrent-card-fg: inherit;
|
||||
--torrent-card-border: 1px solid #ddd;
|
||||
--torrent-card-head-bg: #373d43;
|
||||
--torrent-card-head-fg: #fff;
|
||||
--torrent-card-link-fg: #3b3b3b;
|
||||
--torrent-card-genre-fg: #444;
|
||||
|
||||
--torrent-group-bg: #f5f5f5;
|
||||
--torrent-group-header-bg: #d3d3d3;
|
||||
--torrent-group-text: #555;
|
||||
--torrent-group-text-muted: #555;
|
||||
--torrent-group-table-stripe: rgba(0, 0, 0, 0.05);
|
||||
--torrent-group-hover-brightness-emphasis: 1.13;
|
||||
--torrent-group-chip-border: #eee;
|
||||
|
||||
--torrent-row-fg: #2a2a2a;
|
||||
--torrent-row-visited-fg: #8768e0;
|
||||
--torrent-row-sticky-bg: #dff0d8;
|
||||
--torrent-row-format-fg: #222;
|
||||
--torrent-row-format-bg: #cdcdcd;
|
||||
--torrent-row-buttons-fg: currentColor;
|
||||
--torrent-row-seeders-fg: #3fb618;
|
||||
--torrent-row-leechers-fg: #ff0039;
|
||||
--torrent-row-completed-fg: #42a5f5;
|
||||
--torrent-row-thanks-fg: #f92672;
|
||||
--torrent-row-comments-fg: #3fb618;
|
||||
--torrent-row-internal-fg: #baaf94;
|
||||
--torrent-row-personal-fg: #865be9;
|
||||
--torrent-row-stream-optimized-fg: #ff0039;
|
||||
--torrent-row-featured-fg: #f92672;
|
||||
--torrent-row-freeleech-fg: #ffb800;
|
||||
--torrent-row-double-upload-fg: #4cb828;
|
||||
--torrent-row-sticky-fg: #111111;
|
||||
--torrent-row-highspeed-fg: #ff0039;
|
||||
--torrent-row-sd-fg: #ff7518;
|
||||
--torrent-row-bumped-fg: #f9ba13;
|
||||
|
||||
--torrent-tag-fg: #111;
|
||||
--torrent-tag-bg: transparent;
|
||||
--torrent-tag-hover-fg: #000;
|
||||
--torrent-tag-hover-bg: rgba(255,255,255,0.4);
|
||||
}
|
||||
@@ -7,6 +7,11 @@
|
||||
--achievement-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
|
||||
--achievement-progress-bg: #444;
|
||||
|
||||
--alert-bg: #000;
|
||||
--alert-fg: #fff;
|
||||
--alert-gap-color: #222;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #000;
|
||||
--article-card-fg: #ccc;
|
||||
--article-card-head-fg: #fff;
|
||||
@@ -34,6 +39,9 @@
|
||||
--bbcode-rendered-quote-bg: #000;
|
||||
--bbcode-rendered-quote-border: #606060;
|
||||
|
||||
--body-bg: #000;
|
||||
--body-fg: #444;
|
||||
|
||||
--breadcrumb-fg: #ccc;
|
||||
--breadcrumb-active-fg: #999;
|
||||
--breadcrumb-hover-fg: #999;
|
||||
@@ -114,6 +122,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #000;
|
||||
--mediahub-card-fg: #aaa;
|
||||
--mediahub-card-hover-fg: #ddd;
|
||||
--mediahub-card-border: 1px solid #222;
|
||||
--mediahub-card-border-radius: 22px;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -301,11 +316,6 @@
|
||||
--torrent-tag-hover-bg: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #000;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.panel__body {
|
||||
border-bottom-left-radius: var(--panel-border-radius);
|
||||
border-bottom-right-radius: var(--panel-border-radius);
|
||||
|
||||
@@ -7,6 +7,11 @@
|
||||
--achievement-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
|
||||
--achievement-progress-bg: #444;
|
||||
|
||||
--alert-bg: #221E24;
|
||||
--alert-fg: #999;
|
||||
--alert-gap-color: #333;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #343338;
|
||||
--article-card-fg: #aaa;
|
||||
--article-card-head-fg: #d8d7dc;
|
||||
@@ -34,6 +39,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: #3981F6;
|
||||
|
||||
--body-bg: #1A1820;
|
||||
--body-fg: #d8d7dc;
|
||||
|
||||
--breadcrumb-fg: #3981F6;
|
||||
--breadcrumb-active-fg: #4991F6;
|
||||
--breadcrumb-hover-fg: #4991F6;
|
||||
@@ -114,6 +122,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #3b3942;
|
||||
--mediahub-card-fg: #ddd;
|
||||
--mediahub-card-hover-fg: #fff;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 22px;
|
||||
--mediahub-card-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -301,11 +316,6 @@
|
||||
--torrent-tag-hover-bg: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1A1820;
|
||||
color: #d8d7dc;
|
||||
}
|
||||
|
||||
.panel__body {
|
||||
border-bottom-left-radius: var(--panel-border-radius);
|
||||
border-bottom-right-radius: var(--panel-border-radius);
|
||||
|
||||
@@ -7,6 +7,11 @@
|
||||
--achievement-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
|
||||
--achievement-progress-bg: #8fbcbb;
|
||||
|
||||
--alert-bg: #f4f4f4;
|
||||
--alert-fg: #050505;
|
||||
--alert-gap-color: #ccc;
|
||||
--alert-gap-width: 1px;
|
||||
|
||||
--article-card-bg: #fff;
|
||||
--article-card-fg: #050505;
|
||||
--article-card-head-fg: #050505;
|
||||
@@ -33,6 +38,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: #707070;
|
||||
|
||||
--body-bg: #fff;
|
||||
--body-fg: #050505;
|
||||
|
||||
--breadcrumb-fg: #0099FF;
|
||||
--breadcrumb-active-fg: #0088FF;
|
||||
--breadcrumb-hover-fg: #0072FF;
|
||||
@@ -113,6 +121,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #f6f6f6;
|
||||
--mediahub-card-fg: #050505;
|
||||
--mediahub-card-hover-fg: #666;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 6px;
|
||||
--mediahub-card-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
|
||||
|
||||
--meta-backdrop-filter: brightness(150%) contrast(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(130%) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -300,11 +315,6 @@
|
||||
--torrent-tag-hover-bg: rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
color: #050505;
|
||||
}
|
||||
|
||||
.panel__body {
|
||||
border-bottom-left-radius: var(--panel-border-radius);
|
||||
border-bottom-right-radius: var(--panel-border-radius);
|
||||
|
||||
@@ -30,6 +30,9 @@
|
||||
--achievement-fg: #d8dee9;
|
||||
--achievement-bg: #3b4252;
|
||||
|
||||
--alert-bg: #242933;
|
||||
--alert-fg: #d8dee9;
|
||||
|
||||
--article-card-bg: #3b4252;
|
||||
--article-card-fg: #d8dee9;
|
||||
--article-card-head-fg: #d8dee9;
|
||||
@@ -56,6 +59,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: #81a1c1;
|
||||
|
||||
--body-bg: #2e3440;
|
||||
--body-fg: #d8dee9;
|
||||
|
||||
--breadcrumb-fg: #d8dee9;
|
||||
--breadcrumb-active-fg: #e5e9f0;
|
||||
--breadcrumb-hover-fg: #eceff4;
|
||||
@@ -136,6 +142,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: #4C566A;
|
||||
--mediahub-card-fg: #d8dee9;
|
||||
--mediahub-card-hover-fg: #fff;
|
||||
--mediahub-card-border: none;
|
||||
--mediahub-card-border-radius: 10px;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -324,14 +337,6 @@
|
||||
--torrent-tag-hover-bg: #eceff477;
|
||||
}
|
||||
|
||||
/* Background
|
||||
---------------------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
background-color: #2e3440 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Links
|
||||
---------------------------------------------------------------------------- */
|
||||
|
||||
@@ -374,7 +379,7 @@ hr {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.panel__head,
|
||||
|
||||
.panel__header,
|
||||
.panel__heading,
|
||||
.panel__actions,
|
||||
|
||||
@@ -34,6 +34,11 @@
|
||||
--achievement-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
|
||||
--achievement-progress-bg: #8fbcbb;
|
||||
|
||||
--alert-bg: #232323;
|
||||
--alert-fg: #aaa;
|
||||
--alert-gap-color: transparent;
|
||||
--alert-gap-width: 0;
|
||||
|
||||
--article-card-bg: #232323;
|
||||
--article-card-fg: #aaa;
|
||||
--article-card-head-fg: #aaa;
|
||||
@@ -60,6 +65,9 @@
|
||||
--bbcode-rendered-quote-bg: #6662;
|
||||
--bbcode-rendered-quote-border: var(--color-green);
|
||||
|
||||
--body-bg: #1A1A1A;
|
||||
--body-fg: var(--text-color);
|
||||
|
||||
--breadcrumb-fg: #777;
|
||||
--breadcrumb-active-fg: #aaa;
|
||||
--breadcrumb-hover-fg: #ddd;
|
||||
@@ -140,6 +148,13 @@
|
||||
--legend-border: none;
|
||||
--legend-border-radius: 0;
|
||||
|
||||
--mediahub-card-bg: transparent;
|
||||
--mediahub-card-fg: #aaa;
|
||||
--mediahub-card-hover-fg: #ddd;
|
||||
--mediahub-card-border: 1px solid #444;
|
||||
--mediahub-card-border-radius: 0;
|
||||
--mediahub-card-box-shadow: none;
|
||||
|
||||
--meta-backdrop-filter: brightness(30%);
|
||||
--meta-dropdown-backdrop-filter: brightness(2) blur(10px);
|
||||
--meta-dropdown-bg: #4449;
|
||||
@@ -331,24 +346,24 @@
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
background-color: #1A1A1A !important;
|
||||
font-family: "Roboto";
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
min-width: 1024px;
|
||||
grid-template-areas: "header" "cookies" "main" "footer";
|
||||
grid-template-areas: "header" "alerts" "main" "footer";
|
||||
grid-template-rows: auto auto auto auto;
|
||||
row-gap: 2px !important;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/* Cookies */
|
||||
/* Alerts */
|
||||
|
||||
body > section:first-child {
|
||||
grid-area: cookies;
|
||||
height: 38px;
|
||||
padding: 0 12px;
|
||||
line-height: 38px;
|
||||
.alerts {
|
||||
grid-area: alerts;
|
||||
}
|
||||
|
||||
.alert {
|
||||
padding: 8px 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
@@ -360,6 +375,16 @@ body > section:first-child {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.special-event-alert {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.cookie-consent {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
body > header {
|
||||
grid-area: header;
|
||||
}
|
||||
@@ -598,16 +623,6 @@ a:hover {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ratio-bar__warnings {
|
||||
grid-area: warnings;
|
||||
}
|
||||
|
||||
.ratio-bar__warnings i:before {
|
||||
content: "HnRs: ";
|
||||
font-family: "Roboto";
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.top-nav__icon-bar {
|
||||
display: contents;
|
||||
|
||||
@@ -21,8 +21,8 @@
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed table-striped table-bordered table-hover">
|
||||
<div class="data-table-wrapper">
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('common.name') }}</th>
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<i
|
||||
class="{{ $torrent->category->icon }} torrent-icon"
|
||||
class="{{ $torrent->category->icon }} category__icon"
|
||||
data-original-title="{{ $torrent->category->name }} Torrent"
|
||||
></i>
|
||||
</td>
|
||||
@@ -137,7 +137,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<i
|
||||
class="{{ $torrent->category->icon }} torrent-icon"
|
||||
class="{{ $torrent->category->icon }} category__icon"
|
||||
title="{{ $torrent->category->name }} Torrent"
|
||||
></i>
|
||||
</td>
|
||||
@@ -235,7 +235,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<i
|
||||
class="{{ $torrent->category->icon }} torrent-icon"
|
||||
class="{{ $torrent->category->icon }} category__icon"
|
||||
title="{{ $torrent->category->name }} Torrent"
|
||||
></i>
|
||||
</td>
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
/>
|
||||
@else
|
||||
<i
|
||||
class="{{ $torrent->category->icon }} torrent-icon"
|
||||
class="{{ $torrent->category->icon }} category__icon"
|
||||
@style([
|
||||
'font-size: 24px',
|
||||
'padding-top: 1px' => $torrent->category->movie_meta || $torrent->category->tv_meta,
|
||||
|
||||
@@ -4,7 +4,10 @@
|
||||
@include('partials.head')
|
||||
</head>
|
||||
<body>
|
||||
@include('cookie-consent::index')
|
||||
<div class="alerts">
|
||||
@include('cookie-consent::index')
|
||||
@include('partials.alerts')
|
||||
</div>
|
||||
<header>
|
||||
@include('partials.top_nav')
|
||||
<nav class="secondary-nav">
|
||||
@@ -23,7 +26,6 @@
|
||||
@yield('nav-tabs')
|
||||
</ul>
|
||||
</nav>
|
||||
@include('partials.alerts')
|
||||
@if (Session::has('achievement'))
|
||||
@include('partials.achievement_modal')
|
||||
@endif
|
||||
|
||||
@@ -20,59 +20,35 @@
|
||||
</header>
|
||||
{{ $collections->links('partials.pagination') }}
|
||||
<div class="panel__body">
|
||||
@foreach ($collections as $collection)
|
||||
<div class="col-md-12">
|
||||
<div class="collection">
|
||||
<div
|
||||
class="header collection"
|
||||
<ul class="collection__list">
|
||||
@foreach ($collections as $collection)
|
||||
<li class="collection__list-item">
|
||||
<article
|
||||
class="collection"
|
||||
style="
|
||||
background-image: url({{ isset($collection->backdrop) ? tmdb_image('back_big', $collection->backdrop) : 'https://via.placeholder.com/1280x300' }});
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
"
|
||||
>
|
||||
<div
|
||||
class="collection-overlay"
|
||||
style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: linear-gradient(
|
||||
background-image: linear-gradient(
|
||||
rgba(0, 0, 0, 0.87),
|
||||
rgba(45, 71, 131, 0.46)
|
||||
);
|
||||
"
|
||||
></div>
|
||||
<section class="collection">
|
||||
<h2>{{ $collection->name }}</h2>
|
||||
<p class="text-blue">
|
||||
{{ __('mediahub.includes') }}
|
||||
@foreach ($collection->movie as $collection_movie)
|
||||
{{ $collection_movie->title }},
|
||||
@endforeach
|
||||
</p>
|
||||
|
||||
),
|
||||
url({{ isset($collection->backdrop) ? tmdb_image('back_big', $collection->backdrop) : 'https://via.placeholder.com/1280x300' }});
|
||||
"
|
||||
>
|
||||
<h3 class="collection__heading">
|
||||
<a
|
||||
class="collection__link"
|
||||
href="{{ route('mediahub.collections.show', ['id' => $collection->id]) }}"
|
||||
role="button"
|
||||
class="form__button form__button--filled"
|
||||
style="
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
"
|
||||
>
|
||||
<i class="{{ config('other.font-awesome') }} fa-copy"></i>
|
||||
{{ __('mediahub.view-collection') }}
|
||||
{{ $collection->name }}
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</h3>
|
||||
<p class="collection__description">
|
||||
{{ __('mediahub.includes') }}
|
||||
{{ $collection->movie->pluck('title')->implode(',') }}
|
||||
</p>
|
||||
</article>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
{{ $collections->links('partials.pagination') }}
|
||||
</section>
|
||||
|
||||
@@ -19,32 +19,35 @@
|
||||
</div>
|
||||
</header>
|
||||
{{ $companies->links('partials.pagination') }}
|
||||
<div class="panel__body blocks">
|
||||
@foreach ($companies as $company)
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'companyId' => $company->id]) }}"
|
||||
style="padding: 0 2px"
|
||||
>
|
||||
<div class="general media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2 class="text-bold">
|
||||
@if (isset($company->logo))
|
||||
<img
|
||||
src="{{ tmdb_image('logo_mid', $company->logo) }}"
|
||||
style="max-height: 100px; max-width: 300px; width: auto"
|
||||
alt="{{ $company->name }}"
|
||||
/>
|
||||
@else
|
||||
{{ $company->name }}
|
||||
@endif
|
||||
</h2>
|
||||
<span></span>
|
||||
<h2 style="font-size: 14px">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $company->tv_count }} Shows | {{ $company->movie_count }} Movies
|
||||
</h2>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
<div class="panel__body">
|
||||
<ul class="mediahub-card__list">
|
||||
@forelse ($companies as $company)
|
||||
<li class="mediahub-card__list-item">
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'companyId' => $company->id]) }}"
|
||||
class="mediahub-card"
|
||||
>
|
||||
<h2 class="mediahub-card__heading">
|
||||
@isset($company->logo)
|
||||
<img
|
||||
class="mediahub-card__image"
|
||||
src="{{ tmdb_image('logo_mid', $company->logo) }}"
|
||||
alt="Logo"
|
||||
/>
|
||||
@else
|
||||
{{ $company->name }}
|
||||
@endisset
|
||||
</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $company->tv_count }} Shows | {{ $company->movie_count }} Movies
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
@empty
|
||||
No {{ __('mediahub.companies') }}
|
||||
@endforelse
|
||||
</ul>
|
||||
</div>
|
||||
{{ $companies->links('partials.pagination') }}
|
||||
</section>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
>
|
||||
@if ($post->dislikes_exists)
|
||||
<i
|
||||
class="votes__dislike-icon {{ config('other.font-awesome') }} fa-thumbs-down fa-beat"
|
||||
class="votes__dislike-icon {{ config('other.font-awesome') }} fa-thumbs-down post__like-animation"
|
||||
></i>
|
||||
@else
|
||||
<i class="votes__dislike-icon {{ config('other.font-awesome') }} fa-thumbs-down"></i>
|
||||
|
||||
@@ -1,79 +0,0 @@
|
||||
<div class="col-md-6">
|
||||
<div class="card is-torrent">
|
||||
<div class="card_head"></div>
|
||||
<div class="card_body">
|
||||
<div class="body_poster">
|
||||
@if ($torrent->category->movie_meta || $torrent->category->tv_meta)
|
||||
<img
|
||||
src="{{ isset($meta->poster) ? tmdb_image('poster_big', $meta->poster) : 'https://via.placeholder.com/600x900' }}"
|
||||
class="show-poster"
|
||||
alt="{{ __('torrent.poster') }}"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@if ($torrent->category->game_meta && isset($meta) && $meta->cover->image_id && $meta->name)
|
||||
<img
|
||||
src="https://images.igdb.com/igdb/image/upload/t_original/{{ $meta->cover->image_id }}.jpg"
|
||||
class="show-poster"
|
||||
data-name='<i style="color: #a5a5a5;">{{ $meta->name ?? 'N/A' }}</i>'
|
||||
data-image='<img src="https://images.igdb.com/igdb/image/upload/t_original/{{ $meta->cover->image_id }}.jpg" alt="{{ __('torrent.poster') }}" style="height: 1000px;">'
|
||||
class="torrent-poster-img-small show-poster"
|
||||
alt="{{ __('torrent.poster') }}"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@if ($torrent->category->no_meta || $torrent->category->music_meta)
|
||||
<img
|
||||
src="https://via.placeholder.com/600x900"
|
||||
class="show-poster"
|
||||
data-name='<i style="color: #a5a5a5;">N/A</i>'
|
||||
data-image='<img src="https://via.placeholder.com/600x900" alt="{{ __('torrent.poster') }}" style="height: 1000px;">'
|
||||
class="torrent-poster-img-small show-poster"
|
||||
alt="{{ __('torrent.poster') }}"
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
<div class="body_description">
|
||||
<h3 class="description_title">
|
||||
<a href="{{ route('torrents.show', ['id' => $torrent->id]) }}">
|
||||
@if ($torrent->category->movie_meta)
|
||||
{{ $meta->title ?? 'Unknown' }}
|
||||
@endif
|
||||
|
||||
@if ($torrent->category->tv_meta)
|
||||
{{ $meta->name ?? 'Unknown' }}
|
||||
@endif
|
||||
|
||||
@if ($torrent->category->movie_meta)
|
||||
<span class="text-bold text-pink">
|
||||
{{ substr($meta->release_date ?? '', 0, 4) ?? '' }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if ($torrent->category->tv_meta)
|
||||
<span class="text-bold text-pink">
|
||||
{{ substr($meta->first_air_date ?? '', 0, 4) ?? '' }}
|
||||
</span>
|
||||
@endif
|
||||
</a>
|
||||
</h3>
|
||||
@if (($torrent->category->movie_meta || $torrent->category->tv_meta) && isset($meta->genres))
|
||||
@foreach ($meta->genres as $genre)
|
||||
<span class="genre-label">{{ $genre->name }}</span>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
<p class="description_plot">
|
||||
{{ $meta->overview ?? '' }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card_footer">
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<i class="{{ config('other.font-awesome') }} fa-thumbs-up text-gold"></i>
|
||||
{{ $meta->vote_average ?? 0 }}/10 ({{ $meta->vote_count ?? 0 }}
|
||||
{{ __('torrent.votes') }})
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -4,7 +4,9 @@
|
||||
title="{{ __('forum.like-post') }}"
|
||||
>
|
||||
@if ($post->likes_exists)
|
||||
<i class="votes__like-icon {{ config('other.font-awesome') }} fa-thumbs-up fa-beat"></i>
|
||||
<i
|
||||
class="votes__like-icon {{ config('other.font-awesome') }} fa-thumbs-up post__like-animation"
|
||||
></i>
|
||||
@else
|
||||
<i class="votes__like-icon {{ config('other.font-awesome') }} fa-thumbs-up"></i>
|
||||
@endif
|
||||
|
||||
@@ -19,34 +19,35 @@
|
||||
</div>
|
||||
</header>
|
||||
{{ $networks->links('partials.pagination') }}
|
||||
<div class="panel__body blocks">
|
||||
@forelse ($networks as $network)
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'networkId' => $network->id]) }}"
|
||||
style="padding: 0 2px"
|
||||
>
|
||||
<div class="general media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2 class="text-bold">
|
||||
@if (isset($network->logo))
|
||||
<img
|
||||
src="{{ tmdb_image('logo_mid', $network->logo) }}"
|
||||
style="max-height: 100px; max-width: 300px; width: auto"
|
||||
alt="{{ $network->name }}"
|
||||
/>
|
||||
@else
|
||||
{{ $network->name }}
|
||||
@endif
|
||||
</h2>
|
||||
<span></span>
|
||||
<h2 style="font-size: 14px">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $network->tv_count }} Shows
|
||||
</h2>
|
||||
</div>
|
||||
</a>
|
||||
@empty
|
||||
No {{ __('mediahub.networks') }}
|
||||
@endforelse
|
||||
<div class="panel__body">
|
||||
<ul class="mediahub-card__list">
|
||||
@forelse ($networks as $network)
|
||||
<li class="mediahub-card__list-item">
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'networkId' => $network->id]) }}"
|
||||
class="mediahub-card"
|
||||
>
|
||||
<h2 class="mediahub-card__heading">
|
||||
@isset($network->logo)
|
||||
<img
|
||||
class="mediahub-card__image"
|
||||
src="{{ tmdb_image('logo_mid', $network->logo) }}"
|
||||
alt="{{ $network->name }}"
|
||||
/>
|
||||
@else
|
||||
{{ $network->name }}
|
||||
@endisset
|
||||
</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $network->tv_count }} Shows
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
@empty
|
||||
No {{ __('mediahub.networks') }}
|
||||
@endforelse
|
||||
</ul>
|
||||
</div>
|
||||
{{ $networks->links('partials.pagination') }}
|
||||
</section>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="torrents-icon"></th>
|
||||
<th class="category__icon"></th>
|
||||
<th wire:click="sortBy('title')" role="columnheader button">
|
||||
{{ __('torrent.torrent') }}
|
||||
@include('livewire.includes._sort-icon', ['field' => 'title'])
|
||||
@@ -44,7 +44,7 @@
|
||||
<td>
|
||||
@if ($subtitle->torrent->category->image === null)
|
||||
<i
|
||||
class="{{ $subtitle->torrent->category->icon }} torrent-icon"
|
||||
class="{{ $subtitle->torrent->category->icon }} category__icon"
|
||||
title="{{ $subtitle->torrent->category->name }} {{ strtolower(__('torrent.torrent')) }}"
|
||||
></i>
|
||||
@else
|
||||
|
||||
@@ -24,12 +24,12 @@
|
||||
<div class="col-md-12">
|
||||
<div class="card is-torrent" style="height: 265px">
|
||||
<div class="card_head">
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<span class="text-bold" style="float: right">
|
||||
{{ $show->seasons_count }} Seasons
|
||||
</span>
|
||||
@if ($show->networks)
|
||||
@foreach ($show->networks as $network)
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<span class="text-bold" style="float: right">
|
||||
{{ $network->name }}
|
||||
</span>
|
||||
@endforeach
|
||||
|
||||
@@ -83,7 +83,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<table class="table table-condensed table-striped table-bordered table-hover">
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th wire:click="sortBy('user_id')" role="columnheader button">
|
||||
|
||||
@@ -22,24 +22,25 @@
|
||||
@section('content')
|
||||
<section class="panelV2">
|
||||
<h2 class="panel__heading">{{ __('common.genres') }}</h2>
|
||||
<div class="panel__body blocks">
|
||||
@foreach ($genres as $genre)
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'genres' => [$genre->id]]) }}"
|
||||
style="padding: 0 2px"
|
||||
>
|
||||
<div class="people media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2 class="text-bold">{{ $genre->name }}</h2>
|
||||
<span style="background-color: #317aaf"></span>
|
||||
<h2 style="font-size: 14px">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $genre->tv_count }} {{ __('mediahub.shows') }} |
|
||||
<i class="{{ config('other.font-awesome') }} fa-film"></i>
|
||||
{{ $genre->movie_count }} {{ __('mediahub.movies') }}
|
||||
</h2>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
<div class="panel__body">
|
||||
<ul class="mediahub-card__list">
|
||||
@foreach ($genres as $genre)
|
||||
<li class="mediahub-card__list-item">
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'genres' => [$genre->id]]) }}"
|
||||
class="mediahub-card"
|
||||
>
|
||||
<h2 class="mediahub-card__heading">{{ $genre->name }}</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
<i class="{{ config('other.font-awesome') }} fa-tv-retro"></i>
|
||||
{{ $genre->tv_count }} {{ __('mediahub.shows') }} |
|
||||
<i class="{{ config('other.font-awesome') }} fa-film"></i>
|
||||
{{ $genre->movie_count }} {{ __('mediahub.movies') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@@ -17,63 +17,73 @@
|
||||
@section('main')
|
||||
<section class="panelV2">
|
||||
<h2 class="panel__heading">{{ __('mediahub.title') }}</h2>
|
||||
<div class="panel__body blocks" style="justify-content: center">
|
||||
<a href="{{ route('mediahub.shows.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.shows') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">{{ $tv }} {{ __('mediahub.shows') }}</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'categories' => $movieCategoryIds]) }}"
|
||||
class=""
|
||||
>
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.movies') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">{{ $movies }} {{ __('mediahub.movies') }}</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('mediahub.collections.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.collections') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">
|
||||
{{ $collections }} {{ __('mediahub.collections') }}
|
||||
</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('mediahub.persons.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.persons') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">{{ $persons }} {{ __('mediahub.persons') }}</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('mediahub.genres.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.genres') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">{{ $genres }} {{ __('mediahub.genres') }}</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('mediahub.networks.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.networks') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">{{ $networks }} {{ __('mediahub.networks') }}</h2>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('mediahub.companies.index') }}" class="">
|
||||
<div class="movie media_blocks" style="background-color: rgba(0, 0, 0, 0.33)">
|
||||
<h2>{{ __('mediahub.companies') }} Hub</h2>
|
||||
<span style="background-color: #01d277"></span>
|
||||
<h2 style="font-size: 12px">
|
||||
{{ $companies }} {{ __('mediahub.companies') }}
|
||||
</h2>
|
||||
</div>
|
||||
</a>
|
||||
<div class="panel__body">
|
||||
<ul class="mediahub-card__list">
|
||||
<li class="mediahub-card__list-item">
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'categories' => $tvCategoryIds]) }}"
|
||||
class="mediahub-card"
|
||||
>
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.shows') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $tv }} {{ __('mediahub.shows') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a
|
||||
href="{{ route('torrents.index', ['view' => 'group', 'categories' => $movieCategoryIds]) }}"
|
||||
class="mediahub-card"
|
||||
>
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.movies') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $movies }} {{ __('mediahub.movies') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a href="{{ route('mediahub.collections.index') }}" class="mediahub-card">
|
||||
<h2 class="mediahub-card__heading">
|
||||
{{ __('mediahub.collections') }} Hub
|
||||
</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $collections }} {{ __('mediahub.collections') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a href="{{ route('mediahub.persons.index') }}" class="mediahub-card">
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.persons') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $persons }} {{ __('mediahub.persons') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a href="{{ route('mediahub.genres.index') }}" class="mediahub-card">
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.genres') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $genres }} {{ __('mediahub.genres') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a href="{{ route('mediahub.networks.index') }}" class="mediahub-card">
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.networks') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $networks }} {{ __('mediahub.networks') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mediahub-card__list-item">
|
||||
<a href="{{ route('mediahub.companies.index') }}" class="mediahub-card">
|
||||
<h2 class="mediahub-card__heading">{{ __('mediahub.companies') }} Hub</h2>
|
||||
<h3 class="mediahub-card__subheading">
|
||||
{{ $companies }} {{ __('mediahub.companies') }}
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
style="margin-top: 0; margin-bottom: 20px; height: auto"
|
||||
>
|
||||
<div class="card_head">
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<span class="text-bold" style="float: right">
|
||||
Episode {{ $episode->episode_number }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -34,10 +34,10 @@
|
||||
style="height: auto; margin-top: 0; margin-bottom: 20px"
|
||||
>
|
||||
<div class="card_head">
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<span class="text-bold" style="float: right">
|
||||
{{ $season->episodes->count() }} Episodes
|
||||
</span>
|
||||
<span class="badge-user text-bold" style="float: right">
|
||||
<span class="text-bold" style="float: right">
|
||||
Season {{ $season->season_number }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -73,7 +73,7 @@
|
||||
data-target="#{{ $season->season_number }}"
|
||||
>
|
||||
<i class="fas fa-chevron-double-down"></i>
|
||||
<span class="badge-user text-bold">
|
||||
<span class="text-bold">
|
||||
{{ $season->torrents->where('season_number', '=', $season->season_number)->count() }}
|
||||
Torrents Matched
|
||||
</span>
|
||||
@@ -82,10 +82,8 @@
|
||||
</div>
|
||||
<div id="{{ $season->season_number }}" class="collapse">
|
||||
<div class="card_footer" style="height: auto">
|
||||
<div class="table-responsive">
|
||||
<table
|
||||
class="table table-condensed table-bordered table-striped table-hover"
|
||||
>
|
||||
<div class="data-table-wrapper">
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('common.name') }}</th>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@if (config('other.freeleech') == true || config('other.invite-only') == false || config('other.doubleup') == true)
|
||||
<div class="alert alert-info" x-data="timer()" x-init="start()">
|
||||
<div class="text-center">
|
||||
<section class="alert special-event-alert" x-data="timer()" x-init="start()">
|
||||
<div class="alert__content">
|
||||
<span>
|
||||
@if (config('other.freeleech') == true)
|
||||
🌐 {{ __('common.freeleech_activated') }} 🌐
|
||||
@@ -26,5 +26,5 @@
|
||||
<span>{{ __('common.second') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endif
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
</h2>
|
||||
<p>{{ config('other.meta_description') }}</p>
|
||||
<i
|
||||
class="{{ config('other.font-awesome') }} fa-tv-retro footer-icon"
|
||||
class="{{ config('other.font-awesome') }} fa-tv-retro footer__icon"
|
||||
style="font-size: 90px"
|
||||
></i>
|
||||
</section>
|
||||
|
||||
@@ -18,6 +18,14 @@
|
||||
<link rel="stylesheet" href="{{ mix('css/app.css') }}" crossorigin="anonymous" />
|
||||
|
||||
@switch(auth()->user()->style)
|
||||
@case(0)
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ mix('css/themes/light.css') }}"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
@break
|
||||
@case(1)
|
||||
<link
|
||||
rel="stylesheet"
|
||||
|
||||
@@ -4,16 +4,6 @@
|
||||
action="{{ route('polls.votes.store', ['poll' => $poll]) }}"
|
||||
>
|
||||
@csrf
|
||||
@if (count($errors) > 0)
|
||||
<div class="alert alert-danger">
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($poll->multiple_choice)
|
||||
@foreach ($poll->options as $option)
|
||||
<p class="form__group">
|
||||
|
||||
@@ -24,20 +24,6 @@
|
||||
{{ __('ticket.create-ticket') }}
|
||||
</h2>
|
||||
<div class="panel__body">
|
||||
@if (session('errors'))
|
||||
<div class="alert alert-danger">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h6><b>{{ __('ticket.fix-errors') }}</b></h6>
|
||||
<ul class="mb-0">
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form class="form" action="{{ route('tickets.store') }}" method="POST">
|
||||
@csrf
|
||||
<p class="form__group">
|
||||
|
||||
@@ -567,7 +567,6 @@
|
||||
{{ __('common.submit') }}
|
||||
</button>
|
||||
</p>
|
||||
<br />
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
@@ -588,11 +587,9 @@
|
||||
{{ route('announce', ['passkey' => $user->passkey]) }}
|
||||
</a>
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
{{ __('torrent.announce-url-desc', ['source' => config('torrent.source')]) }}
|
||||
</p>
|
||||
<br />
|
||||
<p class="text-success">
|
||||
{!! __('torrent.announce-url-desc-url', ['url' => config('other.upload-guide_url')]) !!}
|
||||
</p>
|
||||
|
||||
@@ -458,7 +458,7 @@
|
||||
</span>
|
||||
{{ strtolower(__('graveyard.howto-desc2')) }}
|
||||
<span
|
||||
class="badge-user text-bold text-pink"
|
||||
class="text-bold text-pink"
|
||||
style="background-image:url({{ url('/img/sparkels.gif') }};"
|
||||
>
|
||||
{{ config('graveyard.reward') }} {{ __('torrent.freeleech') }}
|
||||
|
||||
@@ -1,57 +1,25 @@
|
||||
<div class="panel__body" style="padding: 5px">
|
||||
@if (! empty($meta->collection['0']) && $torrent->category->movie_meta)
|
||||
<div id="collection_waypoint" class="collection">
|
||||
<div
|
||||
class="header collection"
|
||||
@php
|
||||
$backdrop = $meta->collection['0']->backdrop
|
||||
@endphp
|
||||
style="
|
||||
background-image: url({{ isset($backdrop) ? tmdb_image('back_big', $backdrop) : 'https://via.placeholder.com/1280x300' }});
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
"
|
||||
>
|
||||
<div
|
||||
class="collection-overlay"
|
||||
style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: linear-gradient(
|
||||
rgba(0, 0, 0, 0.87),
|
||||
rgba(45, 71, 131, 0.46)
|
||||
);
|
||||
"
|
||||
></div>
|
||||
<section class="collection">
|
||||
<h2>Part of the {{ $meta->collection['0']->name }}</h2>
|
||||
<p class="text-blue">
|
||||
Includes:
|
||||
@foreach ($meta->collection['0']->movie as $collection_movie)
|
||||
{{ $collection_movie->title }},
|
||||
@endforeach
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="{{ route('mediahub.collections.show', ['id' => $meta->collection['0']->id]) }}"
|
||||
role="button"
|
||||
class="form__button form__button--filled"
|
||||
style="
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
"
|
||||
>
|
||||
<i class="{{ config('other.font-awesome') }} fa-copy"></i>
|
||||
View The Collection
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<article
|
||||
class="collection"
|
||||
style="
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.87), rgba(45, 71, 131, 0.46)),
|
||||
url({{ isset($meta->collection['0']->backdrop) ? tmdb_image('back_big', $meta->collection['0']->backdrop) : 'https://via.placeholder.com/1280x300' }});
|
||||
"
|
||||
>
|
||||
<h3 class="collection__heading">
|
||||
<a
|
||||
class="collection__link"
|
||||
href="{{ route('mediahub.collections.show', ['id' => $meta->collection['0']->id]) }}"
|
||||
>
|
||||
{{ $meta->collection['0']->name }}
|
||||
</a>
|
||||
</h3>
|
||||
<p class="collection__description">
|
||||
{{ __('mediahub.includes') }}
|
||||
{{ $meta->collection['0']->movie->pluck('title')->implode(',') }}
|
||||
</p>
|
||||
</article>
|
||||
@else
|
||||
<div class="text-center">
|
||||
<h4 class="text-bold text-danger">
|
||||
|
||||
@@ -1,54 +1,56 @@
|
||||
<div class="panel__body" style="padding: 5px">
|
||||
<section class="playlists" style="height: 210px">
|
||||
<div class="scroller" style="padding-bottom: 10px">
|
||||
<div class="row">
|
||||
@forelse ($torrent->playlists as $playlist)
|
||||
<div class="col-md-2">
|
||||
<a href="{{ route('playlists.show', ['playlist' => $playlist]) }}">
|
||||
<div
|
||||
class="item-playlist-container-playlist"
|
||||
style="margin-bottom: 0 !important; min-height: 0 !important"
|
||||
>
|
||||
@if (isset($playlist->cover_image))
|
||||
<img
|
||||
src="{{ url('files/img/' . $playlist->cover_image) }}"
|
||||
alt="Cover Image"
|
||||
/>
|
||||
@else
|
||||
<div class="no_image_holder w273_and_h153 playlist"></div>
|
||||
@endif
|
||||
<div class="item-playlist-text-playlist">
|
||||
@if ($playlist->user->image != null)
|
||||
<img
|
||||
src="{{ url('files/img/' . $playlist->user->image) }}"
|
||||
alt="{{ $playlist->user->username }}"
|
||||
/>
|
||||
@else
|
||||
<img
|
||||
src="{{ url('img/profile.png') }}"
|
||||
alt="{{ $playlist->user->username }}"
|
||||
/>
|
||||
@endif
|
||||
<h3 class="text-bold" style="margin: 0; color: #cccccc">
|
||||
{{ $playlist->name }}
|
||||
</h3>
|
||||
<h5>
|
||||
{{ __('playlist.added-by') }}
|
||||
<b>{{ $playlist->user->username }}</b>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@empty
|
||||
<div class="text-center">
|
||||
<h4 class="text-bold text-danger">
|
||||
<i class="{{ config('other.font-awesome') }} fa-frown"></i>
|
||||
No Playlists Found!
|
||||
</h4>
|
||||
</div>
|
||||
@endforelse
|
||||
<div class="panel__body playlists torrent__playlists">
|
||||
@forelse ($torrent->playlists as $playlist)
|
||||
<article class="playlists__playlist">
|
||||
@if (isset($playlist->cover_image))
|
||||
<a
|
||||
class="playlists__playlist-image-link"
|
||||
href="{{ route('playlists.show', ['playlist' => $playlist]) }}"
|
||||
>
|
||||
<img
|
||||
class="playlists__playlist-image"
|
||||
src="{{ url('files/img/' . $playlist->cover_image) }}"
|
||||
alt="Cover Image"
|
||||
/>
|
||||
</a>
|
||||
@else
|
||||
<a
|
||||
class="playlists__playlist-image-link--none"
|
||||
href="{{ route('playlists.show', ['playlist' => $playlist]) }}"
|
||||
>
|
||||
<div class="playlists__playlist-image--none"></div>
|
||||
</a>
|
||||
@endif
|
||||
<div class="playlists__playlist-author">
|
||||
<a
|
||||
class="playlists__playlist-author-link"
|
||||
href="{{ route('users.show', ['user' => $playlist->user]) }}"
|
||||
>
|
||||
<img
|
||||
class="playlists__playlist-avatar"
|
||||
src="{{ url($playlist->user->image ? 'files/img/' . $playlist->user->image : 'img/profile.png') }}"
|
||||
alt="{{ $playlist->user->username }}"
|
||||
/>
|
||||
</a>
|
||||
<x-user_tag :user="$playlist->user" :anon="false" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<a
|
||||
class="playlists__playlist-link"
|
||||
href="{{ route('playlists.show', ['playlist' => $playlist]) }}"
|
||||
>
|
||||
<h3 class="playlists__playlist-name">
|
||||
{{ $playlist->name }}
|
||||
</h3>
|
||||
</a>
|
||||
<a
|
||||
class="playlists__playlist-link-titles"
|
||||
href="{{ route('playlists.show', ['playlist' => $playlist]) }}"
|
||||
>
|
||||
<p class="playlists__playlist-titles">
|
||||
{{ $playlist->torrents_count }} {{ __('playlist.titles') }}
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
@empty
|
||||
{{ __('playlist.about') }}
|
||||
@endforelse
|
||||
</div>
|
||||
|
||||
@@ -152,10 +152,12 @@
|
||||
{{ strtoupper(__('user.disclaimer')) }}
|
||||
</h2>
|
||||
<div class="panel__body">
|
||||
{{ __('user.disclaimer-info') }}
|
||||
<br />
|
||||
<br />
|
||||
{{ __('user.disclaimer-info-bordered') }}
|
||||
<p>
|
||||
{{ __('user.disclaimer-info') }}
|
||||
</p>
|
||||
<p>
|
||||
{{ __('user.disclaimer-info-bordered') }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@@ -1,12 +1,11 @@
|
||||
<section
|
||||
class="alert alert-danger alert-dismissable js-cookie-consent cookie-consent"
|
||||
class="alert js-cookie-consent cookie-consent"
|
||||
aria-label="{{ __('cookie-consent::texts.agree') }}"
|
||||
style="margin-bottom: 0; border-radius: 0;"
|
||||
>
|
||||
<div class="text-center">
|
||||
<span class="cookie-consent__message">
|
||||
{!! __('cookie-consent::texts.message') !!}
|
||||
</span>
|
||||
<div class="alert__content">
|
||||
<span class="cookie-consent__message">
|
||||
{!! __('cookie-consent::texts.message') !!}
|
||||
</span>
|
||||
|
||||
<button class="form__button form__button--filled js-cookie-consent-agree cookie-consent__agree">
|
||||
{{ __('cookie-consent::texts.agree') }}
|
||||
|
||||
@@ -281,37 +281,13 @@ Route::middleware('language')->group(function (): void {
|
||||
|------------------------------------------
|
||||
*/
|
||||
Route::prefix('mediahub')->middleware(['auth', 'banned'])->group(function (): void {
|
||||
// MediaHub Home
|
||||
Route::get('/', [App\Http\Controllers\MediaHub\HomeController::class, 'index'])->name('mediahub.index');
|
||||
|
||||
// Genres
|
||||
Route::get('/genres', [App\Http\Controllers\MediaHub\GenreController::class, 'index'])->name('mediahub.genres.index');
|
||||
|
||||
// Networks
|
||||
Route::get('/networks', [App\Http\Controllers\MediaHub\NetworkController::class, 'index'])->name('mediahub.networks.index');
|
||||
|
||||
// Companies
|
||||
Route::get('/companies', [App\Http\Controllers\MediaHub\CompanyController::class, 'index'])->name('mediahub.companies.index');
|
||||
|
||||
// TV Shows
|
||||
Route::get('/tv-shows', [App\Http\Controllers\MediaHub\TvShowController::class, 'index'])->name('mediahub.shows.index');
|
||||
|
||||
// TV Show
|
||||
Route::get('/tv-show/{id}', [App\Http\Controllers\MediaHub\TvShowController::class, 'show'])->name('mediahub.shows.show');
|
||||
|
||||
// TV Show Season
|
||||
Route::get('/tv-show/season/{id}', [App\Http\Controllers\MediaHub\TvSeasonController::class, 'show'])->name('mediahub.season.show');
|
||||
|
||||
// Persons
|
||||
Route::get('/persons', [App\Http\Controllers\MediaHub\PersonController::class, 'index'])->name('mediahub.persons.index');
|
||||
|
||||
// Person
|
||||
Route::get('/persons/{id}', [App\Http\Controllers\MediaHub\PersonController::class, 'show'])->name('mediahub.persons.show');
|
||||
|
||||
// Collections
|
||||
Route::get('/collections', [App\Http\Controllers\MediaHub\CollectionController::class, 'index'])->name('mediahub.collections.index');
|
||||
|
||||
// Collection
|
||||
Route::get('/collections/{id}', [App\Http\Controllers\MediaHub\CollectionController::class, 'show'])->name('mediahub.collections.show');
|
||||
});
|
||||
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* NOTICE OF LICENSE.
|
||||
*
|
||||
* UNIT3D Community Edition is open-sourced software licensed under the GNU Affero General Public License v3.0
|
||||
* The details is bundled with this project in the file LICENSE.txt.
|
||||
*
|
||||
* @project UNIT3D Community Edition
|
||||
*
|
||||
* @author HDVinnie <hdinnovations@protonmail.com>
|
||||
* @license https://www.gnu.org/licenses/agpl-3.0.en.html/ GNU Affero General Public License v3.0
|
||||
*/
|
||||
|
||||
use App\Models\Season;
|
||||
use App\Models\User;
|
||||
|
||||
test('show returns an ok response', function (): void {
|
||||
$season = Season::factory()->create();
|
||||
$user = User::factory()->create();
|
||||
|
||||
$response = $this->actingAs($user)->get(route('mediahub.season.show', ['id' => $season->id]));
|
||||
$response->assertOk();
|
||||
$response->assertViewIs('mediahub.tv.season.show');
|
||||
$response->assertViewHas('season', $season);
|
||||
$response->assertViewHas('show');
|
||||
});
|
||||
@@ -1,35 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* NOTICE OF LICENSE.
|
||||
*
|
||||
* UNIT3D Community Edition is open-sourced software licensed under the GNU Affero General Public License v3.0
|
||||
* The details is bundled with this project in the file LICENSE.txt.
|
||||
*
|
||||
* @project UNIT3D Community Edition
|
||||
*
|
||||
* @author HDVinnie <hdinnovations@protonmail.com>
|
||||
* @license https://www.gnu.org/licenses/agpl-3.0.en.html/ GNU Affero General Public License v3.0
|
||||
*/
|
||||
|
||||
use App\Http\Livewire\TvSearch;
|
||||
use App\Models\Tv;
|
||||
use App\Models\User;
|
||||
|
||||
test('index returns an ok response', function (): void {
|
||||
$user = User::factory()->create();
|
||||
|
||||
$response = $this->actingAs($user)->get(route('mediahub.shows.index'));
|
||||
$response->assertOk();
|
||||
$response->assertViewIs('mediahub.tv.index');
|
||||
$response->assertSeeLivewire(TvSearch::class);
|
||||
});
|
||||
|
||||
test('show returns an ok response', function (): void {
|
||||
$show = Tv::factory()->create();
|
||||
$user = User::factory()->create();
|
||||
|
||||
$response = $this->actingAs($user)->get(route('mediahub.shows.show', ['id' => $show->id]));
|
||||
$response->assertOk();
|
||||
$response->assertViewIs('mediahub.tv.show');
|
||||
$response->assertViewHas(['show' => $show]);
|
||||
});
|
||||
@@ -25,6 +25,7 @@ mix.options({
|
||||
/*
|
||||
* Themes
|
||||
*/
|
||||
.sass('resources/sass/themes/light.scss', 'public/css/themes/light.css')
|
||||
.sass('resources/sass/themes/galactic.scss', 'public/css/themes/galactic.css')
|
||||
.sass('resources/sass/themes/dark-blue.scss', 'public/css/themes/dark-blue.css')
|
||||
.sass('resources/sass/themes/dark-green.scss', 'public/css/themes/dark-green.css')
|
||||
|
||||
Reference in New Issue
Block a user