topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Re-made logarr and added new themes

pull/15/head
gilbN 6 years ago
parent
ca560f973f
commit
f5da73210b
8 changed files with 525 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      CSS/themes/logarr-plex.css
  2. 21
      CSS/themes/logarr/aquamarine.css
  3. 21
      CSS/themes/logarr/dark.css
  4. 21
      CSS/themes/logarr/hotline.css
  5. 439
      CSS/themes/logarr/logarr-base.css
  6. 21
      CSS/themes/logarr/plex.css
  7. BIN
      Resources/logarr/decrease.png
  8. BIN
      Resources/logarr/increase.png

7
CSS/themes/logarr-plex.css
View File

@ -593,10 +593,7 @@ mark.current {
border: none;
background-color: hsla(0,0%,100%,.25);
}
;
font-size: .85rem;
width: 5.5em;
}
.marksearchInput {
color: #fff;
@ -604,7 +601,7 @@ mark.current {
}
.search-button {
background-color: hsla(0,0%,100%,.25));
background-color: hsla(0,0%,100%,.25);
font-size: .757rem;
}

21
CSS/themes/logarr/aquamarine.css
View File

@ -0,0 +1,21 @@
/* 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 */
/* LOGARR AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-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 center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

21
CSS/themes/logarr/dark.css
View File

@ -0,0 +1,21 @@
/* 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 */
/* LOGARR DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
}

21
CSS/themes/logarr/hotline.css
View File

@ -0,0 +1,21 @@
/* 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 */
/* LOGARR HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-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 center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

439
CSS/themes/logarr/logarr-base.css
View File

@ -0,0 +1,439 @@
/* 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 */
body {
font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-color: var(--main-bg-color)!important;
color:#FFFFFF !important;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
background: var(--main-bg-color)
}
}
.expand::-webkit-scrollbar-track {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.expand::-webkit-scrollbar {
background-color: transparent !important;
}
.expand::-webkit-scrollbar-thumb {
background-color: hsla(0,0%,100%,.2) !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.expand::-webkit-scrollbar-thumb:hover {
background-color: hsla(0,0%,100%,.5) !important;
}
body::-webkit-scrollbar-track {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
body::-webkit-scrollbar {
background-color: transparent !important;
}
body::-webkit-scrollbar-thumb {
background-color: hsla(0,0%,100%,.2) !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
body::-webkit-scrollbar-thumb:hover {
background-color: hsla(0,0%,100%,.5) !important;
}
.flex-child {
border-radius: 0px;
background-color: rgba(255, 255, 255, 0.08);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
#includedContent {
background-color: transparent;
background: transparent;
}
body {
opacity: 1;
transition: 1s opacity;
background-color: #00000000;
-webkit-font-smoothing: antialiased;
font-family: 'Roboto:400', sans-serif !important;
color: #FFFFFF;
padding: 10px 10px 0;
}
.btn {
font-weight: 600 !important;
}
body.fade-out {
opacity: 0;
transition: none;
}
.left, .right, .category-filter-item, .nav-item, .filesize, .path {
color: #ffffff;
}
#username:hover, #password:hover {
text-shadow: 0 0 1rem transparent;
}
#categoryFilter, #auto-update {
color: white !important;
background-color: transparent !important;
box-shadow: none;
border-radius: 0px;
}
#markform {
background: var(--main-bg-color) !important;
}
.slide {
border: 1px solid transparent;
}
.expandtoggle {
background-color: transparent !important;
}
.expandtoggle:hover {
background-color: rgba(255, 255, 255, 0.08) !important;
}
.expandtoggle:checked~.expandtoggle::before {
content: "";
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/increase.png) no-repeat;
background-size: 2em;
display: inline-block;
width: 2em;
height: 2em;
cursor: row-resize;
}
.expandtoggle::before {
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/logarr/decrease.png) no-repeat;
background-size: 2em;
content: "";
display: inline-block;
width: 2em;
height: 2em;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
cursor: pointer;
}
.expand {
height: 43rem;
width: auto;
overflow: auto;
transition: height 0.5s;
color: rgb(255, 255, 255);
background-color: rgba(0, 0, 0, 0.3);
word-wrap: break-word;
padding: 0 10px 0 10px;
}
.header-brand, .logheader {
text-shadow: none !important;
}
/* Settings */
/* Text Color */
.alpaca-control-label, .alpaca-control.radio {
color: white !important;
}
.alpaca-form-buttons-container {
background-color: transparent !important;
}
.Rtable-cell {
color: white !important;
}
#colorkey {
color: white !important;
}
.settingstitle {
text-shadow: none !important;
}
#reginfo {
color: white !important;
}
#infodata {
background-color: transparent !important;
box-shadow: none !important;
}
.input_icon {
color: var(--button-color) !important;
}
.input_icon:hover {
color: var(--button-color-hover) !important;
}
.input:hover, input.form-control:hover, select.form-control:hover {
border: .2rem solid transparent;
}
.input:focus, input.form-control:focus, select.form-control:focus {
border: .2rem solid transparent;
}
input:invalid {
border: .2rem solid transparent;
}
input:valid {
border: .2rem solid transparent;
}
/* Sidebar */
#sidebar-wrapper {
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:hover:before {
-webkit-transition: none !important;
transition: none !important;
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:before {
background-color: rgba(0, 0, 0, 0.07);
transition: none !important;
-webkit-transition: none !important;
}
.sidebar-nav li:first-child a {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(2):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(3):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(4):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(5):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(6):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(7):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(8):before {
background-color: rgba(0, 0, 0, 0.07);
}
.sidebar-nav li:nth-child(9):before {
background-color: rgba(0, 0, 0, 0.07);
}
#modalloading {
background: var(--main-bg-color);
color: white !important;
border: 1px solid transparent !important;
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
}
.modaltextloading, .modalloadingspinner {
color: #FFF !important;
}
.container {
max-width: 100% !important;
padding-right: 2rem !important;
}
#stats {
background-color: rgba(0,0,0,.15) !important;
padding-left: .0rem !important;
padding-right: 1.11rem !important;
box-shadow: none;
}
#hd {
padding-left: 0.8rem !important;
}
.double-val-label>span.success {
background-color: #28a745 !important;
}
.servicetile:hover, .servicetile:focus {
text-shadow: 0 0 20px #000;
}
#servicetitle:hover, #servicetitle:focus {
text-shadow: 0 0 20px #000;
}
#servicetitle {
color: #fff !important;
}
.btnoffline, .btnunknown, .btnonline {
box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
-webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
}
.btnonline {
background-color: #28a745 !important;
}
.btn {
background-color: var(--button-color) !important;
border: none !important;
}
.btn:hover {
background-color: var(--button-color-hover) !important;
border: none !important;
}
.btn-primary,.btn-primary:hover {
border-color: transparent;
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
color: white !important;
}
.btn-group>.btn:first-child {
color: white !important;
}
#time {
background-color: rgba(0,0,0,.15) !important;
color: #fff !important;
box-shadow: none;
}
#slidertable {
background-color: rgba(0,0,0,.15) !important;
box-shadow: none;
}
#textslider {
color: #fff !important;
}
.dtg {
color: #fff !important;
}
.datemin {
color: #fff !important;
}
#center {
background-color: rgba(0,0,0,.0) !important;
box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
}
/*Service tile*/
.col-lg-4 {
background-color: rgba(0,0,0,.15) !important;
margin: 1rem .1rem 1.5rem 1rem !important;
width: 9rem !important;
box-shadow: none;
}
.col-lg-4:hover {
background-color: hsla(0,0%,100%,.08) !important;
margin: 1rem .1rem 1.5rem 1rem !important;
width: 9rem !important;
box-shadow: none;
}
.servicetile, .servicetile:hover, .servicetile:focus {
color: #ffffff;
text-shadow: none !important;
text-decoration: none !important;
outline: 0;
font-weight: inherit !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.servicetile {
color: #ffffff;
text-shadow: none !important;
text-decoration: none !important;
outline: 0;
font-weight: inherit !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
#servicetitle:hover, #servicetitle:focus {
text-shadow: none !important;
font-weight: inherit !important;
}
#clock {
background-color: rgba(0,0,0,.15) !important;
color: #fff !important;
box-shadow: none;
}
.date {
color: #fff !important;
}
#summary {
background-color: #e84242 !important;
border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
}
.pace, .pace-progress {
background: rgba(0,0,0,.15) !important;
}
.pace, .pace-progress-inner {
box-shadow: 0 0 10px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15) !important;
}
.pace .pace-activity {
border-top-color: #FFF !important;
border-left-color: #FFF !important;
}
.footer {
color: white !important;
}
.footer:hover {
text-shadow: 0 0 15px transparent !important;
}
#footer {
color: transparent !important;
}
.navbar-brand {
text-shadow: 0 0 15px #000000 !important;
}
/* ButtonShadow */
.btnoffline, .btnunknown, .btnonline {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.logrollmodal {
background: var(--modal-bg-color) !important;
border: 1px solid transparent !important;
}
.modalimgpath, .modaltext, #uploadbutton {
color: #fff !important;
}
.file-upload {
background-color: var(--button-color) !important;
color: white !important;
}
.file-upload:hover {
background-color: var(--button-color-hover) !important;
color: white !important;
}
@media only screen and (max-width: 775px) {
#slidertable {
display: none !important;
}
#time {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
#dateRight {
background-color: rgba(0,0,0,.15) !important;
color: #fff !important;
box-shadow: none;
}
}

21
CSS/themes/logarr/plex.css
View File

@ -0,0 +1,21 @@
/* 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 */
/* LOGARR PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-base.css);
:root {
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--button-color: #cc7b19;
--button-color-hover: #e59029;
}

BIN
Resources/logarr/decrease.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Resources/logarr/increase.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

Write Preview
Loading…
Cancel
Save