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.
143 lines
2.1 KiB
CSS
143 lines
2.1 KiB
CSS
html {
|
|
background-color: #232629;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
body {
|
|
color: #eff0f1;
|
|
-webkit-animation: fadeInOpacity .5s;
|
|
animation: fadeInOpacity .5s;
|
|
}
|
|
|
|
.title {
|
|
color: #eff0f1;
|
|
}
|
|
|
|
.subtitle {
|
|
color: #bdc3c7;
|
|
}
|
|
|
|
.subtitle strong {
|
|
color: #bdc3c7;
|
|
}
|
|
|
|
a {
|
|
color: #3794d2;
|
|
}
|
|
|
|
a:hover {
|
|
color: #60a8dc;
|
|
}
|
|
|
|
hr {
|
|
background-color: #898b8d;
|
|
}
|
|
|
|
.input.is-active,
|
|
.input.is-focused,
|
|
.input:active,
|
|
.input:focus,
|
|
.textarea.is-active,
|
|
.textarea.is-focused,
|
|
.textarea:active,
|
|
.textarea:focus {
|
|
border-color: #3794d2;
|
|
}
|
|
|
|
.table.is-hoverable tbody tr:not(.is-selected):hover {
|
|
background-color: #4d4d4d;
|
|
}
|
|
|
|
.table td,
|
|
.table th {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.help {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.input::-moz-placeholder,
|
|
.textarea::-moz-placeholder {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.input::-webkit-input-placeholder,
|
|
.textarea::-webkit-input-placeholder {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.input:-moz-placeholder,
|
|
.textarea:-moz-placeholder {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.input:-ms-input-placeholder,
|
|
.textarea:-ms-input-placeholder {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.button.is-breeze {
|
|
background-color: #3794d2;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.button.is-breeze.is-hovered,
|
|
.button.is-breeze:hover {
|
|
background-color: #60a8dc;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.button.is-breeze.is-active,
|
|
.button.is-breeze:active {
|
|
background-color: #60a8dc;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.button.is-breeze.is-focus,
|
|
.button.is-breeze:focus {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.checkbox:hover,
|
|
.radio:hover {
|
|
color: #7f8c8d;
|
|
}
|
|
|
|
.progress.is-breeze:indeterminate {
|
|
background-image: linear-gradient(to right,#60a8dc 30%,#eff0f1 30%);
|
|
}
|
|
|
|
.message {
|
|
background-color: #31363b;
|
|
}
|
|
|
|
.message-body {
|
|
color: #eff0f1;
|
|
border: 0;
|
|
-webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
|
|
box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
|
|
}
|
|
|
|
@-webkit-keyframes fadeInOpacity {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInOpacity {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|