+
+
+
+
+ Hello! Welcome to Discord Bot Maker!
+
+
+
+
+ No Project Open
+ Create New Bot Project
+
+
+ Open Existing Bot Project
+
+
+
+
+
+
+
+
+ Save
+
+
+ Don't Save
+
+
+ Cancel
+
+
+
+
+
+
+
+
+ Amount of Time:
+
+
Time Measurement:
+
+
+ No Restriction
+ Seconds
+ Minutes
+ Hours
+ Days
+
+
+
+
+
+
+
+
+
+
+
+ Node Module
+ Version
+ Installed
+ Delete
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/2020/js/configReaderWriter.js b/2020/js/configReaderWriter.js
new file mode 100644
index 0000000..0b4d44b
--- /dev/null
+++ b/2020/js/configReaderWriter.js
@@ -0,0 +1,34 @@
+const configFile = "./config_theme.json",
+ CheckBoxElement = document.getElementById('showCircle'),
+ PlaySoundElement = document.getElementById('playSound'),
+ BgOverlayInputElement = document.getElementById('bgOverlayColor'),
+ BgOverlayElement = document.getElementsByClassName("bg_overlay")[0],
+ LiveCircle = document.getElementsByClassName("bg_isActive")[0];
+window.addEventListener("load", function() {
+ const fs = require("fs");
+ if(fs.existsSync(configFile)) {
+ fs.readFile(configFile, function read(err, data) {
+ if (err) throw err;
+ var config = JSON.parse(data);
+ BgOverlayInputElement.value = BgOverlayElement.style.background = config.bg_overlay;
+ CheckBoxElement.checked = config.showCircle;
+ PlaySoundElement.checked = config.playSound;
+ if(config.showCircle) LiveCircle.style.display = "none";
+ else if (!config.showCircle) LiveCircle.style.display = "";
+ });
+ } else {
+ BgOverlayInputElement.value = "rgba(0,0,0,0.4)";
+ BgOverlayElement.style.background = BgOverlayInputElement.value;
+ CheckBoxElement.checked = false;
+ PlaySoundElement.checked = false;
+ if(CheckBoxElement.checked) LiveCircle.style.display = "none";
+ else if (!CheckBoxElement.checked) LiveCircle.style.display = "";
+ }
+});
+function setThemeConfig() {
+ const fs = require("fs");
+ BgOverlayElement.style.background = BgOverlayInputElement.value;
+ if(CheckBoxElement.checked) LiveCircle.style.display = "none";
+ else if (!CheckBoxElement.checked) LiveCircle.style.display = "";
+ fs.writeFile(configFile,JSON.stringify({"showCircle": CheckBoxElement.checked,"bg_overlay": BgOverlayInputElement.value, "playSound": PlaySoundElement.checked}), (err) => { if(err) throw err; });
+}
\ No newline at end of file
diff --git a/2020/js/playSounds.js b/2020/js/playSounds.js
new file mode 100644
index 0000000..2ccece6
--- /dev/null
+++ b/2020/js/playSounds.js
@@ -0,0 +1,28 @@
+window.addEventListener("load",()=> {
+ const configFile = "./config_theme.json";
+ var prevbodyclasslist = document.body.className,
+ dont;
+ var fileStream = require('fs');
+ window.setInterval(() => {
+ fileStream.readFile(configFile, function read(err, data) {
+ if (err) throw err;
+ var config = JSON.parse(data);
+ if(config.playSound) {
+ /*When Bot is Running*/
+ var now = document.body.className;
+ if(prevbodyclasslist != now) {
+ prevbodyclasslist = document.body.className;
+ if(now.includes("running")) {
+ if(!dont) {
+ dont=true;
+ $("#bot_onrun")[0].play();
+ }
+
+ } else dont=false;
+ }
+
+ }
+ });
+ },100);
+
+});
\ No newline at end of file
diff --git a/2020/js/ripple.js b/2020/js/ripple.js
new file mode 100644
index 0000000..11b85af
--- /dev/null
+++ b/2020/js/ripple.js
@@ -0,0 +1,12 @@
+$("html").on("click", "button", function(evt) {
+ var btn = $(evt.currentTarget);
+ var x = evt.pageX - btn.offset().left;
+ var y = evt.pageY - btn.offset().top;
+ var currentRipple = $("
");
+
+ currentRipple.appendTo(btn).css({
+ left: x,
+ top: y
+ });
+ setTimeout(()=> {currentRipple.remove()},1000);
+});
\ No newline at end of file
diff --git a/2020/load.css b/2020/load.css
new file mode 100644
index 0000000..498c660
--- /dev/null
+++ b/2020/load.css
@@ -0,0 +1,42 @@
+body {
+ background-color: #36393e;
+ color: #ccc;
+ font-size: 13px;
+}
+
+img {
+ position: absolute;
+}
+
+@keyframes rotation {
+ from {}
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes scaling {
+ 0% {
+ transform: scale(1, 1);
+ }
+ 50% {
+ transform: scale(1.05, 1.05);
+ }
+ 100% {
+ transform: scale(1, 1);
+ }
+}
+
+#backImage {
+ animation-name: rotation;
+ animation-duration: 5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
+
+#frontImage {
+ animation-name: scaling;
+ animation-duration: 1s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
\ No newline at end of file
diff --git a/2020/main.css b/2020/main.css
new file mode 100644
index 0000000..d5db650
--- /dev/null
+++ b/2020/main.css
@@ -0,0 +1,674 @@
+p#settings-description {
+ color: #222;
+}
+* {
+ outline: 0;
+}
+.ui.multiple.dropdown > .label {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: inline-block;
+ vertical-align: top;
+ white-space: normal;
+ font-size: 1em;
+ padding: 0.35714286em 0.78571429em;
+ margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+body {
+ color: #ccc;
+ background-color: var(--bg);
+ background-image: var(--bg-img);
+ overflow: hidden;
+ /*transition: .5s ease-in-out;*/
+ animation-name: bg_animation;
+ animation-duration: 60s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
+@keyframes bg_animation {
+ 0% {
+ background-position: 0 0;
+ }
+
+ 100% {
+ background-position: 1920px 1080px;
+ }
+
+}
+body.running {
+ background-color: var(--main-blue-active) !important;
+}
+
+a:link {
+ color: #99b3ff;
+ position: relative;
+}
+a::before {
+ content: '';
+ position: absolute;
+ width: 0;
+ height:2px;
+ bottom: -1px;
+ left: 0;
+ background: var(--links);
+ transition: width 250ms ease-out;
+}
+a:hover::before {width: 100%;}
+
+div.action-holder {
+ width: 240px;
+ float: left;
+ max-width: 240px;
+ padding-top: 22px;
+}
+
+div.event-action-holder {
+ width: 240px;
+ float: left;
+ max-width: 240px;
+ padding-top: 22px;
+}
+
+select#commands {
+ overflow: hidden;
+ height: 120px;
+}
+
+select#actions {
+ overflow: hidden;
+ position: static;
+}
+
+div.footer {
+ position: static;
+ float: right;
+ width: 100%;
+ height: 100%;
+ right: 0px;
+ bottom: 100px;
+ left: 220px;
+ /*top: 400px;*/
+ text-align: left;
+}
+
+div.infooter {
+ padding-top: 49px;
+}
+
+div.einfooter {
+ padding-top: 77px;
+}
+
+div.actionButtonDiv {
+ width: 90%;
+ padding: 10px 10px 10px 0px;
+ text-align: left;
+}
+
+button.actionButtons {
+ width: 120px;
+ padding-right: 20px;
+ padding-left: 20px;
+ float: right;
+}
+
+div.tabs {
+ overflow: hidden;
+ border: 1px solid #ccc;
+ background-color: #f1f1f1;
+}
+
+div.tabs button {
+ width: 33%;
+ background-color: inherit;
+ float: left;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 12px 20px;
+ transition: 0.2s;
+}
+
+div.tabs button:hover {
+ background-color: #ddd;
+}
+
+div.tabs button.active {
+ background-color: #ccc;
+}
+
+div.myactions, div.emyactions {
+ overflow-y: auto;
+ overflow-x: hidden;
+ border: none;
+ background-color: var(--main-grey);
+ border-radius: 9px 5px 5px 9px;
+ box-shadow: 0 4px 0 rgba(118, 122, 129, 0.15);
+ transition: all 0.2s ease-in-out;
+}
+
+div.myactions button, div.emyactions button {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 20px;
+ text-align: left;
+ color: #e3e5e8;
+ background-color: transparent;
+ float: left;
+ border: 0;
+ border-left:0 solid;
+ outline: none;
+ cursor: pointer;
+ transition: all 0.2s ease-in-out !important;
+ z-index: 0;
+}
+
+div.myactions button::after, div.emyactions button::after {
+ content: '';
+ position: absolute;
+ width: 0%;
+ height: 100%;
+ background-color: var(--main-blue);
+ top:0;
+ right: 0;
+ z-index: -1;
+ transition: all 350ms ease-out;
+}
+
+div.myactions button.active::after, div.emyactions button.active::after {
+ width: 100%;
+}
+div.myactions button.active:last-child, div.emyactions button.active:last-child {
+ box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
+}
+
+div.myactions button:hover, div.emyactions button:hover {
+ background-color: var(--main-grey-hover);
+ border-left: 5px solid rgba(255, 255, 255, 0.103);
+}
+
+.page {
+ display: none;
+}
+
+input {
+ color: #e3e5e8;
+ background-color: var(--main-grey);
+ padding-bottom: 2px;
+}
+
+textarea {
+ color: #e3e5e8;
+ background-color: var(--main-grey);
+ border: 0px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ padding-left: 8px;
+}
+
+textarea:focus {
+ outline-width: 0;
+}
+
+textarea::selection {
+ background: #b8dbff;
+}
+
+select {
+ color: #e3e5e8;
+ background-color: var(--main-grey);
+ transition: all 0.2s ease-in-out;
+ cursor: pointer;
+}
+
+button#a_tab_com, button#a_tab_eve, button#a_tab_sets, button#a_tab_them {
+ position: relative;
+ background-color: var(--main-blue);
+}
+button#a_tab_com::before,
+button#a_tab_eve::before,
+button#a_tab_sets::before,
+button#a_tab_them::before {
+ content:'';
+ position: absolute;
+ width:0;
+ height:4px;
+ border-radius:0 0 4px 4px;
+ background:white;
+ transition: all 250ms ease-out;
+ margin-left: auto;
+ margin-right: auto;
+ left: 0;
+ right: 0;
+ top:0;
+}
+
+button#a_tab_com.active, button#a_tab_com.active:hover,
+button#a_tab_eve.active, button#a_tab_eve.active:hover,
+button#a_tab_sets.active, button#a_tab_sets.active:hover,
+button#a_tab_them.active, button#a_tab_them.active:hover {
+ background-color: var(--main-blue-active);
+}
+button#a_tab_com.active::before,
+button#a_tab_eve.active::before,
+button#a_tab_sets.active::before,
+button#a_tab_them.active::before {
+ width:50%;
+}
+
+button#a_tab_com:hover,
+button#a_tab_eve:hover,
+button#a_tab_sets:hover,
+button#a_tab_them:hover {
+ background-color: var(--main-blue-hover);
+}
+
+input::selection {
+ background: #b8dbff;
+}
+
+input:focus {
+ outline-width: 0;
+}
+
+input#name, input#alias-input, input#ename, input#etemp, input#etemp2 {
+ border: 0px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px;
+}
+
+input.settings {
+ font-family: monospace;
+ width: 100%;
+ border: 0px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px;
+}
+
+input.round {
+ width: 100%;
+ border: 0px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px;
+}
+
+select.round {
+ width: 100%;
+ border: 0px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px;
+ outline:0;
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ background-color: #36393e;
+}
+
+::-webkit-scrollbar-track {
+ background-color: #36393e;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #e0e1e2;
+ border-radius: 5px;
+}
+
+#aliases, #moduleManager {
+ height: 380px;
+ border-radius: 10px;
+ background-color: #36393e;
+ border: 2px solid black;
+}
+
+.modalChild {
+ height: 240px;
+ margin-left: 70px;
+ margin-top: 15px;
+ overflow-y: scroll;
+}
+
+/* EXTRA ~ EliteArtz*/
+/*Button Ripple Effect*/
+button {
+ position: relative;
+ overflow: hidden;
+}
+
+button ripple {
+ position: absolute;
+ border-radius: 50%;
+ background-color: rgba(0, 0, 0, 0.3);
+
+ width: 100px;
+ height: 100px;
+ margin-top: -50px;
+ margin-left: -50px;
+
+ animation: ripple 1s;
+ opacity: 0;
+}
+
+@keyframes ripple {
+ from {
+ opacity: 1;
+ transform: scale(0);
+ }
+ to {
+ opacity: 0;
+ transform: scale(10);
+ }
+}
+
+/* Select */
+select {
+ transition: all 0.3s ease-in-out;
+ background-color: var(--main-grey);
+}
+select:hover {
+ background-color: var(--main-darkgrey);
+}
+select:focus {
+ border-left: 3px solid var(--main-blue-hover) !important;
+}
+/*Tabs Buttons*/
+.ui.buttons .button:first-child {
+ border-top-left-radius: 100vw !important;
+ border-bottom-left-radius: 100vw !important;
+}
+.ui.buttons .button:last-child {
+ border-top-right-radius: 100vw !important;
+ border-bottom-right-radius: 100vw !important;
+}
+.ui.buttons:not(.basic):not(.inverted) {
+ border-radius: 100vw;
+ box-shadow: 0 7px 25px rgba(0, 0, 0, 0.6);
+}
+/*Commands/Events/Actions list*/
+div.myactions button:first-child, div.emyactions button:first-child {
+ border-top-left-radius: 8px;
+}
+div.myactions button:last-child, div.emyactions button:last-child {
+ border-bottom-left-radius: 8px;
+}
+
+/* DROPDOWNS */
+.ui.selection.dropdown {
+ border: 0;
+ border-left:0 solid transparent !important;
+ background-color: var(--main-grey);
+ transition: all 0.3s ease-in-out;
+}
+.ui.selection.active.dropdown {
+ box-shadow: none;
+ border-left: 4px solid var(--main-blue-hover) !important;
+ transition: all 0.3s ease-in-out;
+ border-radius: 3px 3px 0 3px !important;
+}
+.ui.selection.active.dropdown:hover {
+ box-shadow: none;
+}
+.ui.selection.dropdown .menu {
+ border:none;
+ box-shadow: none !important;
+ border-radius: 0 0 6px 6px;
+}
+.ui.selection.dropdown .menu > .item {
+ border-top:none;
+}
+.ui.selection.dropdown .menu > .item:hover {
+ background:rgba(0, 0, 0, .5);
+}
+/* Settings */
+.ui.segment {
+ background:var(--main-grey-hover);
+}
+p#settings-description {
+ color: white;
+}
+.ui.header {
+ color: white;
+}
+.ui.piled.segments:after, .ui.piled.segments:before, .ui.piled.segment:after, .ui.piled.segment:before {
+ background:var(--main-grey-hover);
+}
+/* White Buttons */
+.ui.button {
+ color:white;
+ background: var(--main-grey);
+}
+.ui.button:hover {
+ color:white;
+ background: var(--main-grey-hover);
+}
+.ui.button:focus {
+ color:white;
+ background: var(--main-grey);
+}
+/*Spans above boxes*/
+span#com_actions {
+ background: var(--main-blue-active);
+ padding: 3px 9px;
+ border-radius: 2vw;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ position: relative;
+ top:0;
+}
+span#com_actions:hover {
+ background: var(--main-grey);
+ top: 6px !important;
+ border-radius: 0.7vw 0.7vw 0 0;
+}
+span#com_actions:hover + div#actions {
+ border-radius: 0 0 0 10px !important;
+}
+span#eve_actions {
+ position: relative;
+ background: var(--main-blue-active);
+ padding: 3px 9px;
+ border-radius: 2vw;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ top:0;
+}
+span#eve_actions:hover {
+ background: var(--main-grey);
+ top: 6px !important;
+ border-radius: 0.7vw 0.7vw 0 0;
+}
+span#eve_actions:hover + div#event-actions {
+ border-radius: 0 0 0 10px !important;
+}
+span.helperbox {
+ background: var(--main-grey);
+ margin: 5px;
+ padding: 1px 5px;
+ border-radius: 5px 5px 0 0;
+}
+
+/* Input */
+input {
+ transition: all 0.16s ease-in-out;
+ border-bottom: 0 solid var(--main-blue) !important;
+}
+input:focus {
+ border-bottom: 4px solid var(--main-blue) !important;
+}
+.input-field {
+position: relative;
+overflow: hidden;
+}
+.input-field input:focus{
+ border-bottom: 0 !important;
+}
+.input-field::after {
+ content: '';
+ position: absolute;
+ background: var(--main-blue-hover);
+ margin: 0 auto !important;
+ width:0;
+ margin:0 auto;
+ height:3px;
+ bottom:0;
+ left:0;
+ right:0;
+ transition: all 350ms ease-out;
+ border-radius: 0 0 4px 4px;
+}
+.input-field:focus-within::after {
+ width:100%;
+}
+
+/* Textarea */
+textarea {
+ transition: all 0.16s ease-in-out;
+ border-bottom: 0 solid var(--main-blue) !important;
+ position: relative;
+}
+textarea:focus {
+ border-bottom: 4px solid var(--main-blue) !important;
+}
+/* Modinfo extra */
+div#modinfo {
+ background-color: var(--main-darkgrey);
+ padding:9px;
+ border-radius: 4px;
+ border-left: 4px solid var(--main-blue-hover) !important;
+ border: 1px solid var(--main-grey);
+ overflow: hidden;
+}
+
+/* Wrexdiv :) */
+div#wrexdiv {
+ margin: 0 !important;
+ padding: 5px;
+ border:1px solid rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+
+/* HTML UPDATE */
+.welcomeproject {
+ background-color: rgba(255,255,255, 0.15);
+ border-radius: 5px;
+ position: relative;
+ padding: 55px 60px 35px 60px !important;
+ box-shadow: 0 5px 25px rgba(0,0,0,.35);
+ display: inline-block;
+}
+.welcomeproject:before {
+ content: '';
+ position: absolute;
+ width: 110%;
+ height:130%;
+ top: 50%;
+ left:50%;
+ transform: translate(-50%, -50%);
+ border: 5px dashed rgba(255,255,255, 0.15);
+ border-radius: 15px;
+ background: transparent;
+ z-index: -1;
+}
+.welcomeproject:after {
+ content: '';
+ position: absolute;
+ width: 115%;
+ height:150%;
+ top: 50%;
+ left:50%;
+ border-radius: 100vw;
+ transform: translate(-50%, -50%);
+ background: var(--bg);
+ z-index: -1;
+}
+.bg_overlay {
+ position: fixed;
+ width: 150%;
+ height:150%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%); /*center*/
+ z-index: -10;
+ background: rgba(0, 0, 0, 0.4);
+ background-size: contain;
+}
+.bg_isActive {
+ position: fixed;
+ width: 15px;
+ height:15px;
+ top: 21px;
+ left: 1%;
+ border-radius: 2vw;
+ background: #8b3737;
+ background-size: contain;
+ transition: 0.4s ease-in-out;
+}
+body:not(.running) > .bg_isActive:hover {
+ background: #5c2525;
+}
+body.running > .bg_isActive{
+ background: #14ad54;
+}
+body.running > .bg_isActive:hover {
+ background: #0d6b34;
+}
+
+.ui.toggle.checkbox input:focus:checked ~ .box:before,
+.ui.toggle.checkbox input:focus:checked ~ label:before {
+ background-color: var(--main-blue) !important;
+}
+.ui.toggle.checkbox input:checked ~ .box:before,
+.ui.toggle.checkbox input:checked ~ label:before {
+ background-color: var(--main-blue-hover) !important;
+}
+
+.cleanFieldset {
+ background-color: var(--main-grey);
+ padding: 15px;
+ margin-bottom: 20px;
+ border-radius: 6px;
+ border: none;
+}
+.cleanLegend {
+ border-radius: 5px;
+ background-color: var(--main-grey-hover);
+ padding: 5px 10px !important;
+ box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
+}
+.ui.modal>.header {
+ color: white;
+ background: var(--main-grey);
+}
+.ui.modal>.content {
+ color: white;
+ background: var(--main-grey);
+}
+.ui.modal>.actions {
+ background: var(--main-grey);
+}
+#id_tabs_main {
+ text-align: center;
+ padding: 10px;
+}
+#id_tabs {
+ width: 95%;
+}
\ No newline at end of file
diff --git a/2020/newproject-index.html b/2020/newproject-index.html
new file mode 100644
index 0000000..02086fa
--- /dev/null
+++ b/2020/newproject-index.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
Create New Bot
+
+
+
+
+
+
Project Name:
+
+
Location:
+
+
+
+ Browse
+
+
+
+ Project Template:
+ Blank Project
+
+
+
+ Create Bot!
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/2020/raw-index.html b/2020/raw-index.html
new file mode 100644
index 0000000..dd336f4
--- /dev/null
+++ b/2020/raw-index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
Raw Data
+
+
+
+
+
+ Save Data
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/2020/sounds/bot_on.mp3 b/2020/sounds/bot_on.mp3
new file mode 100644
index 0000000..b835d3f
Binary files /dev/null and b/2020/sounds/bot_on.mp3 differ
diff --git a/2020/variables.css b/2020/variables.css
new file mode 100644
index 0000000..7d643e5
--- /dev/null
+++ b/2020/variables.css
@@ -0,0 +1,62 @@
+:root {
+ /*Color/Image of Background*/
+ --bg: #181a1b;
+ --bg-img: url(https://i.redd.it/fxlb9eda42a31.jpg);
+
+ /* Main Color*/
+ --main-blue: #792e2e;
+
+
+ /* Main Color when it's active */
+ --main-blue-active: #491c1c;
+
+
+ /* Main Color when it's hovered*/
+ --main-blue-hover: #8b3737;
+
+
+ /* Main Grey*/
+ --main-grey: #3d4046;
+
+
+ /* Main Grey when it's hovered*/
+ --main-grey-hover: #4f545a;
+
+
+ /* Main Dark-Grey*/
+ --main-darkgrey: #26272b;
+
+ /* Color of Links */
+ --links: #4183C4;
+}
+
+
+/* Action window Rounding (Uncomment to activate) */
+/*
+
+#theHead:after {
+ content: '';
+ width: 100%;
+ position: absolute;
+ height: 40px;
+ top: 100%;
+ left: 0;
+ background: transparent;
+ z-index: -1;
+ box-shadow: 0 -20px 0 #242629;
+ border-radius: 10px 10px 0 0;
+}
+
+.action-footer:after {
+ content: '';
+ width: 100%;
+ position: absolute;
+ height: 40px;
+ bottom: 100%;
+ left: 0;
+ background: transparent;
+ z-index: -1;
+ box-shadow: 0 20px 0 #242629;
+ border-radius: 0 0 10px 10px;
+}
+*/
\ No newline at end of file
diff --git a/Cyberpunk DBM/about.css b/Cyberpunk DBM/about.css
new file mode 100644
index 0000000..a4d50eb
--- /dev/null
+++ b/Cyberpunk DBM/about.css
@@ -0,0 +1,26 @@
+body {
+ background-color: #000;
+ color: #fff;
+}
+img { position: absolute; }
+@keyframes rotation {
+ from {}
+ to { transform: rotate(360deg); }
+ }
+@keyframes scaling {
+ 0% { transform: scale(1, 1); }
+ 50% { transform: scale(1.05, 1.05); }
+ 100% { transform: scale(1, 1); }
+}
+#backImage {
+ animation-name: rotation;
+ animation-duration: 5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
+#frontImage {
+ animation-name: scaling;
+ animation-duration: 1s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
diff --git a/Cyberpunk DBM/actions.css b/Cyberpunk DBM/actions.css
new file mode 100644
index 0000000..16beb0c
--- /dev/null
+++ b/Cyberpunk DBM/actions.css
@@ -0,0 +1,148 @@
+#action-label {
+ padding: 10px 15px 10px 15px;
+ cursor: pointer;
+ outline: none;
+ background-color: #fff;
+ animation: rainbow 5s infinite;
+ background-color: rgba(0, 0, 0, 0.5); }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+
+button.opener {
+ background-color: #690e4e;
+ color: #fff;
+ cursor: pointer;
+ padding: 8px;
+ width: 100%;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 14px;
+ transition: 0.4s;
+}
+
+button.openerChild {
+ background-color: #0b95a9;
+ color: #1c1c1c;
+ cursor: pointer;
+ padding: 6px;
+ width: 100%;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 12px;
+ transition: 0.25s;
+}
+
+button.openerChild.active,
+button.openerChild:hover {
+ background-color: #1edeee;
+ color: #eee;
+}
+
+button.opener:after {
+ content: '+';
+ color: #fff;
+ font-weight: bold;
+ float: right;
+ margin-left: 5px;
+}
+
+button.openerChild:after {
+ color: #fff;
+ font-weight: bold;
+ float: right;
+ margin-left: 5px;
+}
+button.opener.active:after { content: "-"; }
+div.dropContent {
+ background-color: purple;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+}
+
+.ui.dropdown {
+ text-align: center;
+ width: 200px;
+}
+
+input[type=text] { width: 90%;}
+
+.action-main { background: purple; }
+.action-input {
+ margin: 0 auto;
+ padding-top: 6px;
+ max-width: 640px;
+ width: 94%;
+ height: 80%;
+}
+
+.action-input h1 { margin-top: 0; }
+
+#theHead {
+ right: 0;
+ top: 0;
+ left: 0;
+ background-color: #000;
+ text-align: center;
+
+}
+
+.action-footer {
+ width: 100%;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ background-color: #111111;
+ background-image: url(./img/cplogo.gif);
+ text-align: center;
+}
+
+#leSideBarContent {
+ margin-right: 10px;
+ width: 226px;
+}
+
+#leSideBar {
+ width: 232px;
+ margin: 10px;
+}
+
+#leSideBar::-webkit-scrollbar {
+ width: 6px;
+ background-color: #0c0c0c;
+}
+
+#leSideBar::-webkit-scrollbar-track {
+ border-radius: 10px;
+ background-color: #0c0c0c;
+}
+
+#leSideBar::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background-color: #fff;
+}
+
+input::-webkit-calendar-picker-indicator {
+ opacity: 100;
+ background-color: #1f7a77;
+ transform: scale(0.7, 0.7);
+}
+
+input::-webkit-calendar-picker-indicator:hover {
+ background-color: #fff;
+}
+
+input#searchfilter {
+ border-radius: 4px;
+ padding-left: 4px;
+ width: 94%;
+ height: 22px;
+ border: 1px solid #000;
+}
diff --git a/Cyberpunk DBM/emojis.css b/Cyberpunk DBM/emojis.css
new file mode 100644
index 0000000..272d7d3
--- /dev/null
+++ b/Cyberpunk DBM/emojis.css
@@ -0,0 +1,26 @@
+body { background: black; }
+
+.emojiButton {
+ background-color: #1a1a1a;
+ border: none;
+ color: white;
+ width: 36px;
+ height: 36px;
+ padding: 2px 2px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ -webkit-transition-duration: 0.4s;
+ transition-duration: 0.4s;
+ cursor: pointer;
+ background-color: #ffffff;
+ color: black;
+ border: 2px solid #1a1a1a;
+}
+
+.emojiButton:hover {
+ background-color: #1a1a1a;
+ color: white;
+}
diff --git a/Cyberpunk DBM/img/bodyactionbg.gif b/Cyberpunk DBM/img/bodyactionbg.gif
new file mode 100644
index 0000000..bb7723c
Binary files /dev/null and b/Cyberpunk DBM/img/bodyactionbg.gif differ
diff --git a/Cyberpunk DBM/img/cbbg.gif b/Cyberpunk DBM/img/cbbg.gif
new file mode 100644
index 0000000..39047b5
Binary files /dev/null and b/Cyberpunk DBM/img/cbbg.gif differ
diff --git a/Cyberpunk DBM/img/cplogo.gif b/Cyberpunk DBM/img/cplogo.gif
new file mode 100644
index 0000000..b2c5c68
Binary files /dev/null and b/Cyberpunk DBM/img/cplogo.gif differ
diff --git a/Cyberpunk DBM/img/preview.png b/Cyberpunk DBM/img/preview.png
new file mode 100644
index 0000000..eb8022e
Binary files /dev/null and b/Cyberpunk DBM/img/preview.png differ
diff --git a/Cyberpunk DBM/img/preview2.png b/Cyberpunk DBM/img/preview2.png
new file mode 100644
index 0000000..b3a407d
Binary files /dev/null and b/Cyberpunk DBM/img/preview2.png differ
diff --git a/Cyberpunk DBM/load.css b/Cyberpunk DBM/load.css
new file mode 100644
index 0000000..578937f
--- /dev/null
+++ b/Cyberpunk DBM/load.css
@@ -0,0 +1,29 @@
+body {
+ background-color: rgb(15, 15, 15);
+ color: #FF0000;
+ font-size: 53px; }
+
+img { position: absolute; }
+
+@keyframes rotation {
+ from {}
+ to { transform: rotate(360deg); }
+}
+
+@keyframes scaling {
+ 0% { transform: scale(1, 1); }
+ 50% { transform: scale(1.05, 1.05); }
+ 100% { transform: scale(1, 1); }
+}
+
+#backImage {
+ animation-name: rotation;
+ animation-duration: 5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite; }
+
+#frontImage {
+ animation-name: scaling;
+ animation-duration: 1s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite; }
diff --git a/Cyberpunk DBM/main.css b/Cyberpunk DBM/main.css
new file mode 100644
index 0000000..18e440e
--- /dev/null
+++ b/Cyberpunk DBM/main.css
@@ -0,0 +1,607 @@
+
+#id_pages p#bot-links,
+#id_tabs_main p#bot-links {
+ border-radius: 0.2rem;
+ background-color: rgba(0, 0, 0, 0.55);
+ color: #fff;
+ border-width: 0;
+ outline-width: 0;
+ transition: 0.2s;
+ width: 85%;
+ padding: 10px; }
+
+#id_pages input,
+#id_pages select,
+#id_tabs_main input,
+#id_tabs_main select {
+ border-radius: 0.2rem;
+ background-color: #fff
+ color #fff;
+ text-shadow: 1px 1px 6px black !important;
+ color: #fff;
+ border: 0px solid #fff !important;
+ border-width: 0;
+ outline-width: 0;
+ transition: 0.2s; }
+ #id_pages input:focus, #id_pages input:active,
+ #id_pages select:focus,
+ #id_pages select:active,
+ #id_tabs_main input:focus,
+ #id_tabs_main input:active,
+ #id_tabs_main select:focus,
+ #id_tabs_main select:active {
+ box-shadow: 0px 0px 5px #fff; }
+ #id_pages input::selection,
+ #id_pages select::selection,
+ #id_tabs_main input::selection,
+ #id_tabs_main select::selection {
+ background: #b8dbff; }
+ #id_pages input:focus,
+ #id_pages select:focus,
+ #id_tabs_main input:focus,
+ #id_tabs_main select:focus {
+ outline-width: 0; }
+ #id_pages input#name, #id_pages input#alias-input, #id_pages input#ename, #id_pages input#etemp, #id_pages input#etemp2 {
+ background-color: rgba(0, 0, 0, 1)
+ }
+ #id_pages select#name,
+ #id_pages select#alias-input,
+ #id_pages select#ename,
+ #id_pages select#etemp,
+ #id_pages select#etemp2,
+ #id_tabs_main input#name {
+ background-color: rgba(0, 0, 0, 1)
+ }
+ #id_tabs_main input#alias-input,
+ #id_tabs_main input#ename,
+ #id_tabs_main input#etemp,
+ #id_tabs_main input#etemp2,
+ #id_tabs_main select#name,
+ #id_tabs_main select#alias-input,
+ #id_tabs_main select#ename,
+ #id_tabs_main select#etemp,
+ #id_tabs_main select#etemp2 {
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+ #id_pages input.settings,
+ #id_pages select.settings,
+ #id_tabs_main input.settings,
+ #id_tabs_main select.settings {
+ font-family: monospace;
+ width: 100%;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+ #id_pages input.round,
+ #id_pages select.round,
+ #id_tabs_main input.round,
+ #id_tabs_main select.round {
+ width: 100%;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+
+#id_pages .ui.piled.segment::after,
+#id_tabs_main .ui.piled.segment::after {
+ display: none;
+ background-color: rgba(0, 0, 0, 0);
+ content: "";
+ height: 0;
+ left: 0px;
+ width: 0;
+ border: 0;
+ box-shadow: ""; }
+
+#id_pages .ui.piled.segment:first-of-type,
+#id_tabs_main .ui.piled.segment:first-of-type {
+ transition: all 0.2s;
+ height: 45px;
+ width: 85%;
+ border-radius: 0.2rem;
+ background: rgba(158, 12, 85, 0.404)
+ color #fff !important;
+ border: 0px solid #fff !important;
+ border-width: 0;
+ outline-width: 0; }
+
+#id_pages .ui.piled.segment:first-of-type #settings-description,
+#id_tabs_main .ui.piled.segment:first-of-type #settings-description {
+ /* Hides the info as default */
+ display: none;
+ color: rgba(0, 0, 0, 0); }
+
+#id_pages .ui.piled.segment:first-of-type:hover > #settings-description,
+#id_tabs_main .ui.piled.segment:first-of-type:hover > #settings-description {
+ /* Shows the info when you hover your mouse over it */
+ display: none;
+ color: #fff !important; }
+
+#id_pages .ui.piled.segment:first-of-type:hover,
+#id_tabs_main .ui.piled.segment:first-of-type:hover {
+ /* Expands the box so you are able to see the text, and also makes the box slide open from the transition we added */
+ height: 125px; }
+
+#id_pages .ui #settingsheader,
+#id_tabs_main .ui #settingsheader {
+ color: #fff; }
+ #id_pages .ui #settingsheader::after,
+ #id_tabs_main .ui #settingsheader::after {
+ /* add "Info (hover on me)" to the end of "Settings" */
+ content: " Info (hover on me)"; }
+
+#id_pages .ui.selection.dropdown,
+#id_tabs_main .ui.selection.dropdown {
+ user-select: none;
+ border: none;
+ box-shadow: none; }
+ #id_pages .ui.selection.dropdown > .menu .item,
+ #id_tabs_main .ui.selection.dropdown > .menu .item {
+ border-top: none; }
+ #id_pages .ui.selection.dropdown > .menu .item:hover,
+ #id_tabs_main .ui.selection.dropdown > .menu .item:hover {
+ background: rgba(0, 0, 0, 1); }
+ #id_pages .ui.selection.dropdown > .menu .item:active, #id_pages .ui.selection.dropdown > .menu .item:focus, #id_pages .ui.selection.dropdown > .menu .item.active, #id_pages .ui.selection.dropdown > .menu .item.selected,
+ #id_tabs_main .ui.selection.dropdown > .menu .item:active,
+ #id_tabs_main .ui.selection.dropdown > .menu .item:focus,
+ #id_tabs_main .ui.selection.dropdown > .menu .item.active,
+ #id_tabs_main .ui.selection.dropdown > .menu .item.selected {
+ background: rgba(0, 0, 0, 1); }
+
+#id_pages .ui.fluid.dropdown.selection,
+#id_tabs_main .ui.fluid.dropdown.selection {
+ border-radius: 0.2rem;
+ background-color: rgba(0, 0, 0, 1);
+ color: #fff;
+ text-shadow: 1px 1px 6px black !important;
+ color: #fff;
+ border: none;
+ cursor: pointer;
+ transition: 0.2s; }
+
+#id_pages .ui.button,
+#id_tabs_main .ui.button {
+ color: #fff;
+ animation: rainbow 5s infinite;
+ background-color: rgba(0, 0, 0, 0.8); }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+ #id_pages .ui.button:hover, #id_pages .ui.button:focus,
+ #id_tabs_main .ui.button:hover,
+ #id_tabs_main .ui.button:focus {
+ color: #fff;
+ background-color: #000000; }
+ #id_pages .ui.button:active,
+ #id_tabs_main .ui.button:active {
+ background-color: #464441; }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+ #id_pages .ui.button.active,
+ #id_tabs_main .ui.button.active {
+ box-shadow: none;
+ animation: rainbow 5s infinite linear;
+ background-color: black; }
+
+#id_pages .ui.piled.segment:first-of-type #settings-description,
+#id_tabs_main .ui.piled.segment:first-of-type #settings-description {
+ display: none; }
+
+#id_pages .ui.piled.segment .ui.piled.segment:first-of-type #settings-description:hover,
+#id_pages .ui.piled.segment:first-of-type #settings-description:focus,
+#id_tabs_main .ui.piled.segment .ui.piled.segment:first-of-type #settings-description:hover,
+#id_tabs_main .ui.piled.segment:first-of-type #settings-description:focus {
+ display: none; }
+
+#id_pages .ui.multiple.dropdown > .label,
+#id_tabs_main .ui.multiple.dropdown > .label {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: inline-block;
+ vertical-align: top;
+ white-space: normal;
+ font-size: 1em;
+ padding: 0.35714286em 0.78571429em;
+ margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
+ box-shadow: 0px 0px 0px 1px rgb(240, 216, 2) inset; }
+
+input {
+ color: #e3e5e8;
+ background-color: #000;
+
+ padding-bottom: 2px; }
+ input::selection {
+ background: #b8dbff; }
+ input:focus {
+ outline-width: 0; }
+ input#name, input#alias-input, input#ename, input#etemp, input#etemp2 {
+ background-color: rgba(0, 0, 0, 1)
+ border 1px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+ input.settings {
+ font-family: monospace;
+ width: 100%;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+ input.round {
+ width: 100%;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+
+body {
+ color: #fff;
+ background-color: #36393e;
+ background-image: url(./img/cbbg.gif);
+ background-size: cover;
+ overflow: hidden;
+ transition: 0.5s; }
+ body.running {
+ background-color: #001427 !important; }
+ a:link { color: #00b7ff; }
+
+select#commands {
+ overflow: hidden;
+ height: 120px; }
+
+select#actions {
+ overflow: hidden;
+ position: static; }
+
+div.footer {
+ position: static;
+ float: right;
+ width: 100%;
+ height: 100%;
+ right: 0px;
+ bottom: 100px;
+ left: 220px;
+ /*top: 400px;*/
+ text-align: left; }
+
+ div.infooter { padding-top: 49px; }
+
+ div.einfooter { padding-top: 77px; }
+
+div.actionButtonDiv {
+ width: 90%;
+ padding: 10px 10px 10px 0px;
+ text-align: left; }
+
+button.actionButtons {
+ width: 120px;
+ padding-right: 20px;
+ padding-left: 20px;
+ float: right; }
+
+div#Commands, div#Events, div#Settings {
+ color: #fff;
+ text-shadow: 1px 1px 6px black !important; }
+
+div.action-holder, div.event-action-holder {
+ width: 240px;
+ float: left;
+ max-width: 240px;
+ padding-top: 22px; }
+
+div#id_tabs {
+ width: 100% !important;
+ padding: 0 20px 0 20px; }
+
+div.tabs {
+ overflow: hidden;
+ border: 1px solid #ccc;
+ background-color: #f1f1f1; }
+ div.tabs button {
+ width: 33%;
+ background-color: inherit;
+ float: left;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 12px 20px;
+ transition: 0.2s; }
+ div.tabs button:hover {
+ background-color: #ddd; }
+ div.tabs button.active {
+ background-color: #ccc; }
+
+div.myactions, div.emyactions {
+ border-radius: 0.2rem;
+ overflow-y: auto;
+ overflow-x: hidden;
+ border: 0px solid rgba(0, 0, 0, 0.3);
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #fff;
+ text-shadow: 1px 1px 6px black !important; }
+ div.myactions button, div.emyactions button {
+ color: #fff;
+ text-shadow: 1px 1px 6px black !important;
+ overflow: hidden;
+ width: 100%;
+ height: 25px;
+ padding: 3px 5px 3px 5px;
+ text-align: left;
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.7);
+ float: left;
+ border: none;
+ cursor: pointer;
+ transition: 0.2s; }
+ div.myactions button:hover, div.emyactions button:hover {
+ animation: rainbow 5s infinite;
+ background-color: rgba(0, 0, 0, 0.5); }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+
+ div.myactions button:focus, div.emyactions button:focus {
+ animation: rainbow 5s infinite;
+ background-color: rgba(0, 0, 0, 0.5); }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+ div.myactions button.active, div.emyactions button.active {
+ animation: rainbow 5s infinite;
+ background-color: rgba(0, 0, 0, 0.5); }
+ @keyframes rainbow {
+ 00.000% { color:#690e4e }
+ 50.000% { color:#0b95a9 }
+ 100.000% { color:#690e4e }
+ }
+ .page { display: none; }
+textarea {
+ color: #e3e5e8;
+ background-color: black;
+ border: none;
+ opacity: 1;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ padding-left: 8px; }
+ textarea:focus {
+ outline-width: 0; }
+ textarea::selection {
+ background: #b8dbff; }
+
+select {
+ color: #e3e5e8;
+ background-color: black; }
+
+button#a_tab_com, button#a_tab_eve, button#a_tab_sets {
+ background-color: #ff00ea96; }
+
+button#a_tab_com.active, button#a_tab_eve.active, button#a_tab_sets.active {
+ background-color: #ff00ea96; }
+ button#a_tab_com.active:hover, button#a_tab_eve.active:hover, button#a_tab_sets.active:hover {
+ background-color: #ff00ea96; }
+
+button#a_tab_com:hover, button#a_tab_eve:hover, button#a_tab_sets:hover {
+ background-color: #ff00ea96; }
+
+select.round {
+ width: 100%;
+ border: none;
+ opacity: 0.9;
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: block;
+ height: 28px;
+ padding-left: 8px; }
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ background-color: #36393e; }
+
+::-webkit-scrollbar-track {
+ background-color: #36393e; }
+
+::-webkit-scrollbar-thumb {
+ background-color: #e0e1e2; }
+
+#aliases,
+#moduleManager {
+ height: 380px;
+ border-radius: 10px;
+ background-color: #36393e;
+ border: 2px solid black; }
+
+.modalChild {
+ height: 240px;
+ margin-left: 70px;
+ margin-top: 15px;
+ overflow-y: scroll; }
+
+ .ui.button {
+ background-color: #0f0f0f;
+ color: white;
+ transition: 0.25s;
+ }
+ .ui.button:hover {
+ background-color: #111111;
+ color: #fff;
+ }
+ .ui.button:focus {
+ background: #1b1b1b;
+ color: #e3e5e8;
+ }
+
+
+ .settings.round {
+ color: #fff;
+ border: 1px solid #222222;
+ background: #1414146e;
+ }
+ select:active, select:hover,
+ select:focus {
+ outline: none;
+ }
+ body.pushable > .pusher {
+ background-color: #1d1c1cf8 !important;
+ background-position: bottom !important;
+ background-position: center !important;
+ background-size: cover;
+ background-position: right;
+ overflow: hidden;
+ }
+
+
+ .ui.button {
+ outline: none;
+ background-color: #0f0f0f;
+ color: #949494;
+ transition: 0.25s;
+ }
+ .ui.button:hover {
+ background-color: #111111;
+ color: #e3e5e8;
+ }
+ .ui.button:focus {
+ background: #1b1b1b;
+ color: #e3e5e8;
+ }
+ .ui.fluid.dropdown,
+ .ui.dropdown {
+ color: #525252;
+ border: 1px solid #222222;
+ background: #1a1a1a;
+ transition: 0.25s;
+ }
+ .ui.fluid.dropdown:hover,
+ .ui.dropdown:hover {
+ color: #042EBC;
+ border: 1px solid #222222;
+ border-left: 3px solid #7e7e7e;
+ background: #1a1a1a;
+ }
+ .ui.fluid.dropdown:active,
+ .ui.fluid.dropdown:focus,
+ .ui.dropdown:active,
+ .ui.dropdown:focus {
+ color: #ececec;
+ border-left: 3px solid #ececec;
+ background: rgb(5, 5, 5);
+ opacity: 0.99;
+ }
+ .ui.fluid.dropdown > .menu,
+ .ui.dropdown > .menu {
+ background: #0B0B0B;
+ border: 1px solid #222222;
+ box-shadow: none;
+ }
+ .ui.dropdown .menu .active.item {
+ border-left: 3px solid;
+ background: rgb(5, 5, 5);
+ font-weight: normal;
+ opacity: 0.99;
+ animation: rainbow 5s infinite linear;
+ }
+ .ui.dropdown .menu > .item {
+ color: #949494;
+ }
+ .ui.dropdown .menu > .item:hover {
+ border-left: 3px solid;
+ animation: rainbow 5s infinite linear;
+ opacity: 1;
+ background: #1a1a1a;
+ }
+ .ui.selection.dropdown .menu > .item {
+ border-top: 1px solid #222222;
+ transition: 0.25s;
+ }
+ .ui.selection.dropdown:hover {
+ border: 1px solid #222222;
+ }
+ .ui.selection.dropdown:hover {
+ border-color: #222222;
+ box-shadow: none;
+ }
+ .ui.selection.active.dropdown,
+ .ui.selection.active.dropdown .menu {
+ border-color: #222222;
+ box-shadow: 0px 2px 6px 2px #000;
+ }
+ .ui.selection.dropdown:focus,
+ .ui.selection.dropdown:focus .menu {
+ border-color: #222222;
+ box-shadow: 0px 2px 6px 2px #000;
+ }
+ .ui.selection.active.dropdown,
+ .ui.selection.active.dropdown:active,
+ .ui.selection.active.dropdown:active .menu,
+ .ui.selection.active.dropdown:hover,
+ .ui.selection.active.dropdown:hover .menu {
+ border-color: #222222;
+ box-shadow: 0px 2px 6px 2px #000;
+ }
+ .settings.round {
+ color: #525252;
+ border: 1px solid #222222;
+ background: #141414;
+ }
+ select:active, select:hover,
+ select:focus {
+ outline: none;
+ background-color: #1E1D1D;
+ animation: bgColor 5s infinite linear;
+ }
+ @keyframes bgColor {
+ 00.000% { background-color: #690e4e; }
+ 50.000% { background-color: #0b95a9; }
+ 100.000% { background-color: #690e4e; }
+ }
+
+ .ui.piled.segments,
+ .ui.piled.segment { display: none; }
+
+ div.myactions button{ outline: none; }
+
+ div.myactions button:hover {
+ background-color: #1a1a1a;
+ border-left: 3px solid;
+ opacity: 1;
+ animation: rainbow 5s infinite linear;
+ }
+ div.myactions button.active {
+ background-color: #1b1b1b;
+ animation: rainbow 5s infinite linear;
+ border-left: 3px solid;
+ }
+ div.emyactions button{ outline: none; }
+ div.emyactions button:hover {
+ background-color: #1a1a1a;
+ border-left: 3px solid;
+ opacity: 1;
+ animation: rainbow 5s infinite linear;
+ }
+ div.emyactions button.active {
+ background-color: #1b1b1b;
+ animation: rainbow 5s infinite linear;
+ border-left: 3px solid;
+ }
diff --git a/Cyberpunk DBM/readme.md b/Cyberpunk DBM/readme.md
new file mode 100644
index 0000000..17821a6
--- /dev/null
+++ b/Cyberpunk DBM/readme.md
@@ -0,0 +1,31 @@
+# CyberPunk DBM
+
++ Made by borgar#2819
+
++ Based off on the "Lo Fi Vibe" Theme.
+
++ I do __NOT__ own any pictures or gifs in this theme. (The background gif is made by @AffinityPlay on Twitter!)
+
+
+
+
+
+## Installation Guide
+
+---------------------
+
+1. Click Clone Or Download
+1. Press "Download Zip"
+1. Open DBM
+1. Click "Project"
+1. Click "Open Theme Directory"
+1. Open The themes-master.zip file.
+1. Unpack everything in to the themes folder.
+1. Hover Over "Themes" In DBM then press "DBM CYBERPUNK" to Activate the Theme.
+> Congrats! Now you are officialy using the theme DBM CYBERPUNK! Have fun developing.
+
+ ## Support
+
+---------------------
+
+borgar#2819