Cleanup styling and gulp merge @media queries

dev/Styles/Admin/About.less

@@ -0,0 +1,9 @@
+
+.b-admin-about {
+	.rl-logo {
+		display: inline-block;
+		width: 250px;
+		height: 200px;
+		background: url("images/snappymail-logo.png") -30px -30px;
+	}
+}

dev/Styles/Admin/Branding.less

@@ -0,0 +1,4 @@
+
+.b-admin-branding {
+
+}

dev/Styles/Admin/Domain.less

@@ -0,0 +1,59 @@
+.b-domain-alias-content {
+	&.modal {
+		max-width: 330px;
+	}
+
+	.error-desc {
+		color: red;
+	}
+}
+
+.b-domain-content {
+
+	&.modal {
+		max-width: 810px;
+	}
+
+	.modal-body {
+		position: relative;
+		overflow: hidden;
+		width: 1600px;
+		left: 0;
+		transition: left 500ms ease;
+	}
+
+	&.domain-second-page .modal-body {
+		left: -800px;
+	}
+
+	.domain-desc {
+		color: #666;
+		line-height: 20px;
+		background-color: #f9f9f9;
+		padding: 8px;
+		border: 1px solid #eee;
+		border-radius: 3px;
+		margin: -5px 0;
+		i {
+			font-style: normal;
+			color: red;
+		}
+	}
+
+	.error-desc {
+		color: red;
+	}
+
+	.testing-done {
+		&.imap-header, &.sieve-header, &.smtp-header {
+			color: green;
+			font-weight: bold;
+		}
+	}
+
+	.testing-error {
+		&.imap-header, &.sieve-header, &.smtp-header {
+			color: red;
+		}
+	}
+}

dev/Styles/Admin/Domains.less

@@ -0,0 +1,51 @@
+
+.b-admin-domains-list-table {
+
+	width: 600px;
+
+	.domain-name {
+		display: inline-block;
+		word-break: break-all;
+		box-sizing: border-box;
+	}
+
+	.domain-alias {
+		display: inline-block;
+		box-sizing: border-box;
+		color: #bbb;
+		padding-left: 5px;
+	}
+
+	.button-delete {
+		position: relative;
+		right: 0;
+		visibility: hidden;
+		opacity: 0;
+		white-space: nowrap;
+
+		&.delete-access {
+			visibility: visible;
+			right: -15px;
+			opacity: 1;
+		}
+	}
+
+	.delete-domain, .disabled-domain {
+		cursor: pointer;
+		opacity: 0.5;
+
+		&:hover {
+			opacity: 1;
+		}
+	}
+
+	&.disabled {
+		.domain-name, .domain-alias {
+			color: #bbb;
+		}
+
+		.disabled-domain {
+			opacity: 0.5;
+		}
+	}
+}

dev/Styles/Admin/General.less

@@ -0,0 +1,20 @@
+
+.b-admin-general {
+
+	.flag-selector {
+		padding-top: 5px;
+	}
+
+	.flag-name {
+
+		border-bottom: 1px dashed #555;
+		cursor: pointer;
+		padding: 2px 0;
+
+		&:focus {
+			outline: 1px;
+			outline-style: dotted;
+		}
+	}
+}
+

dev/Styles/Admin/Layout.less

@@ -0,0 +1,145 @@
+.UserBackground body {
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+#rl-left, #rl-right {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	z-index: 0;
+}
+
+#rl-left {
+	overflow: auto;
+	padding-top: 50px + @rlLowMargin + 10px;
+	width: @rlLeftWidth;
+
+	nav {
+		a {
+			color: var(--settings-menu-color, #333);
+			cursor: pointer;
+			display: block;
+			font-size: 18px;
+			line-height: 30px;
+			padding: 4px 10px;
+			text-decoration: none;
+		}
+
+		a:focus, a:hover {
+			background-color: var(--settings-menu-hover-bg-color, #333);
+			color: var(--settings-menu-hover-color, #eee);
+		}
+
+		a.selected {
+			background-color: var(--settings-menu-selected-bg-color, #333);
+			color: var(--settings-menu-selected-color, #eee);
+		}
+	}
+}
+
+#rl-right {
+	z-index: 1;
+	left: @rlLeftWidth;
+}
+
+.b-admin-right {
+
+	.b-toolbar {
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		height: 34px;
+		padding: 8px @rlLowMargin 8px 0;
+		color: #fff;
+		text-shadow: 0 1px 1px #000;
+
+		display: flex;
+
+		h4 {
+			flex-grow: 1;
+		}
+	}
+
+	.b-content {
+		position: absolute;
+		top: 50px + @rlLowMargin;
+		bottom: @rlLowMargin;
+		left: 0;
+		right: @rlLowMargin;
+		overflow-y: auto;
+		z-index: 2;
+
+		background-color: #fff;
+		border: 1px solid @rlMainDarkColor;
+
+		box-shadow: @rlMainShadow;
+		border-radius: @rlMainBorderRadius;
+	}
+
+}
+
+.btn.btn-logout {
+	padding-left: 12px;
+	padding-right: 12px;
+}
+
+#rl-popups > .rl-view-model {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 1100;
+	overflow: auto;
+	background-color: rgba(0,0,0,0.3);
+}
+
+#rl-settings-subscreen {
+	padding: 20px;
+}
+
+/* desktop */
+@media screen and (min-width: 1000px) {
+	.toggleLeft {
+		display: none;
+	}
+}
+
+/* desktop-large */
+@media screen and (min-width: 1401px) {
+	#rl-left {
+		width: @rlLeftWidth + 20;
+	}
+
+	#rl-right {
+		left: @rlLeftWidth + 20;
+	}
+}
+
+/* mobile and tablet */
+@media screen and (max-width: 999px) {
+	#rl-settings-subscreen {
+		padding: 10px;
+	}
+
+	html:not(.rl-left-panel-disabled) #rl-right {
+		right: 5-@rlLeftWidth;
+	}
+
+	html.rl-left-panel-disabled {
+		#rl-left {
+			width: 0 !important;
+		}
+		#rl-right {
+			left: 5px !important;
+		}
+	}
+}

dev/Styles/Admin/Packages.less

@@ -0,0 +1,43 @@
+
+.b-admin-packages {
+
+	.alert {
+		width: 650px;
+	}
+
+	.disabled table,
+	table .disabled {
+		opacity: 0.5;
+	}
+
+}
+
+.b-admin-packages-list-table {
+
+	width: 700px;
+
+	.package-img {
+		font-size: 12px;
+		margin-right: 2px;
+	}
+
+	.package-name.core {
+		font-weight: bold;
+	}
+	.package-desc {
+		color: #999;
+		font-size: 12px;
+	}
+
+	.package-release, .package-actions {
+		text-align: center;
+	}
+	.package-actions {
+		vertical-align: middle;
+	}
+
+	.package-configure, .package-active {
+		cursor: pointer;
+		margin-right: 1em;
+	}
+}

dev/Styles/Admin/Plugin.less

@@ -0,0 +1,26 @@
+.b-plugin-content {
+
+	&.modal {
+		max-width: 660px;
+	}
+
+	.modal-body {
+		overflow: auto;
+	}
+
+	.information {
+		display: inline-block;
+		background-color: #ddd;
+		border-radius: 10px;
+		cursor: pointer;
+		height: 25px;
+		width: 30px;
+		text-align: center;
+		padding-top: 5px;
+	}
+
+	textarea {
+		width: 400px;
+		height: 70px;
+	}
+}