made css files slightly smaller

helpers/passives/client/ui/templates/export/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiExport {
 	position: absolute;

helpers/passives/client/ui/templates/groups/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiGroups {
 	position: absolute;

helpers/passives/client/ui/templates/import/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiImport {
 	position: absolute;

helpers/passives/client/ui/templates/load/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiLoad {
 	position: absolute;

helpers/passives/client/ui/templates/menu/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiMenu {
 	position: absolute;

helpers/passives/client/ui/templates/mode/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiMode {
 	position: absolute;

helpers/passives/client/ui/templates/nodeInfo/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiNodeInfo {
 	position: absolute;

helpers/passives/client/ui/templates/renameGroup/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiRenameGroup {
 	position: absolute;

helpers/passives/client/ui/templates/save/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiSave {
 	position: absolute;

helpers/passives/client/ui/templates/tooltip/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTooltip {
 	position: absolute;

src/client/css/colors.less

@@ -55,75 +55,4 @@
 
 @grayB: #c0c3cf;
 @grayC: #929398;
-@grayD: #69696e;
-
-.q0 {
-	color: @white;
-}
-
-.q1 {
-	color: @greenB;
-}
-
-.q2 {
-	color: @blueB;
-}
-
-.q3 {
-	color: @purpleA;
-}
-
-.q4 {
-	color: @orange;
-}
-
-.color-red {
-	color: @red !important;
-}
-
-.color-redA {
-	color: @redA !important;
-}
-
-.color-blueA {
-	color: @blueA !important;
-}
-.color-blueB {
-	color: @blueB !important;
-}
-
-.color-greenB {
-	color: @greenB !important;
-}
-
-.color-yellowB {
-	color: @yellowB !important;
-}
-
-.color-green {
-	color: @green !important;
-}
-
-.color-brownC {
-	color: @brownC !important;
-}
-.color-brownD {
-	color: @brownD !important;
-}
-
-.color-grayA {
-	color: @white !important;
-}
-.color-grayB {
-	color: @grayB !important;
-}
-.color-grayC {
-	color: @grayC !important;
-}
-.color-grayD {
-	color: @grayD !important;
-}
-
-.color-pinkB {
-	color: @pinkB !important;	
-}
+@grayD: #69696e;

src/client/css/main.less

@@ -55,6 +55,46 @@ body {
 	pointer-events: none !important;
 }
 
+[class^="ui"] {
+	input, textarea {
+		-webkit-user-select: text;
+		-khtml-user-select: text;
+		-moz-user-select: text;
+		-ms-user-select: text;
+		user-select: text;
+	}
+
+	.el {
+		height: 35px;
+		text-align: center;
+		padding: 0px 0px 0px 0px;
+		background-color: transparent;
+	}
+
+	.textbox {
+		border: none;
+		outline: none;
+		font-size: 16px;
+	}
+
+	div.textbox {
+		padding-top: 6px;
+	}
+
+	.button {
+		cursor: pointer;
+		padding-top: 10px;
+
+		&:hover {
+			background-color: lighten(@black, 10%);
+		}
+	}
+
+	.spacer-h {
+		width: 100%;
+	}
+}
+
 ::-webkit-scrollbar {
     width: 16px;
 }
@@ -68,3 +108,75 @@ body {
     border-radius: 0px;
     background: @lightGray; 
 }
+
+
+.q0 {
+	color: @white;
+}
+
+.q1 {
+	color: @greenB;
+}
+
+.q2 {
+	color: @blueB;
+}
+
+.q3 {
+	color: @purpleA;
+}
+
+.q4 {
+	color: @orange;
+}
+
+.color-red {
+	color: @red !important;
+}
+
+.color-redA {
+	color: @redA !important;
+}
+
+.color-blueA {
+	color: @blueA !important;
+}
+.color-blueB {
+	color: @blueB !important;
+}
+
+.color-greenB {
+	color: @greenB !important;
+}
+
+.color-yellowB {
+	color: @yellowB !important;
+}
+
+.color-green {
+	color: @green !important;
+}
+
+.color-brownC {
+	color: @brownC !important;
+}
+.color-brownD {
+	color: @brownD !important;
+}
+
+.color-grayA {
+	color: @white !important;
+}
+.color-grayB {
+	color: @grayB !important;
+}
+.color-grayC {
+	color: @grayC !important;
+}
+.color-grayD {
+	color: @grayD !important;
+}
+
+.color-pinkB {
+	color: @pinkB !important;	
+}

src/client/css/ui.less

@@ -1,41 +0,0 @@
-@import "colors.less";
-
-[class^="ui"] {
-	input, textarea {
-		-webkit-user-select: text;
-		-khtml-user-select: text;
-		-moz-user-select: text;
-		-ms-user-select: text;
-		user-select: text;
-	}
-
-	.el {
-		height: 35px;
-		text-align: center;
-		padding: 0px 0px 0px 0px;
-		background-color: transparent;
-	}
-
-	.textbox {
-		border: none;
-		outline: none;
-		font-size: 16px;
-	}
-
-	div.textbox {
-		padding-top: 6px;
-	}
-
-	.button {
-		cursor: pointer;
-		padding-top: 10px;
-
-		&:hover {
-			background-color: lighten(@black, 10%);
-		}
-	}
-
-	.spacer-h {
-		width: 100%;
-	}
-}

src/client/ui/templates/announcements/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiAnnouncements {
 	pointer-events: none;

src/client/ui/templates/buffs/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiBuffs {
 	position: absolute;

src/client/ui/templates/characters/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @leftWidth: 400px;
 @rightWidth: 400px;

src/client/ui/templates/context/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiContext {
 	display: none;

src/client/ui/templates/createCharacter/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @boxHeight: 276px;
 @boxPadding: 27px;

src/client/ui/templates/death/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiDeath {
 	display: none;

src/client/ui/templates/dialogue/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 

src/client/ui/templates/equipment/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiEquipment {
 	display: none;

src/client/ui/templates/events/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiEvents {
 	margin-top: 10px;

src/client/ui/templates/fame/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 
 .uiFame {

src/client/ui/templates/help/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiHelp {
 	display: none;

src/client/ui/templates/hud/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 

src/client/ui/templates/inventory/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiInventory, .uiStash {
 	display: none;

src/client/ui/templates/leaderboard/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiLeaderboard {
 	display: none;

src/client/ui/templates/login/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @leftWidth: 400px;
 @rightWidth: 400px;

src/client/ui/templates/mail/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiMail {
 	display: none;

src/client/ui/templates/menu/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 @btnSize: 64px;

src/client/ui/templates/messages/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 @btnSize: 64px;

src/client/ui/templates/middleHud/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .middleHud {
 	position: absolute;

src/client/ui/templates/online/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiOnline {
 	display: none;

src/client/ui/templates/options/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiOptions {
 	display: none;

src/client/ui/templates/overlay/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiOverlay {
 	display: none;

src/client/ui/templates/party/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 

src/client/ui/templates/passives/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiPassives {
 	display: none;

src/client/ui/templates/progressBar/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiProgressBar {
 	pointer-events: none;

src/client/ui/templates/quests/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiQuests {
 	width: 320px;

src/client/ui/templates/reputation/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiReputation {
 	display: none;

src/client/ui/templates/smithing/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiSmithing {
 	display: none;

src/client/ui/templates/spells/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 @btnSize: 64px;

src/client/ui/templates/stash/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiStash {
 	.footer {

src/client/ui/templates/talk/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTalk {
 	border: 5px solid fade(@blackB, 90%);

src/client/ui/templates/target/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 @pad: 8px;
 

src/client/ui/templates/tooltipInfo/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTooltipInfo {
 	position: absolute;

src/client/ui/templates/tooltipItem/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTooltipItem {
 	.tooltip {

src/client/ui/templates/tooltips/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTooltips {
 	z-index: 4;

src/client/ui/templates/trade/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiTrade {
 	width: auto;

src/client/ui/templates/wardrobe/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiWardrobe {
 	display: none;

src/client/ui/templates/workbench/styles.less

@@ -1,4 +1,4 @@
-@import "../../../css/ui.less";
+@import "../../../css/colors.less";
 
 .uiWorkbench {
 	display: none;