Razer DBM Theme (#5)

* Start restructuring for DBM Version 1.3.0+
Moved old non compatible themes to PRE-130.zip

* Revert, wrong branch

* Razer DBM Theme v1.3.0+

Razer DBM Theme
DBM v1.3.0+
Created By JoKeR#0001

* Razer DBM Theme

Razer DBM Theme
DBM v1.3.0+
Created By JoKeR#0001

Razer Theme/Readme.md

@@ -0,0 +1,30 @@
+Credits to JoKeR#0001 For Building This DBM Theme
+Credits to the authors who did the backgrounds Images and only Images Used in this Theme, you guys rock.
+
+# DBM Version 1.3.0+ Themes
+
+**The themes in this branch are for DBM Versions 1.3.0+ These will not work for previous versions**
+
+Here are some Themes for Discord Bot Maker! Feel free to use them in your bots. If you want to share these files, please share the URL of this GitHub page for the latest updates!
+
+
+### Download
+  1. Go to `https://github.com/Discord-Bot-Maker-Mods/DBM-Themes/`
+  2. Click the green button Clone or download
+  3. Choose Download ZIP
+  4. Open ZIP and open the `DBM-Themes-master` folder
+
+### Install / Update
+  1. After downloading, open DBM
+  2. Click on Project
+  3. Click on Open Themes Directory
+  4. Copy & paste all files from `DBM-Themes-master` to the opened folder (`themes`)
+
+### Uninstall
+  1. Delete the theme folders of the theme you would like to uninstall. Remove all except for
+
+
+`If any mistake is found, tell us!`
+
+###Support
+[MythBot](https://mythbot.tk)

Razer Theme/about.css

@@ -0,0 +1,48 @@
+body {
+	background-size: contain;
+	background-image: url(./img/wallpaper.png);
+	color: #00e600;
+	overflow: hidden;
+	transition: 0.5s;
+	font-weight: bold;
+	opacity: 0.8;
+	background-repeat: no-repeat;
+	background-size: contain;
+}
+
+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;
+}

Razer Theme/actions.css

@@ -0,0 +1,162 @@
+#action-label {
+	padding: 10px 15px 10px 15px;
+	cursor: pointer;
+	outline: none;
+
+}
+
+button.opener {
+	background-color: #4d4d4d;
+	color: #00e600;
+	cursor: pointer;
+	padding: 3px;
+	width: 100%;
+	border: 1px solid #00e600;
+	text-align: left;
+	outline: 1px;
+	font-size: 14px;
+	transition: 0.4s;
+	opacity: 0.9;
+}
+
+button.opener.active {
+	color: black;
+	background-color: #008000;
+}
+
+button.openerChild {
+	background-color: #4d4d4d;
+	color: #00e600;
+	cursor: pointer;
+	padding: 3px;
+	width: 100%;
+	border: 1px solid #00e600;
+	float: center;
+	text-align: left;
+	outline: 1px;
+	font-size: 12px;
+	opacity: 0.9;
+}
+
+button.openerChild.active, button.openerChild:hover {
+	background-color: #008000;
+	color: black;
+	border: 1px solid #00e600;
+}
+
+button.opener:after {
+	content: '◄';
+	color: #00e600;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+}
+
+button.openerChild:after {
+	content: '▪';
+	color: #00e600;
+	float: right;
+	margin-left: 5px;
+}
+
+button.openerChild:after {
+	color: black;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+	border: 1px solid #00e600;
+}
+
+button.opener.active:after {
+	content: "▼";
+	color: black;
+}
+
+div.dropContent {
+	background-color: transparent;
+	color: #00e600;
+	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-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: #23272A;
+	text-align: center;
+}
+
+.action-footer {
+	width: 100%;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	padding: 1rem;
+	background-color: #23272A;
+	text-align: center;
+}
+
+#leSideBarContent {
+	margin-right: 10px;
+	width: 227px;
+}
+
+#leSideBar {
+	width: 232px;
+	margin: 10px;
+}
+
+::-webkit-scrollbar {
+	width: 5px;
+	height: 8px;
+	background-color: transparent;
+}
+
+::-webkit-scrollbar-track {
+	background-color: #4d4d4d;
+}
+
+::-webkit-scrollbar-thumb {
+	background-color: #00e600;
+}
+
+#aliases, #moduleManager {
+	height: 380px;
+	border-radius: 10px;
+	background-color: transparent;
+
+}
+
+input::-webkit-calendar-picker-indicator {
+	opacity: 100;
+	background-color: transparent;
+	transform: scale(0.7, 0.7);
+}
+
+input::-webkit-calendar-picker-indicator:hover {
+	background-color: transparent;
+}