mirror of
https://github.com/BobbyWibowo/lolisafe.git
synced 2024-12-13 07:56:23 +00:00
05b905bc9b
Upgraded dependencies. Stop adding cache-control header to album zip files unless config.cacheControl is enabled. Updated CSS files. Moved thumbnail-related styling to thumbs.css. Various other fixes & improvements. Moved render.js from public/js to public/js/s. Removed sharex.js in favor of public/js/s/utils.js. Moved getPrettyDate() & getPrettyBytes() to that JS file as well. Added lsKeys global variable wherever applicable. Previously the idea was only used in dashboard.js. Added No-JS version of album public pages. You'll only have to add ?nojs to the URL. Viewing the regular version with JS disabled will show a notice with a link to the No-JS version of the particular album. Overall page size of the regular version will now be lower as well, since there'll be no need to add noscript tag for each thumbs. No longer show Administrator section to non-admin in the dashboard. Moderators will ONLY be able to see manage users menu as well. Simplified FAQ wherever applicable. Added a new FAQ about bug report or feature request. Updated link for Firefox extension. Also pushed Firefox link before Chrome, cause I like it more. Added browser settings menu to dashboard. This allows you to choose file size unit (kilobyte vs kibibyte) for that specific browser. The preference will be used on homepage, dashboard and album pages. This also allows you to set chunk size and maximum parallel uploads for the homepage uploader. All menu links in the dashboard will now scroll to the content once loaded. Previously it would only do so with manage uploads/users when switching pages. Refactored all instances of for-in & for-of loop from browser JS files. For the sake of uniformity, for now.
172 lines
2.7 KiB
CSS
172 lines
2.7 KiB
CSS
body {
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
|
|
#auth,
|
|
#dashboard {
|
|
display: none;
|
|
-webkit-animation: fadeInOpacity .5s;
|
|
animation: fadeInOpacity .5s;
|
|
}
|
|
|
|
.section {
|
|
background: none;
|
|
}
|
|
|
|
.menu-list a {
|
|
color: #3794d2;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.menu-list a:hover {
|
|
color: #60a8dc;
|
|
background-color: #4d4d4d;
|
|
}
|
|
|
|
.menu-list a.is-active {
|
|
color: #eff0f1;
|
|
background-color: #3794d2;
|
|
}
|
|
|
|
.menu-list a[disabled] {
|
|
color: #7a7a7a;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.menu-list a[disabled]:hover {
|
|
background: none;
|
|
}
|
|
|
|
ul#albumsContainer {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul#albumsContainer li {
|
|
border-left: 1px solid #898b8d;
|
|
padding-left: .75em;
|
|
-webkit-animation: fadeInOpacity .5s;
|
|
animation: fadeInOpacity .5s;
|
|
}
|
|
|
|
#page.fade-in {
|
|
-webkit-animation: fadeInOpacity .5s;
|
|
animation: fadeInOpacity .5s
|
|
}
|
|
|
|
.pagination a:not([disabled]) {
|
|
color: #eff0f1;
|
|
border-color: #4d4d4d;
|
|
background-color: #31363b;
|
|
}
|
|
|
|
a.pagination-link:not(.is-current):hover,
|
|
a.pagination-next:not([disabled]):hover,
|
|
a.pagination-previous:not([disabled]):hover {
|
|
color: #eff0f1;
|
|
border-color: #60a8dc;
|
|
background-color: #31363b;
|
|
}
|
|
|
|
a.pagination-link.is-current {
|
|
background-color: #3794d2;
|
|
border-color: #3794d2;
|
|
}
|
|
|
|
a.pagination-link.is-current:hover {
|
|
border-color: #60a8dc;
|
|
}
|
|
|
|
li[data-action="page-ellipsis"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.label {
|
|
color: #bdc3c7;
|
|
}
|
|
|
|
.menu-list li ul {
|
|
border-left-color: #898b8d;
|
|
}
|
|
|
|
.image-container .checkbox {
|
|
position: absolute;
|
|
top: .75rem;
|
|
left: .75rem;
|
|
}
|
|
|
|
.no-touch .image-container .checkbox {
|
|
opacity: .5;
|
|
-webkit-transition: opacity .25s;
|
|
transition: opacity .25s;
|
|
}
|
|
|
|
.no-touch .image-container .controls,
|
|
.no-touch .image-container .details {
|
|
opacity: 0;
|
|
-webkit-transition: opacity .25s;
|
|
transition: opacity .25s;
|
|
}
|
|
|
|
.no-touch .image-container:hover .checkbox,
|
|
.no-touch .image-container:hover .controls,
|
|
.no-touch .image-container:hover .details {
|
|
opacity: 1;
|
|
}
|
|
|
|
#page {
|
|
/* fix overflow issue with flex */
|
|
min-width: 0;
|
|
}
|
|
|
|
.table-container {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.table {
|
|
color: #bdc3c7;
|
|
background-color: #31363b;
|
|
font-size: .75rem;
|
|
}
|
|
|
|
.table tr:hover,
|
|
.table.is-striped tbody tr:nth-child(2n) {
|
|
background: none;
|
|
}
|
|
|
|
.table.is-striped tbody tr:hover,
|
|
.table.is-striped tbody tr:nth-child(2n):hover,
|
|
.tag {
|
|
background-color: #4d4d4d;
|
|
}
|
|
|
|
.table thead td,
|
|
.table thead th {
|
|
color: #eff0f1;
|
|
background-color: #ff3860;
|
|
}
|
|
|
|
.table td,
|
|
.table th {
|
|
border: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.table th {
|
|
color: #eff0f1;
|
|
height: 2.25em;
|
|
}
|
|
|
|
.table .cell-indent {
|
|
padding-left: 2.25em;
|
|
}
|
|
|
|
.is-linethrough {
|
|
text-decoration: line-through
|
|
}
|