move prefs to less, add a shared buildfile
This commit is contained in:
parent
9dd336a2c3
commit
f9ffef66f9
7 changed files with 148 additions and 148 deletions
|
@ -1,4 +1,4 @@
|
||||||
|
|
||||||
default.css: *.less
|
default.css: *.less
|
||||||
cat $^ | lessc -x - > $@
|
lessc -x default.less > $@
|
||||||
|
|
||||||
|
|
13
css/cdm.less
13
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 {
|
.cdm {
|
||||||
margin-right : 4px;
|
margin-right : 4px;
|
||||||
|
|
||||||
|
@ -166,7 +163,7 @@ div.cdm.expandable.Unread div.cdmHeader a.title {
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdm.expandable.active div.cdmHeader a.title {
|
div.cdm.expandable.active div.cdmHeader a.title {
|
||||||
color: #0088cc;
|
color: @color-link;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
|
@ -192,7 +189,7 @@ div.cdm.expanded.active {
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdm.expanded.active div.cdmHeader a.title {
|
div.cdm.expanded.active div.cdmHeader a.title {
|
||||||
color : #0088cc;
|
color : @color-link;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdm.expanded.Unread div.cdmHeader a.title {
|
div.cdm.expanded.Unread div.cdmHeader a.title {
|
||||||
|
@ -225,7 +222,7 @@ div.cdmContent div.postEnclosures {
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdmFeedTitle {
|
div.cdmFeedTitle {
|
||||||
border: 0px solid #0088cc;
|
border: 0px solid @color-link;
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
padding : 5px 3px 5px 5px;
|
padding : 5px 3px 5px 5px;
|
||||||
}
|
}
|
||||||
|
@ -240,7 +237,7 @@ div.cdmFeedTitle a {
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdmFeedTitle a:hover {
|
div.cdmFeedTitle a:hover {
|
||||||
color : #0088cc;
|
color : @color-link;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.cdmHeader span.hlFeed {
|
div.cdmHeader span.hlFeed {
|
||||||
|
@ -413,7 +410,7 @@ div#floatingTitle.Unread a.title {
|
||||||
}
|
}
|
||||||
|
|
||||||
a.catchup:hover {
|
a.catchup:hover {
|
||||||
color : #0088cc;
|
color : @color-link;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
11
css/default.less
Normal file
11
css/default.less
Normal file
|
@ -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";
|
|
@ -639,9 +639,7 @@
|
||||||
color: #555;
|
color: #555;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: "Segoe WP Semibold", "Segoe UI Semibold",
|
font-family: @fonts-ui-bold;
|
||||||
"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
|
|
||||||
Helvetica, Arial, sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dijitDialog .dijitDialogPaneContent {
|
.dijitDialog .dijitDialogPaneContent {
|
||||||
|
|
129
css/prefs.css
129
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%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
130
css/prefs.less
Normal file
130
css/prefs.less
Normal file
|
@ -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%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
|
@ -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 {
|
body {
|
||||||
background : white;
|
background : white;
|
||||||
color : black;
|
color : black;
|
||||||
|
|
Loading…
Reference in a new issue