Marius
4 years ago
8 changed files with 377 additions and 75 deletions
@ -1,44 +1,310 @@ |
|||||
|
/* 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 */ |
||||
|
|
||||
/* dP dP dP */ |
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ |
||||
/* 88 88 88 */ |
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ |
||||
/* 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" */ |
*:focus, |
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ |
*:active, |
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ |
.bootstrap-select .dropdown-toggle:focus, |
||||
/* 88 */ |
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle { |
||||
/* dP */ |
outline: none !important; |
||||
|
} |
||||
|
|
||||
/* Made by @gilbN */ |
body:not(.read-frame) { |
||||
/* https://github.com/gilbN/theme.park */ |
background: var(--main-bg-color) !important; |
||||
|
background-image: none; |
||||
|
} |
||||
|
|
||||
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ |
.blur-wrapper:after { |
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ |
background: var(--modal-bg-color) !important; |
||||
body:not(.read-frame) { |
} |
||||
background: var(--main-bg-color) !important; |
|
||||
background-image: none; |
body>.container-fluid { |
||||
} |
background: var(--main-bg-color); |
||||
.blur-wrapper:after { |
} |
||||
background: var(--modal-bg-color) !important; |
|
||||
} |
body.login:not(.read-frame), |
||||
body>.container-fluid { |
body.shelfcreate, |
||||
background: var(--main-bg-color); |
body.shelfedit { |
||||
} |
background: var(--main-bg-color) !important; |
||||
body.login:not(.read-frame), body.shelfcreate, body.shelfedit { |
} |
||||
background: var(--main-bg-color) !important; |
|
||||
} |
@media only screen and (max-width: 767px) { |
||||
@media only screen and (max-width: 767px) { |
.navbar-collapse.collapse { |
||||
.navbar-collapse.collapse { |
background: var(--modal-bg-color) !important; |
||||
background: var(--modal-bg-color) !important; |
} |
||||
} |
} |
||||
} |
|
||||
/* Book cover border */ |
/* Book cover border */ |
||||
.container-fluid .book .cover span img { |
.container-fluid .book .cover span img { |
||||
border: 1px solid transparent; |
border: 1px solid transparent; |
||||
} |
} |
||||
|
|
||||
|
/* Buttons */ |
||||
|
.btn-default a, |
||||
|
.btn-default a:hover { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
/* TP */ |
||||
|
|
||||
|
/* TEXT */ |
||||
|
|
||||
|
.h1, |
||||
|
.h2, |
||||
|
.h3, |
||||
|
.h4, |
||||
|
.h5, |
||||
|
.h6, |
||||
|
h1, |
||||
|
h2, |
||||
|
h3, |
||||
|
h4, |
||||
|
h5, |
||||
|
h6, |
||||
|
body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before, |
||||
|
body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before, |
||||
|
body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, |
||||
|
body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before, |
||||
|
.container-fluid .book .meta .author, |
||||
|
.container-fluid .book .meta .author>a:hover, |
||||
|
.well>h2, |
||||
|
body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 { |
||||
|
color: var(--text-hover) !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
body, |
||||
|
html, |
||||
|
p { |
||||
|
color: var(--text) !important; |
||||
|
} |
||||
|
|
||||
|
.home-btn>a, |
||||
|
.plexBack>a, |
||||
|
.container-fluid .book .meta .author, |
||||
|
.container-fluid .book .meta .author>a { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.home-btn>a:hover, |
||||
|
body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before, |
||||
|
.plexBack:not(.noBack):hover>a, |
||||
|
.form-group>label, |
||||
|
label, |
||||
|
body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
||||
|
body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
||||
|
body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before, |
||||
|
body.me>div.container-fluid>div>div.col-sm-10>div.discover:before, |
||||
|
body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before { |
||||
|
color: var(--text-hover) |
||||
|
} |
||||
|
|
||||
|
/* LINKS */ |
||||
|
a, |
||||
|
body.admin, |
||||
|
body.admin td>a { |
||||
|
color: var(--link-color); |
||||
|
} |
||||
|
|
||||
|
a:hover, |
||||
|
body.admin td>a:hover { |
||||
|
color: var(--link-color-hover); |
||||
|
} |
||||
|
|
||||
|
.navigation .create-shelf a, |
||||
|
.meta>a>p { |
||||
|
color: var(--link-color) !important; |
||||
|
} |
||||
|
|
||||
|
.navigation .create-shelf a:hover, |
||||
|
.author>a:hover, |
||||
|
.meta>a>p:hover { |
||||
|
color: var(--link-color-hover) !important; |
||||
|
} |
||||
|
|
||||
|
/* tables */ |
||||
|
|
||||
|
th, |
||||
|
body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner { |
||||
|
color: var(--text-hover) !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* MODAL */ |
||||
|
.modal-content { |
||||
|
background-color: var(--modal-bg-color); |
||||
|
} |
||||
|
#GeneralDeleteModal .bg-danger { |
||||
|
background: var(--modal-bg-color); |
||||
|
} |
||||
|
|
||||
|
/* ICONS */ |
||||
|
.glyphicon, |
||||
|
#add-to-shelf>span, |
||||
|
#btnGroupDrop1>span, |
||||
|
#readbtn>span, |
||||
|
#sendbtn>span, |
||||
|
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span, |
||||
|
.book-meta .btn-toolbar>.btn-group>.btn-warning>span, |
||||
|
.btn-toolbar>.btn-group>#btnGroupDrop2>span, |
||||
|
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span, |
||||
|
div[aria-label="Edit/Delete book"]>.btn>span { |
||||
|
color: var(--text); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
#add-to-shelf:hover span, |
||||
|
#btnGroupDrop1:hover>span, |
||||
|
#readbtn:hover>span, |
||||
|
#sendbtn:hover>span, |
||||
|
.book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span, |
||||
|
.book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span, |
||||
|
.btn-toolbar>.btn-group>#btnGroupDrop2:hover>span, |
||||
|
.btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span, |
||||
|
div[aria-label="Edit/Delete book"]>.btn>span:hover, |
||||
|
#btnGroupDrop1[aria-expanded=true] > span, #shelf-actions > .btn-group.open > #add-to-shelf > span { |
||||
|
color: var(--text-hover); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* DROPDOWN MENU */ |
||||
|
.dropdown-menu { |
||||
|
background-color: var(--drop-down-menu-bg) !important; |
||||
|
max-height: none !important; |
||||
|
} |
||||
|
|
||||
|
.dropdown-menu>li>a { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.dropdown-menu>li>a:focus, |
||||
|
.dropdown-menu>li>a:hover { |
||||
|
color: var(--text-hover); |
||||
|
background: hsla(0, 0%, 100%, .08); |
||||
|
} |
||||
|
|
||||
|
/* SIDEMENU */ |
||||
|
.navigation li a:hover .glyphicon, |
||||
|
.navigation li a:hover { |
||||
|
color: rgb(var(--accent-color)); |
||||
|
} |
||||
|
|
||||
|
.navigation li a { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.navigation .nav-head { |
||||
|
color: var(--text-hover); |
||||
|
} |
||||
|
|
||||
|
body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover { |
||||
|
color: var(--accent-color-hover) !important; |
||||
|
-webkit-transition: color .2s; |
||||
|
-o-transition: color .2s; |
||||
|
transition: color .2s; |
||||
|
background-color: rgba(0, 0, 0, .55) !important; |
||||
|
} |
||||
|
|
||||
|
/* NAVBAR */ |
||||
|
.navbar-default .navbar-nav>li>a:focus .glyphicon, |
||||
|
.navbar-default .navbar-nav>li>a:hover .glyphicon { |
||||
|
color: var(--text-hover) !important; |
||||
|
} |
||||
|
|
||||
|
/* BUTTONS */ |
||||
|
|
||||
|
|
||||
|
.btn-primary, |
||||
|
.btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) { |
||||
|
color: var(--button-text); |
||||
|
background-color: var(--button-color); |
||||
|
border-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
.btn-primary:hover:not(#add-to-shelf), |
||||
|
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) { |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-primary.active, |
||||
|
.btn-primary:active, |
||||
|
.btn-primary:focus, |
||||
|
.btn-primary:hover, |
||||
|
.open .dropdown-toggle.btn-primary, |
||||
|
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), |
||||
|
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span), |
||||
|
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) { |
||||
|
background-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1), |
||||
|
.btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1), |
||||
|
.btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) { |
||||
|
color: var(--button-text-hover); |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.book-meta>.bookinfo .btn-info, |
||||
|
.book-meta>.bookinfo .btn-success { |
||||
|
background-color: rgb(var(--accent-color)); |
||||
|
color: var(--label-text-color); |
||||
|
font-size: 13px; |
||||
|
display: inline-block; |
||||
|
border-radius: 4px; |
||||
|
vertical-align: middle; |
||||
|
font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif; |
||||
|
-webkit-transition: background-color .2s, color .2s; |
||||
|
-o-transition: background-color .2s, color .2s; |
||||
|
transition: background-color .2s, color .2s; |
||||
|
text-transform: uppercase; |
||||
|
} |
||||
|
|
||||
|
.book-meta>.bookinfo .btn-info:hover, |
||||
|
.book-meta>.bookinfo .btn-success:hover { |
||||
|
color: var(--label-text-color); |
||||
|
text-decoration: none; |
||||
|
background: var(--accent-color-hover); |
||||
|
} |
||||
|
|
||||
|
[data-target="#fileModal"] span { |
||||
|
color: var(--button-text); |
||||
|
} |
||||
|
|
||||
|
[data-target="#fileModal"]:hover span { |
||||
|
color: var(--button-text-hover); |
||||
|
} |
||||
|
|
||||
|
/* ALERT */ |
||||
|
|
||||
|
.alert { |
||||
|
background: var(--modal-bg-color); |
||||
|
color: var(--text-hover); |
||||
|
} |
||||
|
|
||||
|
/* SERIES PAGE */ |
||||
|
.cover .badge { |
||||
|
color: var(--label-text-color); |
||||
|
background-color: rgb(var(--accent-color)); |
||||
|
|
||||
/* Buttons */ |
|
||||
.btn-default a, |
|
||||
.btn-default a:hover { |
|
||||
color: var(--text); |
|
||||
} |
} |
||||
@ -0,0 +1,26 @@ |
|||||
|
|
||||
|
/* 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 */ |
||||
|
|
||||
|
/* CALIBRE-WEB DRACULA THEME */ |
||||
|
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ |
||||
|
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css); |
||||
|
@import url(https://theme-park.dev/CSS/variables/dracula.css); |
||||
|
|
||||
|
/* APP VARS*/ |
||||
|
:root { |
||||
|
--color-background: var(--main-bg-color); |
||||
|
--color-primary: rgb(var(--accent-color)); |
||||
|
--color-secondary: var(--button-color); |
||||
|
--color-secondary-hover: var(--button-color-hover); |
||||
|
--color-background-mobile: var(--main-bg-color); |
||||
|
} |
||||
Loading…
Reference in new issue