import local files into repo
This commit is contained in:
djpbessems
57
public/misc/script.index.js
Normal file
57
public/misc/script.index.js
Normal file
@ -0,0 +1,57 @@
|
||||
$(document).ready(function(){
|
||||
// Allow user to press enter to submit credentials
|
||||
$('#username, #password').keypress(function(event) {
|
||||
if (event.which == 13) {
|
||||
$('#btnlogin').trigger('click');
|
||||
}
|
||||
});
|
||||
|
||||
$('#btnlogin').click(function() {
|
||||
// Give feedback that request has been submitted (and prevent repeated requests)
|
||||
$('#btnlogin').prop('disabled', true).css({
|
||||
'background': '#999 url(data:image/gif;base64,R0lGODlhEAAQAPIAAJmZmf///7CwsOPj4////9fX18rKysPDwyH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) no-repeat center',
|
||||
'color': 'transparent',
|
||||
'transform': 'rotateX(180deg)'
|
||||
});
|
||||
$.post("lucidAuth.login.php", {
|
||||
do: "login",
|
||||
username: $('#username').val(),
|
||||
password: $('#password').val()
|
||||
})
|
||||
.done(function(data,status) {
|
||||
try {
|
||||
var ajaxData = JSON.parse(data);
|
||||
}
|
||||
catch (e) {
|
||||
console.log(data);
|
||||
}
|
||||
if (ajaxData.Result == 'Success') {
|
||||
$('#btnlogin').css({
|
||||
'background': 'green url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAaklEQVQ4jeXOMQ5AQBBG4T2BC4i76EWich7ncAKbqCRuodTqnMNTkFgJs3ZU4tXz/Rlj/hUQv8EpMAClFk9sjUAiHVcCnoFMwhZYgPYG575Xe46aIOyMdJx7ji9GwrEzUgOFCu8DkRp/qxU2BKCUyZR6ygAAAABJRU5ErkJggg==) no-repeat center',
|
||||
'transform': 'rotateX(0deg)'
|
||||
});
|
||||
setTimeout(function() {
|
||||
$('#btnsync').prop('disabled', false).css({
|
||||
'background': '#B50000 linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 51%) no-repeat center',
|
||||
'color': '#FFF'
|
||||
});
|
||||
window.location.replace(ajaxData.Location);
|
||||
}, 2250);
|
||||
} else {
|
||||
$('#btnlogin').css({
|
||||
'background': 'red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAv0lEQVQ4jaWT0Q3CMAxELwh1BEag87AJ6hcLlE/KBLABrNEV2h26QaXHj4NMGgpS7sfJJXd24kQqRMiRQC3pIKk2apD0DCEMq25ABZyBmSVmW6vWxH1GmKLPmph7xJQReq5dnNmVPQE7oHOCzrhoMts9vQ1OSbYOCBb92OPkDe6ZkqMwJwa4SdJmtS1/YGsx7e9VUiPpYvPG4tHtGUsvcf+RkpI2mkHZQ3ImLd+fcpuKf32meM5R0iOEMOb2F+EF33vgCePVr8UAAAAASUVORK5CYII=) no-repeat center',
|
||||
'transform': 'rotateX(0deg)'
|
||||
});
|
||||
setTimeout(function() {
|
||||
$('#btnsync').prop('disabled', false).css({
|
||||
'background': '#B50000 linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 51%) no-repeat center',
|
||||
'color': '#FFF'
|
||||
});
|
||||
// TODO: Add feedback (based on ajaxData.Reason)
|
||||
// Is the redirect needed?
|
||||
window.location.replace('lucidAuth.login.php'/*+ '?reason=' + ajaxData.Reason*/);
|
||||
}, 2250);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
19
public/misc/script.theme.js
Normal file
19
public/misc/script.theme.js
Normal file
@ -0,0 +1,19 @@
|
||||
$(document).ready(function() {
|
||||
if (localStorage.getItem('theme') != '') {
|
||||
$('html').addClass(localStorage.getItem('theme'));
|
||||
}
|
||||
|
||||
$('.logo .sub').on('click', function(event) {
|
||||
if (event.ctrlKey) {
|
||||
var classes = ["tablecloth", "weave", "madras", "tartan", "seigaiha"];
|
||||
var selectedTheme = classes[~~(Math.random()*classes.length)];
|
||||
|
||||
$('html').removeClass().addClass(selectedTheme);
|
||||
localStorage.setItem('theme', selectedTheme);
|
||||
}
|
||||
if (event.altKey) {
|
||||
$('html').removeClass();
|
||||
localStorage.removeItem('theme');
|
||||
}
|
||||
});
|
||||
});
|
||||
60
public/misc/script.translation.js
Normal file
60
public/misc/script.translation.js
Normal file
@ -0,0 +1,60 @@
|
||||
var locales = {
|
||||
en: {
|
||||
button_add: "add",
|
||||
button_cancel: "cancel",
|
||||
button_continue: "continue",
|
||||
button_delete: "delete",
|
||||
button_login: "login",
|
||||
heading_error: "ERROR!",
|
||||
label_password: "Password:",
|
||||
label_username: "Username:",
|
||||
label_selectbrowser: "Select browser:",
|
||||
link_install: "Install!",
|
||||
link_logout: "Logout",
|
||||
link_plugin: "Browser plugin",
|
||||
span_credentialsavailable: "Login credentials available upon request!",
|
||||
span_loggedinas: "Logged in as",
|
||||
span_plugin: "Browser plugin?"
|
||||
},
|
||||
nl: {
|
||||
button_add: "voeg toe",
|
||||
button_cancel: "annuleer",
|
||||
button_continue: "doorgaan",
|
||||
button_delete: "verwijder",
|
||||
button_login: "log in",
|
||||
heading_error: "FOUT!",
|
||||
label_password: "Wachtwoord:",
|
||||
label_username: "Gebruikersnaam:",
|
||||
label_selectbrowser: "Selecteer browser:",
|
||||
link_install: "Installeer!",
|
||||
link_logout: "Log uit",
|
||||
link_plugin: "Browser plugin",
|
||||
span_credentialsavailable: "Inloggegevens verkrijgbaar op aanvraag!",
|
||||
span_loggedinas: "Ingelogd als",
|
||||
span_plugin: "Browser plugin?"
|
||||
} // ... etc.
|
||||
};
|
||||
|
||||
$(document).ready(function(){
|
||||
$('[id^=linklanguage-]').click(function() {
|
||||
var selectedlang = $(this).attr('id').split('-')[1];
|
||||
// Replace text of each element with translated value
|
||||
$('[data-translation]').each(function(index) {
|
||||
$(this).text(locales[selectedlang][$(this).data('translation')]);
|
||||
});
|
||||
// Enable/disable (toggle) anchors
|
||||
$('span#user a.current').removeClass('current');
|
||||
$(this).addClass('current');
|
||||
|
||||
// Store current languagesetting in persistent localstorage
|
||||
localStorage.setItem('language', selectedlang);
|
||||
});
|
||||
|
||||
if (localStorage.getItem('language') !== null) {
|
||||
$('[data-translation]').each(function(index) {
|
||||
$(this).text(locales[localStorage.getItem('language')][$(this).data('translation')]);
|
||||
});
|
||||
$('span#user a.current').removeClass('current');
|
||||
$('#linklanguage-' + localStorage.getItem('language')).addClass('current');
|
||||
}
|
||||
});
|
||||
139
public/misc/style.button.css
Normal file
139
public/misc/style.button.css
Normal file
@ -0,0 +1,139 @@
|
||||
@charset "UTF-8";
|
||||
/*!
|
||||
*
|
||||
* bttn.css - https://ganapativs.github.io/bttn.css
|
||||
* Version - 0.2.4
|
||||
* Demo: https://bttn.surge.sh
|
||||
*
|
||||
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||||
*
|
||||
* Copyright (c) 2016 Ganapati V S (@ganapativs)
|
||||
*
|
||||
*/
|
||||
/* standalone - .bttn-simple */
|
||||
.bttn-default {
|
||||
color: #fff;
|
||||
}
|
||||
.bttn-primary,
|
||||
.bttn,
|
||||
.bttn-lg,
|
||||
.bttn-md,
|
||||
.bttn-sm,
|
||||
.bttn-xs {
|
||||
color: #1d89ff;
|
||||
}
|
||||
.bttn-warning {
|
||||
color: #feab3a;
|
||||
}
|
||||
.bttn-danger {
|
||||
color: #ff5964;
|
||||
}
|
||||
.bttn-success {
|
||||
color: #28b78d;
|
||||
}
|
||||
.bttn-royal {
|
||||
color: #bd2df5;
|
||||
}
|
||||
.bttn,
|
||||
.bttn-lg,
|
||||
.bttn-md,
|
||||
.bttn-sm,
|
||||
.bttn-xs {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
.bttn-lg {
|
||||
padding: 8px 15px;
|
||||
font-size: 24px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-md {
|
||||
font-size: 20px;
|
||||
font-family: inherit;
|
||||
padding: 5px 12px;
|
||||
}
|
||||
.bttn-sm {
|
||||
padding: 4px 10px;
|
||||
font-size: 16px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-xs {
|
||||
padding: 3px 8px;
|
||||
font-size: 12px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-simple {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
border-color: transparent;
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-family: inherit;
|
||||
padding: 5px 12px;
|
||||
overflow: hidden;
|
||||
background: rgba(255,255,255,0.4);
|
||||
color: #fff;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
|
||||
transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
|
||||
}
|
||||
.bttn-simple:hover,
|
||||
.bttn-simple:focus {
|
||||
opacity: 0.75;
|
||||
}
|
||||
.bttn-simple.bttn-xs {
|
||||
padding: 3px 8px;
|
||||
font-size: 12px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-simple.bttn-sm {
|
||||
padding: 4px 10px;
|
||||
font-size: 16px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-simple.bttn-md {
|
||||
font-size: 20px;
|
||||
font-family: inherit;
|
||||
padding: 5px 12px;
|
||||
}
|
||||
.bttn-simple.bttn-lg {
|
||||
padding: 8px 15px;
|
||||
font-size: 24px;
|
||||
font-family: inherit;
|
||||
}
|
||||
.bttn-simple.bttn-default {
|
||||
background: rgba(255,255,255,0.4);
|
||||
}
|
||||
.bttn-simple.bttn-primary {
|
||||
background: #550055;
|
||||
background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 51%);
|
||||
}
|
||||
.bttn-simple.bttn-warning {
|
||||
background: #feab3a;
|
||||
}
|
||||
.bttn-simple.bttn-danger {
|
||||
background: #ff5964;
|
||||
}
|
||||
.bttn-simple.bttn-success {
|
||||
background: #28b78d;
|
||||
}
|
||||
.bttn-simple.bttn-royal {
|
||||
background: #bd2df5;
|
||||
}
|
||||
.bttn-simple.disabled {
|
||||
background: #999 !important;
|
||||
color: rgba(255,255,255,0.625);
|
||||
cursor: default;
|
||||
text-shadow: 0.375px 0.375px 0 rgba(140,140,140,0.6), -0.375px -0.375px 0.375px rgba(0,0,0,0.67);
|
||||
opacity: 1;
|
||||
}
|
||||
235
public/misc/style.css
Normal file
235
public/misc/style.css
Normal file
@ -0,0 +1,235 @@
|
||||
* {
|
||||
font-family: Tahoma, sans-serif;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
color: #000000;
|
||||
background-color: #333333;
|
||||
margin: 0px;
|
||||
}
|
||||
#horizon {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
overflow: visible;
|
||||
visibility: visible;
|
||||
display: block;
|
||||
}
|
||||
#content,
|
||||
#error {
|
||||
background: url(/images/bg_main_bottom.gif) repeat-x bottom left;
|
||||
font-family: Tahoma, sans-serif;
|
||||
border: 3px solid #CCCCCC;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
visibility: visible;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#error .main {
|
||||
padding: 0 10px;
|
||||
}
|
||||
#error ol {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#error span {
|
||||
margin: 0;
|
||||
}
|
||||
#error button {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.logo {
|
||||
background: url(/images/bg_header.gif) repeat-x top left;
|
||||
height: 45px;
|
||||
z-index: 50;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
.logo .left {
|
||||
background: url(/images/bg_header_l.gif) no-repeat top left;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
left: 5px;
|
||||
height: 49px;
|
||||
float: left;
|
||||
z-index: 48;
|
||||
}
|
||||
.logo .middle {
|
||||
background: url(/images/bg_header_m.gif) no-repeat 25px 0;
|
||||
margin: 0 5px;
|
||||
padding: 5px 10px 0;
|
||||
height: 49px;
|
||||
float: left;
|
||||
z-index: 49;
|
||||
display: inline;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.logo .right {
|
||||
background: url(/images/bg_header_r.gif) no-repeat top left;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
height: 49px;
|
||||
width: 5px;
|
||||
float: left;
|
||||
}
|
||||
.logo .sub {
|
||||
margin-top: 12px;
|
||||
margin-left: 20px;
|
||||
float: left;
|
||||
display: inline;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.logo .sub em {
|
||||
font-size: 13px;
|
||||
}
|
||||
.main {
|
||||
clear: both;
|
||||
}
|
||||
.main fieldset {
|
||||
border: 0;
|
||||
}
|
||||
.main fieldset legend {
|
||||
visibility: hidden;
|
||||
}
|
||||
.main fieldset label.pre {
|
||||
display: inline-block;
|
||||
width: 155px;
|
||||
text-align: right;
|
||||
vertical-align: top;
|
||||
margin-top: 3px;
|
||||
}
|
||||
.main fieldset label#labelallaliases {
|
||||
float: left;
|
||||
}
|
||||
.main fieldset output#aliasstats {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 160px;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
}
|
||||
.main fieldset output#aliasstats:after {
|
||||
margin-left: 7px;
|
||||
content: ' ';
|
||||
}
|
||||
.main fieldset input {
|
||||
border: 1px solid #550055;
|
||||
padding: 2px;
|
||||
width: 100px;
|
||||
}
|
||||
.main fieldset input[type=radio] {
|
||||
border: none;
|
||||
margin-top: 7px;
|
||||
width: 20px;
|
||||
}
|
||||
.main fieldset button {
|
||||
margin-left: 160px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.main fieldset select {
|
||||
border: 1px solid #550055;
|
||||
padding: 2px;
|
||||
width: 375px;
|
||||
}
|
||||
.main fieldset select .new {
|
||||
font-weight: bold;
|
||||
}
|
||||
.main fieldset select .deleted {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.main fieldset#signup label.pre {
|
||||
width: 205px;
|
||||
}
|
||||
.main fieldset#signup span.indent, .main fieldset#signup input.button {
|
||||
margin-left: 210px;
|
||||
}
|
||||
.main li {
|
||||
list-style: none;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
.main li.misc {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.main span,
|
||||
.main strong,
|
||||
.main a {
|
||||
font-size: 12px;
|
||||
}
|
||||
.main span.indent {
|
||||
color: #666666;
|
||||
margin-left: 160px;
|
||||
}
|
||||
.main span.dialogdesc {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.main a:link, .main a:visited {
|
||||
color: #550055;
|
||||
text-decoration: none;
|
||||
}
|
||||
.main a:hover, .main a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.main span#user {
|
||||
color: #666666;
|
||||
float: right;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
.main span#user,
|
||||
.main span#user a {
|
||||
font-size: 12px;
|
||||
}
|
||||
.main span#user a:link, .main span#user a:visited {
|
||||
color: #CC1111;
|
||||
text-decoration: none;
|
||||
}
|
||||
.main span#user a:hover, .main span#user a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.main span#user a.current {
|
||||
text-decoration: none;
|
||||
font-weight: 900;
|
||||
cursor: default;
|
||||
color: #666666;
|
||||
}
|
||||
.main span#user a.current:before {
|
||||
content: '\00bb';
|
||||
font-weight: 100;
|
||||
}
|
||||
.main span#user a.current:after {
|
||||
content: '\00ab';
|
||||
font-weight: 100;
|
||||
}
|
||||
.main span#user nav {
|
||||
display: inline;
|
||||
}
|
||||
.main span#user #pluginlogos {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 72px;
|
||||
right: 10px;
|
||||
height: 112px;
|
||||
width: 250px;
|
||||
border: 1px solid rgb(181, 0, 0);
|
||||
box-shadow: black 0px 0px 20px;
|
||||
box-sizing: border-box;
|
||||
padding-top: 5px;
|
||||
background: white;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
.main span#user #pluginlogos img {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
filter: saturate(500%) contrast(200%) grayscale(100%) opacity(50%);
|
||||
transition: all 375ms;
|
||||
cursor: pointer;
|
||||
}
|
||||
39
public/misc/style.theme.css
Normal file
39
public/misc/style.theme.css
Normal file
@ -0,0 +1,39 @@
|
||||
html.tablecloth {
|
||||
height: 100%;
|
||||
background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(136, 136, 136, 0.4) 0, rgba(136, 136, 136, 0.1) 2em, transparent 0, transparent 1em, rgba(136, 136, 136, 0.3) 0, rgba(136, 136, 136, 0.2) 4em, transparent 0, transparent 1em, rgba(68, 68, 68, 0.6) 0, rgba(68, 68, 68, 0.2) 2em),
|
||||
repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(136, 136, 136, 0.4) 0, rgba(136, 136, 136, 0.1) 2em, transparent 0, transparent 1em, rgba(136, 136, 136, 0.3) 0, rgba(136, 136, 136, 0.2) 4em, transparent 0, transparent 1em, rgba(68, 68, 68, 0.4) 0, rgba(68, 68, 68, 0.1) 2em), #666;
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
html.weave {
|
||||
background: linear-gradient(45deg, #666 12%, transparent 0, transparent 88%, #666 0),
|
||||
linear-gradient(135deg, transparent 37%, #888 0, #888 63%, transparent 0),
|
||||
linear-gradient(45deg, transparent 37%, #666 0, #666 63%, transparent 0),
|
||||
#444;
|
||||
background-size: 40px 40px;
|
||||
}
|
||||
|
||||
html.madras {
|
||||
height: 100%;
|
||||
background-color: #e9d4b9;
|
||||
background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(11, 36, 45, 0.5) 5px, rgba(11, 36, 45, 0.5) 10px, rgba(211, 119, 111, 0) 10px, rgba(211, 119, 111, 0) 35px, rgba(211, 119, 111, 0.5) 35px, rgba(211, 119, 111, 0.5) 40px, rgba(11, 36, 45, 0.5) 40px, rgba(11, 36, 45, 0.5) 50px, rgba(11, 36, 45, 0) 50px, rgba(11, 36, 45, 0) 60px, rgba(211, 119, 111, 0.5) 60px, rgba(211, 119, 111, 0.5) 70px, rgba(247, 179, 85, 0.5) 70px, rgba(247, 179, 85, 0.5) 80px, rgba(247, 179, 85, 0) 80px, rgba(247, 179, 85, 0) 90px, rgba(211, 119, 111, 0.5) 90px, rgba(211, 119, 111, 0.5) 110px, rgba(211, 119, 111, 0) 110px, rgba(211, 119, 111, 0) 120px, rgba(11, 36, 45, 0.5) 120px, rgba(11, 36, 45, 0.5) 140px),
|
||||
repeating-linear-gradient(135deg, transparent 5px, rgba(11, 36, 45, 0.5) 5px, rgba(11, 36, 45, 0.5) 10px, rgba(211, 119, 111, 0) 10px, rgba(211, 119, 111, 0) 35px, rgba(211, 119, 111, 0.5) 35px, rgba(211, 119, 111, 0.5) 40px, rgba(11, 36, 45, 0.5) 40px, rgba(11, 36, 45, 0.5) 50px, rgba(11, 36, 45, 0) 50px, rgba(11, 36, 45, 0) 60px, rgba(211, 119, 111, 0.5) 60px, rgba(211, 119, 111, 0.5) 70px, rgba(247, 179, 85, 0.5) 70px, rgba(247, 179, 85, 0.5) 80px, rgba(247, 179, 85, 0) 80px, rgba(247, 179, 85, 0) 90px, rgba(211, 119, 111, 0.5) 90px, rgba(211, 119, 111, 0.5) 110px, rgba(211, 119, 111, 0) 110px, rgba(211, 119, 111, 0) 140px, rgba(11, 36, 45, 0.5) 140px, rgba(11, 36, 45, 0.5) 160px);
|
||||
}
|
||||
|
||||
html.tartan {
|
||||
height: 100%;
|
||||
background-color: #a0302c;
|
||||
background-image: repeating-linear-gradient(20deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px),
|
||||
repeating-linear-gradient(290deg, transparent, transparent 50px, rgba(0, 0, 0, 0.4) 50px, rgba(0, 0, 0, 0.4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, 0.4) 63px, rgba(0, 0, 0, 0.4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, 0.5) 116px, rgba(0, 0, 0, 0.5) 166px, rgba(255, 255, 255, 0.2) 166px, rgba(255, 255, 255, 0.2) 169px, rgba(0, 0, 0, 0.5) 169px, rgba(0, 0, 0, 0.5) 179px, rgba(255, 255, 255, 0.2) 179px, rgba(255, 255, 255, 0.2) 182px, rgba(0, 0, 0, 0.5) 182px, rgba(0, 0, 0, 0.5) 232px, transparent 232px),
|
||||
repeating-linear-gradient(145deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.2) 5px);
|
||||
}
|
||||
|
||||
html.seigaiha {
|
||||
background-color: grey;
|
||||
background-image: radial-gradient(circle at 100% 150%, grey 24%, silver 25%, silver 28%, grey 29%, grey 36%, silver 36%, silver 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0)),
|
||||
radial-gradient(circle at 0 150%, grey 24%, silver 25%, silver 28%, grey 29%, grey 36%, silver 36%, silver 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0)),
|
||||
radial-gradient(circle at 50% 100%, silver 10%, grey 11%, grey 23%, silver 24%, silver 30%, grey 31%, grey 43%, silver 44%, silver 50%, grey 51%, grey 63%, silver 64%, silver 71%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0)),
|
||||
radial-gradient(circle at 100% 50%, silver 5%, grey 6%, grey 15%, silver 16%, silver 20%, grey 21%, grey 30%, silver 31%, silver 35%, grey 36%, grey 45%, silver 46%, silver 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
|
||||
radial-gradient(circle at 0 50%, silver 5%, grey 6%, grey 15%, silver 16%, silver 20%, grey 21%, grey 30%, silver 31%, silver 35%, grey 36%, grey 45%, silver 46%, silver 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
|
||||
background-size: 100px 50px;
|
||||
}
|
||||
Reference in New Issue
Block a user