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
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
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;
|
||||
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 {
|
||||
|
|
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 {
|
||||
background : white;
|
||||
color : black;
|
||||
|
|
Loading…
Reference in a new issue