move prefs to less, add a shared buildfile

css/Makefile

@@ -1,4 +1,4 @@
 
 default.css: *.less
-	cat $^  | lessc -x - > $@
+	lessc -x default.less > $@
 

css/cdm.less

@@ -1,6 +1,3 @@
-@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-
 .cdm {
 	margin-right : 4px;
 
@@ -166,7 +163,7 @@ div.cdm.expandable.Unread div.cdmHeader a.title {
 }
 
 div.cdm.expandable.active div.cdmHeader a.title {
-	color: #0088cc;
+	color: @color-link;
 	font-size: 16px;
 	font-weight: 600;
 	text-rendering: optimizelegibility;
@@ -192,7 +189,7 @@ div.cdm.expanded.active {
 }
 
 div.cdm.expanded.active div.cdmHeader a.title {
-	color : #0088cc;
+	color : @color-link;
 }
 
 div.cdm.expanded.Unread div.cdmHeader a.title {
@@ -225,7 +222,7 @@ div.cdmContent div.postEnclosures {
 }
 
 div.cdmFeedTitle {
-	border: 0px solid #0088cc;
+	border: 0px solid @color-link;
 	border-bottom-width: 1px;
 	padding : 5px 3px 5px 5px;
 }
@@ -240,7 +237,7 @@ div.cdmFeedTitle a {
 }
 
 div.cdmFeedTitle a:hover {
-	color : #0088cc;
+	color : @color-link;
 }
 
 div.cdmHeader span.hlFeed {
@@ -413,7 +410,7 @@ div#floatingTitle.Unread a.title {
 	}
 
 	a.catchup:hover {
-		color : #0088cc;
+		color : @color-link;
 	}
 
 }

css/default.less

@@ -0,0 +1,11 @@
+@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+@color-accent: rgb(82, 168, 236);
+@color-accent-light: #ecf4ff;
+@color-link: #0088cc;
+
+@import "tt-rss.less";
+@import "cdm.less";
+@import "prefs.less";
+@import "dijit.less";

css/dijit.less

@@ -639,9 +639,7 @@
 		color: #555;
 		font-size: 16px;
 		text-rendering: optimizelegibility;
-		font-family: "Segoe WP Semibold", "Segoe UI Semibold",
-			"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-			Helvetica, Arial, sans-serif;
+		font-family: @fonts-ui-bold;
 	}
 
 	.dijitDialog .dijitDialogPaneContent {

css/prefs.css

@@ -1,129 +0,0 @@
-body#ttrssPrefs {
-	background-color : #f5f5f5;
-}
-
-body#ttrssPrefs #footer, body#ttrssPrefs #header {
-	background-color : #f5f5f5;
-	padding-left : 8px;
-	padding-right : 8px;
-}
-
-
-#header a:hover {
-	color : black;
-}
-
-#header img {
-	vertical-align : middle;
-	cursor : pointer;
-}
-
-
-div#pref-tabs .dijitContentPane {
-	font-size : 13px;
-}
-
-div#pref-tabs {
-	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-	margin : 0px 5px 0px 5px;
-}
-
-div#pref-tabs .dijitContentPane h3 {
-	font-size : 14px;
-}
-
-#pref-filter-wrap, #pref-filter-header, #pref-filter-content, 
-#pref-label-wrap, #pref-label-header, #pref-label-content,
-#pref-user-wrap, #pref-user-header, #pref-user-content, 
-#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
-	margin : 0px;
-	padding : 0px;
-	border-width : 0px;
-}
-
-#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { 
-	padding : 0px;
-}
-
-/* preferences */
-
-table.prefPrefsList h3 {
-	margin-top : 0.5em;
-	margin-bottom : 0px;
-}
-
-tr.title td {
-	border-width : 0px 0px 1px 0px;
-	border-color : #ecf4ff;
-	border-style : solid;
-	color : #0088cc;
-}
-
-div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
-	height : 300px;
-	overflow : auto;
-	border-width : 0px 1px 1px 1px;
-	border-color : #ddd;
-	border-style : solid;
-	margin : 0px 0px 5px 0px;
-	background-color : white;
-}
-div.filterTestHolder, div.prefFeedOPMLHolder {
-	border-width : 1px;
-}
-
-ul.userFeedList {
-	height : 200px;
-	overflow : auto;
-	list-style-type : none;
-	border : 1px solid #ddd;
-	margin : 0px 0px 5px 0px;
-	padding : 5px;
-}
-
-div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
-	text-align : center;
-	padding : 5px;
-	color : #555;
-}
-
-div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
-	margin-right : 5px;
-}
-
-#errorButton {
-	color : red;
-}
-
-table.prefPluginsList td label, table.prefUserList td {
-	cursor : pointer;
-}
-
-table.prefPluginsList label {
-	white-space : nowrap;
-}
-
-table.prefPluginsList label img {
-	vertical-align : middle;
-}
-
-table.prefErrorLog tr.errrow td {
-	font-size : 10px;
-}
-
-table.prefErrorLog tr.errrow td.errno {
-	font-style : italic;
-	font-weight : bold;
-	white-space : nowrap;
-}
-
-table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
-	color : #555;
-}
-
-body#ttrssPrefs hr {
-	border-color : #ecf4ff;
-	max-width : 100%;
-}
-
-

css/prefs.less

@@ -0,0 +1,130 @@
+body#ttrssPrefs {
+	background-color : #f5f5f5;
+
+	#footer, #header {
+		background-color : #f5f5f5;
+		padding-left : 8px;
+		padding-right : 8px;
+	}
+
+	#header a:hover {
+		color : black;
+	}
+
+	#header img {
+		vertical-align : middle;
+		cursor : pointer;
+	}
+
+
+	div#pref-tabs .dijitContentPane {
+		font-size : 13px;
+	}
+
+	div#pref-tabs {
+		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+		margin : 0px 5px 0px 5px;
+	}
+
+	div#pref-tabs .dijitContentPane h3 {
+		font-size : 14px;
+	}
+
+	#pref-filter-wrap, #pref-filter-header, #pref-filter-content,
+	#pref-label-wrap, #pref-label-header, #pref-label-content,
+	#pref-user-wrap, #pref-user-header, #pref-user-content,
+	#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
+		margin : 0px;
+		padding : 0px;
+		border-width : 0px;
+	}
+
+	#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
+		padding : 0px;
+	}
+
+	/* preferences */
+
+	table.prefPrefsList h3 {
+		margin-top : 0.5em;
+		margin-bottom : 0px;
+	}
+
+	tr.title td {
+		border-width : 0px 0px 1px 0px;
+		border-color : #ecf4ff;
+		border-style : solid;
+		color : @color-link;
+	}
+
+	div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
+		height : 300px;
+		overflow : auto;
+		border-width : 0px 1px 1px 1px;
+		border-color : #ddd;
+		border-style : solid;
+		margin : 0px 0px 5px 0px;
+		background-color : white;
+	}
+	div.filterTestHolder, div.prefFeedOPMLHolder {
+		border-width : 1px;
+	}
+
+	ul.userFeedList {
+		height : 200px;
+		overflow : auto;
+		list-style-type : none;
+		border : 1px solid #ddd;
+		margin : 0px 0px 5px 0px;
+		padding : 5px;
+	}
+
+	div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
+		text-align : center;
+		padding : 5px;
+		color : #555;
+	}
+
+	div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
+		margin-right : 5px;
+	}
+
+	#errorButton {
+		color : red;
+	}
+
+	table.prefPluginsList td label, table.prefUserList td {
+		cursor : pointer;
+	}
+
+	table.prefPluginsList label {
+		white-space : nowrap;
+	}
+
+	table.prefPluginsList label img {
+		vertical-align : middle;
+	}
+
+	table.prefErrorLog tr.errrow td {
+		font-size : 10px;
+	}
+
+	table.prefErrorLog tr.errrow td.errno {
+		font-style : italic;
+		font-weight : bold;
+		white-space : nowrap;
+	}
+
+	table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
+		color : #555;
+	}
+
+	hr {
+		border-color : #ecf4ff;
+		max-width : 100%;
+	}
+
+
+
+}
+

css/tt-rss.less

@@ -1,10 +1,3 @@
-@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-
-@color-accent: rgb(82, 168, 236);
-@color-accent-light: #ecf4ff;
-@color-link: #0088cc;
-
 body {
 	background : white;
 	color : black;