From 43e0b0c58bc4bfa2e9e464bf9d40a35cdc6eb451 Mon Sep 17 00:00:00 2001 From: gilbN <24592972+gilbN@users.noreply.github.com> Date: Sat, 20 Mar 2021 02:00:11 +0100 Subject: [PATCH] added petio --- CSS/themes/petio/aquamarine.css | 28 ++++ CSS/themes/petio/dark.css | 28 ++++ CSS/themes/petio/hotline.css | 28 ++++ CSS/themes/petio/organizr-dark.css | 28 ++++ CSS/themes/petio/petio-base.css | 193 ++++++++++++++++++++++++++++ CSS/themes/petio/space-gray.css | 28 ++++ README.md | 5 + Screenshots/petio/aquamarine.jpg | Bin 0 -> 476488 bytes Screenshots/petio/dark.jpg | Bin 0 -> 465451 bytes Screenshots/petio/hotline.jpg | Bin 0 -> 479628 bytes Screenshots/petio/organizr-dark.jpg | Bin 0 -> 460447 bytes Screenshots/petio/space-gray.jpg | Bin 0 -> 464518 bytes 12 files changed, 338 insertions(+) create mode 100644 CSS/themes/petio/aquamarine.css create mode 100644 CSS/themes/petio/dark.css create mode 100644 CSS/themes/petio/hotline.css create mode 100644 CSS/themes/petio/organizr-dark.css create mode 100644 CSS/themes/petio/petio-base.css create mode 100644 CSS/themes/petio/space-gray.css create mode 100644 Screenshots/petio/aquamarine.jpg create mode 100644 Screenshots/petio/dark.jpg create mode 100644 Screenshots/petio/hotline.jpg create mode 100644 Screenshots/petio/organizr-dark.jpg create mode 100644 Screenshots/petio/space-gray.jpg diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css new file mode 100644 index 00000000..9eb69f34 --- /dev/null +++ b/CSS/themes/petio/aquamarine.css @@ -0,0 +1,28 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/moviematch/moviematch-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --text-color: #eee; + --text-color-hover: #fff; + --button-color: #009688; + --button-color-hover: #12afa0; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: #12afa0; + --accent-color-hover: #fff; + --link-color: #0ed2bf; +} \ No newline at end of file diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css new file mode 100644 index 00000000..ce5a06fc --- /dev/null +++ b/CSS/themes/petio/dark.css @@ -0,0 +1,28 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/moviematch/moviematch-base.css); +:root { + --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --text-color: #b7b7b7; + --text-color-hover: #fff; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #646464; + --accent-color-hover: #ffffff73; + --link-color: #fff; +} \ No newline at end of file diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css new file mode 100644 index 00000000..9306208a --- /dev/null +++ b/CSS/themes/petio/hotline.css @@ -0,0 +1,28 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/moviematch/moviematch-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --text-color: #eee; + --text-color-hover: #fff; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --link-color: #0b3161; +} \ No newline at end of file diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css new file mode 100644 index 00000000..68164097 --- /dev/null +++ b/CSS/themes/petio/organizr-dark.css @@ -0,0 +1,28 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/moviematch/moviematch-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #1b1b1b; + --text-color: #96a2b4; + --text-color-hover: #fff; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --button-text: #eee; + --button-text-hover: #fff; + --accent-color:#2cabe3; + --accent-color-hover: #fff; + --link-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css new file mode 100644 index 00000000..23482bb4 --- /dev/null +++ b/CSS/themes/petio/petio-base.css @@ -0,0 +1,193 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +* { + outline: none; +} + +body { + background: var(--main-bg-color); + color: var(--text-color) +} + +/* TEXT COLOR */ +.sub-title, .widget--title,p{ + color: var(--text-color); +} +h1, h2, h3, h4, h5, h6 { + color: #fff; +} +.settings--menu--item.active p { + color: var(--accent-color); +} +.settings--menu--item.active { + border-bottom: 1px solid var(--accent-color); +} +.settings--menu--item.active .icon svg path { + fill: var(--accent-color); +} +/* MENU */ +/* @media (min-width: 1100px) { +.sidebar--inner { + display: block; + background: rgb(0 0 0 / 25%); +} +} */ +.menu { + background: rgb(0 0 0 / 25%); +} + +@media (max-width: 1099.98px) { +.sidebar--inner, +.sidebar--scroll { + background: var(--modal-bg-color); +} +} +@media (min-width: 1100px) { +.page .sidebar { + background: rgb(0 0 0 / 25%); +} +} + +@media (max-width: 991.98px) { +.menu.open { +background: var(--modal-bg-color) +} +} +.mob-menu-top { + background: var(--modal-bg-color); +} +.menu--item.active { + background: rgba(255, 255, 255, .15); + border-right: 4px solid var(--accent-color); +} +@media (min-width: 1100px) { +.sidebar--item.active { + border-top: none !important; + border-right: 4px solid var(--accent-color); +} +} +.sidebar--item.active { + background: rgba(255, 255, 255, .15); + border-top: 4px solid var(--accent-color); +} +.menu--item.active p, +.media-content .media-crew .sidebar--item.active a, .sidebar--item.active .media-content .media-crew a, .sidebar--item.active p { + color: var(--accent-color); +} +.menu--item.active .icon svg path, +.sidebar--item.active .icon svg path { + fill: var(--accent-color); +} +.mob-menu-top .nav-toggle span { + background: var(--accent-color); +} +/* LINKS */ +a, .table-action,.session--toggle,p a,.profile-page .logout { + color: var(--link-color); +} + +/* OTHER */ +.widget--item hr { + background: rgb(255 255 255 / 50%); +} +.filter--add:hover { + color: var(--accent-color); + border-color: var(--accent-color); +} +.filter--item { + background: rgb(0 0 0 / 25%); +} +/* DASH */ +.session--prog, .session--media .card .playback-status { + background: var(--accent-color); +} +.card--inner:hover .image-wrap { + -webkit-filter: brightness(.7); + filter: brightness(.7); + -webkit-box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%); + -moz-box-shadow: 0 0 0 2px var(--accent-color),0 5px 10px 0 rgba(0,0,0,.3); + box-shadow: 0 0 0 2px var(--accent-color), 0 5px 10px 0 rgb(0 0 0 / 30%); +} +.push-msg--item { + color: #fff; +} + +/* BUTTONS */ + +.btn, .btn__square { + background: var(--button-color); + color: var(--button-text); + border: 2px solid var(--button-color); +} +.btn:hover, .btn__square:hover { + background: var(--button-color-hover); + color: var(--button-text-hover); + border: 2px solid var(--button-color-hover); +} +.btn.bad:hover { + border: 2px solid #e95151; +} + +/* TABLES */ +.generic-table tr:not(.child):not(.sub) td { + border-bottom: 1px solid rgba(255, 255, 255, .1); +} +.generic-table tr:not(.child):not(.sub) th { + text-align: left; + padding: 5px; + border-bottom: 1px solid rgba(255, 255, 255, .4); +} + +/* MODALS */ +.modal--inner { + background: var(--modal-bg-color); +} +.modal--top { + background: var(--modal-bg-color); +} +/* FORMS & INPUTS */ +input[type=checkbox]:checked:after { + background: var(--accent-color) +} +input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus { + border-bottom: 2px solid var(--accent-color); + background: rgba(255, 255, 255, .2); + color: var(--text-color-hover) +} +input:not([type=checkbox]):not(.styled-input--input):not([type=file]), +.login-wrap input { + border-bottom: 2px solid rgba(0,0,0,0); + color: var(--text-color); + background: rgb(255 255 255 / 10%); +} + +/* PLACEHOLDER TEXT */ +::placeholder { + color: var(--text) !important; + opacity: .5; +} + +:-moz-placeholder { + color: var(--text) !important; + opacity: .5; +} + +:-ms-input-placeholder { + color: var(--text) !important; + opacity: .5; +} + +::-webkit-input-placeholder { + color: var(--text) !important; + opacity: .5; +} diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css new file mode 100644 index 00000000..02253ba1 --- /dev/null +++ b/CSS/themes/petio/space-gray.css @@ -0,0 +1,28 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/moviematch/moviematch-base.css); +:root { + --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --text-color: #eee; + --text-color-hover: #fff; + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --button-text: #eee; + --button-text-hover: #fff; + --accent-color: #81a6b7; + --accent-color-hover: #607D8B; + --link-color: #9adfff; +} \ No newline at end of file diff --git a/README.md b/README.md index 5a33f540..aef2f014 100644 --- a/README.md +++ b/README.md @@ -238,12 +238,17 @@
+{?%~k%%&YW8n>L*pLc7|
zJKwP0&`fKgzken$dWkE5wZJ32;5}a20SQ+aIe`Uk!Ii`ks0i>4P*V1DiNv|u#;@Ym
z6{+g<{UnP2bdbqc@ckL57p31~mlGXhKwllZ=e3L3@f|TTSN0M(2yE41WZ6Y~A4M !Hb^)Eq2?^ ctEtQI)d{Knd$f^*BaNt+Ysq8Pm%oNdz6`A<8Evj!Q2>6U8
zd&fLzC_x0Wa{-7* vMVL#b#E97(2*%bXI$|yrHvHU{zo;7*Va|c)2I&*V-VdUB7
z>?4c@+ZA`d-1vIpw74736`z&fUZSnT`u~!pABEZXMzBa?3krJDzv8$WI#zZo1t=(U
zRQdB&t~>GI+Y+^6YPV&69hSBrE=!xEP9TrIW5ugvGaZqW=8jp-H@_ZUp>T~ODsIS`
z8kfH0QzTz`@`XDMt@thg>W*acFCb|daUFM*Wv;BVC~111VV1x8P3PA`x$|gO`W{Ma
z9#2UvM4dhFZ=yNz Z75A6z1r
z@Z0^qo!xGK%>)xs!NOOXdaRL{)NB3;QDah=nK=mw8JTF}FjYqTGON1PUl`hLD{JTX
zKvOFXzunR+tkq?q-=!+4NMW}g^JsP-(Of#v4VFG=Hsu)dFba7&luJ2UN;bbGt%2g*
zuudIW*uN4Kv~;%4u_cwRY=~V#Pbl#!$H|0ux9>(ud20A5i&NgiW+kY|k)9`mrt74Z
zq;XgHj8PkBJT@___uLR~mT+6vI9$Sc%}|P=GIhj6LGs#TgCD+@@vI>prc47I^6@Ga
zIwmzAuXIcH#=X|)owb)>wN-LS$@JV?(+N;T)^Rxr*@nO+V-pzi^z__R^3e6`~5pT{}7`_#I83nZ5h(TY2zzJn>O+-LFY@hop*8jNm7=i66amZw7S&s
zqKy0(thk1yUyM2}vB U`hX{Jr1;mp#Ps1*iKq8+
zq=A`8E-|=`IR^}42k0Y2&>%)$I1YkB2yGw~0Tv5~6aSn4z_a3{NPfzQ!Aye~@j?i5ho96>QZ=*$`WO~kw42VjixfPj_B<8N=d+=EO$?roAV=as`Q
znar3Pb~_St)=c`A#xYE}JuknSQg$;_O|P&u&BP$-e(~)SbO)4GElyN7f!b7|L5PcP
zQF1cc(nR82Ew@D6evZzk26r~{4xuCM=VQ~%VrEs*<`LUkc`W0*sK}0p*s
^rWjT^c$0I
zqz#SnSRDPbHba98yN=1%Tic07annxN`xQieVK^3D?Vf&6l!~?{ejZu-_KSsF
zin&O|k~af&$T4`_;)ZLyGOg0*(LhY@`YoU~c3NR-EEs2uCw-{P`zVJjkll-WU@5lU
zi{PYc<>78a1GSbx=LJ@YZMEI$EB#+`J!c^PokvV95i3;JqcSPIxP4}OzZK
Pa4wyU{NDf2zKSdh)xo%vKAwGWv1mOlll