Lephe
b533f8a161
The menu works with HTML/CSS only, and JS support will also allow closing it by clicking outside of it (instead of closing allow when clicking on the menu icon again).
140 lines
2.5 KiB
CSS
140 lines
2.5 KiB
CSS
/* Theme metadata
|
|
@NAME: Tituya's V43 theme
|
|
@AUTHOR: Tituya
|
|
*/
|
|
|
|
:root {
|
|
--background: #fff;
|
|
--text: #030303;
|
|
--text-light: #b62727;
|
|
|
|
--links: #c02020;
|
|
|
|
--ok: #b62727;
|
|
--ok-text: #ffffff;
|
|
--ok-active: #950c0c;
|
|
|
|
--warn: #ffa01a;
|
|
--warn-text: #000;
|
|
--warn-active: #ff9600;
|
|
|
|
--error: #d23a2f;
|
|
--error-text: #ffffff;
|
|
--error-active: #b32a20;
|
|
|
|
--info: #2e7aec;
|
|
--info-text: #ffffff;
|
|
--info-active: #215ab0;
|
|
|
|
--hr-border: 1px solid #aaa2a2;
|
|
}
|
|
|
|
.form {
|
|
--background: #fff;
|
|
--text: #000;
|
|
--border: 1px solid #aaa2a2;
|
|
--border-focused: #577799;
|
|
--shadow-focused: rgba(87, 143, 228, 0.5);
|
|
}
|
|
|
|
.editor button {
|
|
--background: #ffffff;
|
|
--text: #000000;
|
|
--border: 1px solid rgba(0, 0, 0, 0);
|
|
--border-focused: 1px solid rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
#light-menu {
|
|
--background: linear-gradient(90deg, rgba(192,26,26,1) 0%, rgb(119, 16, 16) 150%);
|
|
--text: #ffffff;
|
|
--icons: #ffffff;
|
|
--shadow: 0 0 10px #a49594;
|
|
|
|
--logo-bg: transparent;
|
|
--logo-shadow: 0 0 2px rgba(0, 0, 0, .7);
|
|
--logo-active: linear-gradient(90deg, rgb(165, 22, 22) 0%, rgb(117, 13, 13) 95%);
|
|
}
|
|
|
|
#menu {
|
|
--background: #fff;
|
|
--text: #030303;
|
|
--shadow: 0 0 8px rgb(0, 0, 0);
|
|
|
|
--input-bg: #fff;
|
|
--input-text: #000;
|
|
--input-border: 1px solid #aaa2a2;
|
|
}
|
|
|
|
#menu.opened svg > path {
|
|
fill: #be1818;
|
|
}
|
|
|
|
header {
|
|
--background: #fff;
|
|
--border: 1px solid #be1818;
|
|
}
|
|
|
|
footer {
|
|
--background: #fff;
|
|
--text: #a0a0a0;
|
|
}
|
|
|
|
.flash {
|
|
--background: #ffffff;
|
|
--text: #000;
|
|
--shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
|
|
|
|
/* Uncomment to inherit :root values
|
|
--ok: #149641;
|
|
--warn: #f59f25;
|
|
--error: #d23a2f;
|
|
--info: #2e7aec; */
|
|
|
|
--btn-bg: rgba(0, 0, 0, 0);
|
|
--btn-text: #000000;
|
|
--btn-bg-active: rgba(0, 0, 0, .15);
|
|
}
|
|
|
|
.profile-xp {
|
|
--background: #fff;
|
|
--border: 1px solid #be1818;
|
|
--background-xp: #be1818;
|
|
--border-xp: 1px solid #be1818;
|
|
}
|
|
|
|
.context-menu {
|
|
--background: #ffffff;
|
|
--shadow: 0 0 12px -9px #000000;
|
|
--border: #d0d0d0;
|
|
--background-light: #f0f0f0;
|
|
}
|
|
|
|
div.pagination {
|
|
font-size: 14px;
|
|
margin: 13px;
|
|
}
|
|
|
|
table {
|
|
--border: #000;
|
|
}
|
|
table tr:nth-child(even) {
|
|
--background: #fff;
|
|
}
|
|
|
|
table tr:nth-child(odd) {
|
|
--background: #ecb0b0;
|
|
}
|
|
|
|
table.codehilitetable tr {
|
|
--background: #f0f0f0;
|
|
}
|
|
|
|
div.editor-toolbar {
|
|
--border: #aaa2a2;
|
|
--background-light: #c0c0c0;
|
|
--background-preview: #fff;
|
|
--separator: #aaa2a2;
|
|
--text-disabled: #c0c0c0;
|
|
--text: #515151;
|
|
}
|