Merge pull request #6 from lucasboss45/dbm-1.3.0

Firefox theme by ByCat#7797

Firefox Theme/about.css

@@ -0,0 +1,42 @@
+body {
+	background: #1e1e1e;
+	color: #ececec;
+	background-image: url("https://cdn.discordapp.com/attachments/495619118662156319/495619213747159050/firefox_theme_1.png") !important;
+}
+
+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;
+}

Firefox Theme/actions.css

@@ -0,0 +1,151 @@
+#action-label {
+	padding: 10px 15px 10px 15px;
+	cursor: pointer;
+	outline: none;
+}
+
+button.opener {
+	background-color: #131313;
+	color: #DFDFDF;
+	cursor: pointer;
+	padding: 8px;
+	width: 100%;
+	border: none;
+	text-align: left;
+	outline: none;
+	font-size: 14px;
+	transition: 0.5s;
+}
+
+button.opener:active, button.opener:hover {
+	background-color: #E57438;
+}
+
+button.openerChild {
+	background-color: #1a1a1a;
+	color: #DFDFDF;
+	cursor: pointer;
+	padding: 6px;
+	width: 100%;
+	border: none;
+	text-align: left;
+	outline: none;
+	font-size: 12px;
+	transition: 0.5s
+}
+
+button.openerChild.active, button.openerChild:hover {
+	background-color: #222222;
+	color: #DFDFDF;
+}
+
+button.opener:after {
+	content: '🔽 ';
+	color: #777;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+}
+
+button.openerChild:after {
+	color: #777;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+}
+
+button.opener.active:after {
+	content: "🔼";
+}
+
+div.dropContent {
+	background-color: #DFDFDF;
+	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: #161616;
+	text-align: center;
+}
+
+.action-footer {
+	width: 100%;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	padding: 1rem;
+	background-color: #161616;
+	text-align: center;
+}
+
+#leSideBarContent {
+	margin-right: 10px;
+	width: 220px;
+}
+
+#leSideBar {
+	width: 232px;
+	margin: 10px;
+}
+
+#leSideBar::-webkit-scrollbar {
+	width: 12px;
+	background-color: #242629;
+}
+
+#leSideBar::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	border-radius: 10px;
+	background-color: #242629;
+}
+
+#leSideBar::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+	background-color: #555;
+}
+
+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;
+}
+
+input#searchfilter {
+	border-radius: 4px;
+	padding-left: 4px;
+	width: 94%;
+	height: 22px;
+	border: 1px solid #333333;
+}

Firefox Theme/emojis.css

@@ -0,0 +1,28 @@
+body {
+	background: black;
+}
+
+.emojiButton {
+	background-color: #E57437;
+	border: none;
+	color: #DFDFDF;
+	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: #DFDFDF; 
+	color: black; 
+	border: 2px solid #E57437;
+}
+
+.emojiButton:hover {
+	background-color: #E57437;
+	color: white;
+}

Firefox Theme/load.css

@@ -0,0 +1,43 @@
+body {
+	background-color: #1e1e1e;
+	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;
+	background: #1e1e1e;
+}
+
+#frontImage {
+	animation-name: scaling;
+	animation-duration: 1s;
+	animation-timing-function: linear;
+	animation-iteration-count: infinite;
+}