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

lazylig formatting

pull/241/head
Marius 4 years ago
parent
00ddd6eed9
commit
29d6876d11
1 changed files with 399 additions and 281 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 668
      CSS/themes/lazylibrarian/lazylibrarian-base.css

668
CSS/themes/lazylibrarian/lazylibrarian-base.css
View File

@ -13,35 +13,52 @@
outline: none !important; outline: none !important;
} }
body { body {
color: var(--text); color: var(--text);
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
background-position: center center, center center; background-position: center center, center center;
background-size: auto, cover; background-size: auto, cover;
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
} }
p {
color: var(--text) !important; p {
} color: var(--text) !important;
h1,h2,h3,h4,h5,h6,label, legend { }
color: var(--text-hover);
} h1,
legend,.nav-tabs { h2,
h3,
h4,
h5,
h6,
label,
legend {
color: var(--text-hover);
}
legend,
.nav-tabs {
border-bottom: 1px solid rgb(var(--accent-color), .45) !important; border-bottom: 1px solid rgb(var(--accent-color), .45) !important;
} }
a,.btn-link {
color: var(--link-color); a,
} .btn-link {
a:hover,.btn-link:hover { color: var(--link-color);
}
a:hover,
.btn-link:hover {
color: var(--link-color-hover); color: var(--link-color-hover);
} }
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: var(--text); color: var(--text);
} }
input:focus::-webkit-input-placeholder { input:focus::-webkit-input-placeholder {
color: var(--text-hover); color: var(--text-hover);
} }
@ -51,6 +68,7 @@ input:focus::-webkit-input-placeholder {
input:-moz-placeholder { input:-moz-placeholder {
color: var(--text-muted); color: var(--text-muted);
} }
input:focus:-moz-placeholder { input:focus:-moz-placeholder {
color: var(--text-hover); color: var(--text-hover);
} }
@ -59,6 +77,7 @@ input:focus:-moz-placeholder {
input::-moz-placeholder { input::-moz-placeholder {
color: var(--text-muted); color: var(--text-muted);
} }
input:focus::-moz-placeholder { input:focus::-moz-placeholder {
color: var(--text-hover); color: var(--text-hover);
} }
@ -67,16 +86,19 @@ input:focus::-moz-placeholder {
input:-ms-input-placeholder { input:-ms-input-placeholder {
color: var(--text-muted); color: var(--text-muted);
} }
input:focus:-ms-input-placeholder { input:focus:-ms-input-placeholder {
color: var(--text-hover); color: var(--text-hover);
} }
/* SCROLLBAR */
@media only screen and (min-width: 768px) { /* SCROLLBAR */
@media only screen and (min-width: 768px) {
html { html {
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
body { body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
@ -89,257 +111,351 @@ input:focus:-ms-input-placeholder {
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
} }
} }
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
}
/* NAVBAR */ ::-webkit-scrollbar {
.navbar { width: 14px;
border: 1px solid transparent; }
text-shadow: 1px 1px 1px rgb(0, 0, 0);
background: rgba(0, 0, 0, 0); ::-webkit-scrollbar-thumb {
} min-height: 50px;
.navbar-inverse { border: 3px solid transparent;
background-image: none; border-radius: 8px;
background-color: transparent; background-color: hsla(0, 0%, 100%, .2);
border-color: transparent; background-clip: padding-box;
} }
.navbar-default .navbar-brand {
color: rgb(var(--accent-color)); ::-webkit-scrollbar-track {
} background-color: transparent;
.navbar-default .navbar-brand:hover, }
.navbar-default .navbar-brand:focus {
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .5);
background-clip: padding-box;
}
/* NAVBAR */
.navbar {
border: 1px solid transparent;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
background: rgba(0, 0, 0, 0);
}
.navbar-inverse {
background-image: none;
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-brand {
color: rgb(var(--accent-color));
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: var(--accent-color-hover); color: var(--accent-color-hover);
background-color: none; background-color: none;
} }
.navbar-default .navbar-nav>li>a {
color: var(--text); .navbar-default .navbar-nav>li>a {
} color: var(--text);
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { }
color: var(--text-hover);
background-image: none; .navbar-default .navbar-nav>li>a:hover,
background-color: rgba(0, 0, 0, .25); .navbar-default .navbar-nav>li>a:focus {
} color: var(--text-hover);
/* BUTTONS */ background-image: none;
background-color: rgba(0, 0, 0, .25);
.btn-primary, .btn-default { }
color: var(--button-text) !important;
background-color: var(--button-color) !important; /* BUTTONS */
background: var(--button-color) !important;
border-color: var(--button-color) !important; .btn-primary,
background-image: none !important; .btn-default {
outline: none; color: var(--button-text) !important;
} background-color: var(--button-color) !important;
background: var(--button-color) !important;
.btn-primary:hover, .btn-default:hover, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { border-color: var(--button-color) !important;
background-image: none; background-image: none !important;
color: var(--button-text-hover) !important; outline: none;
background-color: var(--button-color-hover) !important; }
border-color: var(--button-color-hover) !important;
} .btn-primary:hover,
.btn-primary:active:hover, .btn-primary.active:hover, .open> .btn-default:hover,
-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { .btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none;
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
color: var(--button-text-hover) !important; color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important; border-color: var(--button-color-hover) !important;
} }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
outline: none;
color: var(--button-text-hover) !important; color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important; border-color: var(--button-color-hover) !important;
} }
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { .btn-link:hover,
outline: none; .btn-link:focus,
color: var(--button-text-hover) !important; button.close {
background-color: var(--button-color-hover) !important; outline: none
border-color: var(--button-color-hover) !important; }
}
.btn-link:hover, .btn-link:focus, button.close { .btn-warning {
outline:none background-image: none;
} color: var(--button-text-hover);
background-color: #f89406;
.btn-warning { border-color: #f89406;
background-image: none; }
color: var(--button-text-hover);
background-color: #f89406; .btn-warning:hover {
border-color: #f89406; background-image: none;
} color: var(--button-text-hover);
background-color: #c67605;
.btn-warning:hover { border-color: #bc7005;
background-image: none; }
color: var(--button-text-hover);
background-color: #c67605; .btn:hover,
border-color: #bc7005; .btn:focus,
} .btn.focus {
.btn:hover, .btn:focus, .btn.focus { color: var(--button-text-hover);
color: var(--button-text-hover); text-decoration: none;
text-decoration: none; }
}
.pagination>li.disabled>a,
.pagination>li.disabled>a, .pagination>li.disabled>a:hover, .pagination>li.disabled>span, .pagination>li.disabled>span:hover { .pagination>li.disabled>a:hover,
background-color: var(--button-color); .pagination>li.disabled>span,
color: var(--text-muted); .pagination>li.disabled>span:hover {
background-image: none; background-color: var(--button-color);
outline:none; color: var(--text-muted);
} background-image: none;
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { outline: none;
color: var(--text-muted); }
background-color: var(--button-color);
border-color: var(--button-color); .pagination>.disabled>span,
cursor: not-allowed; .pagination>.disabled>span:hover,
} .pagination>.disabled>span:focus,
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { .pagination>.disabled>a,
color: var(--button-text-hover); .pagination>.disabled>a:hover,
background-image: none; .pagination>.disabled>a:focus {
background-color: var(--button-color-hover); color: var(--text-muted);
border-color: var(--button-color-hover); background-color: var(--button-color);
outline: none; border-color: var(--button-color);
} cursor: not-allowed;
.pagination>li.active>a, .pagination>li.active>span { }
background-image: none;
} .pagination>.active>a,
.pagination>li>a, .pagination>li>span { .pagination>.active>span,
text-shadow: 1px 1px 1px rgba(0,0,0,0.3); .pagination>.active>a:hover,
background-image: none; .pagination>.active>span:hover,
} .pagination>.active>a:focus,
.pagination>li>a, .pagination>li>span { .pagination>.active>span:focus {
color: var(--button-text); color: var(--button-text-hover);
background-color: var(--button-color); background-image: none;
border: 1px solid var(--button-color); background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
} outline: none;
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { }
color: var(--button-text-hover);
background-image: none; .pagination>li.active>a,
background-color: var(--button-color-hover); .pagination>li.active>span {
border-color: var(--button-color-hover); background-image: none;
outline: none; }
}
.pagination>li>a,
/* FORM CONTYROL */ .pagination>li>span {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.form-control:focus { background-image: none;
border-color: transparent; }
outline: 0;
-webkit-box-shadow: none; .pagination>li>a,
box-shadow: none; .pagination>li>span {
} color: var(--button-text);
background-color: var(--button-color);
.form-control { border: 1px solid var(--button-color);
color: var(--text);
background-color: rgba(255, 255, 255, 0.1); }
background-image: none;
border: 1px solid transparent; .pagination>li>a:hover,
} .pagination>li>span:hover,
select:focus, select:active { .pagination>li>a:focus,
background: #1b1b1b; .pagination>li>span:focus {
color: white; color: var(--button-text-hover);
} background-image: none;
.form-control:active:not(select.form-control), .form-control:focus:not(select.form-control), background-color: var(--button-color-hover);
.configtable .input-group .form-control:active, .configtable .input-group .form-control:focus { border-color: var(--button-color-hover);
color: var(--text-hover); outline: none;
background-color: rgba(0, 0, 0, 0.25) !important; }
background-image: none;
border: 1px solid transparent; /* FORM CONTYROL */
}
.form-control:focus {
border-color: transparent;
/* TABLE */ outline: 0;
-webkit-box-shadow: none;
table { box-shadow: none;
background-color: rgba(255, 255, 255, 0.08); }
}
.form-control {
thead { color: var(--text);
color: var(--text-hover); background-color: rgba(255, 255, 255, 0.1);
} background-image: none;
border: 1px solid transparent;
.table-striped>tbody>tr:nth-of-type(odd) { }
background-color: rgba(0, 0, 0, 0.08);
} select:focus,
.table-hover>tbody>tr:hover { select:active {
background-color: rgba(255, 255, 255, 0.08) !important; background: #1b1b1b;
} color: white;
.table-bordered { }
border: 1px solid transparent;
} .form-control:active:not(select.form-control),
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { .form-control:focus:not(select.form-control),
border: 1px solid rgba(255, 255, 255, 0.08); .configtable .input-group .form-control:active,
} .configtable .input-group .form-control:focus {
color: var(--text-hover);
/* BOOKWALL */ background-color: rgba(0, 0, 0, 0.25) !important;
background-image: none;
.table-responsive>.table { border: 1px solid transparent;
background-color: rgba(255, 255, 255, .08); }
}
/* SETTINGS */ /* TABLE */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { table {
color: rgb(var(--accent-color)); background-color: rgba(255, 255, 255, 0.08);
background-color: rgba(255, 255, 255, 0.08); }
border: 1px solid TRANSPARENT;
border-bottom-color: transparent; thead {
cursor: default; color: var(--text-hover);
} }
.nav-tabs {
border-bottom: 1px solid rgba(255, 255, 255, 0.45); .table-striped>tbody>tr:nth-of-type(odd) {
} background-color: rgba(0, 0, 0, 0.08);
.nav-tabs>li>a:hover { }
border-color: transparent;
} .table-hover>tbody>tr:hover {
.nav>li>a:hover, .nav>li>a:focus { background-color: rgba(255, 255, 255, 0.08) !important;
text-decoration: none; }
background-color: rgba(255, 255, 255, 0.15);
} .table-bordered {
.input-group-addon { border: 1px solid transparent;
border:none; }
border-color: transparent;
background-image: none; .table-bordered>thead>tr>th,
color: var(--button-text); .table-bordered>tbody>tr>th,
background-color: var(--button-color); .table-bordered>tfoot>tr>th,
} .table-bordered>thead>tr>td,
.input-group { .table-bordered>tbody>tr>td,
margin-top: 2px; .table-bordered>tfoot>tr>td {
} border: 1px solid rgba(255, 255, 255, 0.08);
}
legend {
border-bottom: 1px solid rgba(255, 255, 255, .45); /* BOOKWALL */
}
.table-responsive>.table {
/* MODAL */ background-color: rgba(255, 255, 255, .08);
}
.modal-content {
background: var(--modal-bg-color); /* SETTINGS */
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; .nav-tabs>li.active>a,
background-position: center center, center center; .nav-tabs>li.active>a:hover,
background-size: auto, cover; .nav-tabs>li.active>a:focus {
-webkit-background-size: auto, cover; color: rgb(var(--accent-color));
-moz-background-size: auto, cover; background-color: rgba(255, 255, 255, 0.08);
-o-background-size: auto, cover; border: 1px solid TRANSPARENT;
border: 1px solid transparent; border-bottom-color: transparent;
} cursor: default;
.modal-header { }
.nav-tabs {
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.nav-tabs>li>a:hover {
border-color: transparent;
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.15);
}
.input-group-addon {
border: none;
border-color: transparent;
background-image: none;
color: var(--button-text);
background-color: var(--button-color);
}
.input-group {
margin-top: 2px;
}
legend {
border-bottom: 1px solid rgba(255, 255, 255, .45);
}
/* MODAL */
.modal-content {
background: var(--modal-bg-color);
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;
border: 1px solid transparent;
}
.modal-header {
background: var(--modal-header-color); background: var(--modal-header-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -348,9 +464,10 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
border-bottom: 1px solid rgb(var(--accent-color)); border-bottom: 1px solid rgb(var(--accent-color));
} }
.modal-footer {
.modal-footer {
background: var(--modal-footer-color); background: var(--modal-footer-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -359,10 +476,11 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
pre {
color: var(--text); pre {
background-color: rgba(0, 0, 0, 0.25); color: var(--text);
border: 1px solid transparent; background-color: rgba(0, 0, 0, 0.25);
} border: 1px solid transparent;
}
Write Preview
Loading…
Cancel
Save