merge login form css into default.css
update more hardcoded colors to use @color-accent update @color-accent
This commit is contained in:
Andrew Dolgov
parent
1c1fc17120
commit
4d10b4abca
30
css/cdm.less
30
css/cdm.less
|
|
@ -28,7 +28,7 @@
|
|||
}
|
||||
|
||||
span.updated {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : normal;
|
||||
font-size : 11px;
|
||||
white-space : nowrap;
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
height : 30px;
|
||||
padding-left : 5px;
|
||||
font-weight : normal;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
clear : both;
|
||||
|
||||
> * {
|
||||
|
|
@ -150,7 +150,7 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap {
|
|||
|
||||
div.cdm.expandable div.cdmHeader a.title {
|
||||
font-weight : 600;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 14px;
|
||||
-webkit-transition : color 0.2s;
|
||||
transition : color 0.2s;
|
||||
|
|
@ -197,7 +197,7 @@ div.cdm.expanded.Unread div.cdmHeader a.title {
|
|||
}
|
||||
|
||||
div.cdm.expanded div.cdmContent {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
div.cdm.expanded.Unread div.cdmContent {
|
||||
|
|
@ -218,7 +218,7 @@ span.cdmExcerpt {
|
|||
|
||||
div.cdmContent div.postEnclosures {
|
||||
margin-top : 1em;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle {
|
||||
|
|
@ -228,12 +228,12 @@ div.cdmFeedTitle {
|
|||
}
|
||||
|
||||
div.cdmFeedTitle a.title {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle a {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle a:hover {
|
||||
|
|
@ -248,7 +248,7 @@ div.cdmHeader span.hlFeed {
|
|||
|
||||
div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
|
||||
vertical-align : middle;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : normal;
|
||||
font-style : italic;
|
||||
font-size : 11px;
|
||||
|
|
@ -274,7 +274,7 @@ div.cdmContentInner iframe {
|
|||
|
||||
div.cdmHeader span.author {
|
||||
white-space : nowrap;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
|
@ -288,7 +288,7 @@ div#floatingTitle {
|
|||
border: 0px solid #ddd;
|
||||
border-bottom-width: 1px;
|
||||
background : white;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
|
||||
|
||||
> * {
|
||||
|
|
@ -304,7 +304,7 @@ div#floatingTitle {
|
|||
}
|
||||
|
||||
span.author {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
|
@ -325,7 +325,7 @@ div#floatingTitle {
|
|||
|
||||
div.hlFeed {
|
||||
padding-right : 10px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : normal;
|
||||
font-style : italic;
|
||||
font-size : 11px;
|
||||
|
|
@ -341,12 +341,12 @@ div#floatingTitle {
|
|||
span.updated {
|
||||
padding-right : 10px;
|
||||
white-space : nowrap;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
div.hlFeed a {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
span.titleWrap {
|
||||
|
|
@ -403,7 +403,7 @@ div#floatingTitle.Unread a.title {
|
|||
|
||||
a.catchup {
|
||||
text-align : right;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding-right : 10px;
|
||||
font-size : 11px;
|
||||
white-space : nowrap;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +1,10 @@
|
|||
@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;
|
||||
@color-accent: #257aa7;
|
||||
@color-accent-light: lighten(@color-accent, 50%);
|
||||
@color-link: @color-accent;
|
||||
@default-text: #555;
|
||||
|
||||
body.ttrss_main,
|
||||
body.ttrss_prefs,
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
|
||||
.dijitTree .feedParam {
|
||||
color: #555;
|
||||
color: @default-text;
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
|
||||
.dijitTree .dijitTreeLabel.filterDisabled,
|
||||
.dijitTree .labelParam.filterDisabled {
|
||||
color: #555;
|
||||
color: @default-text;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
|
|
@ -413,14 +413,14 @@
|
|||
}
|
||||
|
||||
.dijitMenu {
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
border-color: @color-accent;
|
||||
}
|
||||
|
||||
.dijitMenu .dijitMenuItemSelected,
|
||||
.dijitMenu .dijitMenuItemSelected td {
|
||||
background: rgb(82, 168, 236);
|
||||
background: @color-accent;
|
||||
color: white;
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
border-color: @color-accent;
|
||||
}
|
||||
|
||||
.dijitButton .dijitButtonNode,
|
||||
|
|
@ -453,7 +453,7 @@
|
|||
|
||||
.dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
|
||||
.dijitAccordionTitle.dijitAccordionTitleSelected {
|
||||
background: #0088cc;
|
||||
background: @color-accent;
|
||||
transition: background 0.25s;
|
||||
}
|
||||
|
||||
|
|
@ -462,7 +462,7 @@
|
|||
}
|
||||
|
||||
.dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
|
||||
border-color: #0088cc;
|
||||
border-color: @color-accent;
|
||||
}
|
||||
|
||||
.dijitAccordionContainer .dijitAccordionChildWrapper {
|
||||
|
|
@ -520,7 +520,7 @@
|
|||
padding: 4px 6px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
color: @default-text;
|
||||
vertical-align: middle;
|
||||
border-width: 0px;
|
||||
}
|
||||
|
|
@ -534,7 +534,7 @@
|
|||
padding: 4px 6px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
color: @default-text;
|
||||
vertical-align: middle;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
|
|
@ -575,9 +575,9 @@
|
|||
outline: thin dotted \9;
|
||||
/* IE6-9 */
|
||||
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(red(@color-accent), green(@color-accent), blue(@color-accent), 0.6);
|
||||
}
|
||||
|
||||
.dijitError .dijitValidationContainer {
|
||||
|
|
@ -636,7 +636,7 @@
|
|||
background: white;
|
||||
padding: 8px;
|
||||
font-weight: 600;
|
||||
color: #555;
|
||||
color: @default-text;
|
||||
font-size: 16px;
|
||||
text-rendering: optimizelegibility;
|
||||
font-family: @fonts-ui-bold;
|
||||
|
|
@ -649,11 +649,11 @@
|
|||
|
||||
.dijitProgressBar.dijitProgressBarEmpty {
|
||||
background: #ddd;
|
||||
border-color: #0088cc;
|
||||
border-color: @color-accent;
|
||||
}
|
||||
|
||||
.dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
|
||||
background: rgb(82, 168, 236);
|
||||
background: @color-accent;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -51,18 +51,16 @@ body.ttrss_prefs {
|
|||
}
|
||||
|
||||
tr.title td {
|
||||
border-width : 0px 0px 1px 0px;
|
||||
border-color : #ecf4ff;
|
||||
border-style : solid;
|
||||
border: 0px solid #ecf4ff;
|
||||
border-bottom-width: 1px;
|
||||
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;
|
||||
border: 1px solid #ddd;
|
||||
border-top-width: 0px;
|
||||
margin : 0px 0px 5px 0px;
|
||||
background-color : white;
|
||||
}
|
||||
|
|
@ -82,7 +80,7 @@ body.ttrss_prefs {
|
|||
div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
|
||||
text-align : center;
|
||||
padding : 5px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
|
||||
|
|
@ -116,7 +114,7 @@ body.ttrss_prefs {
|
|||
}
|
||||
|
||||
table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
|
|||
110
css/tt-rss.less
110
css/tt-rss.less
|
|
@ -30,7 +30,7 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
span.author {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
|
@ -81,7 +81,7 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
div.postEnclosures {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
img.tagsPic {
|
||||
|
|
@ -263,7 +263,7 @@ body.ttrss_main {
|
|||
font-size : 11px;
|
||||
font-style : italic;
|
||||
font-weight : normal;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
white-space : nowrap;
|
||||
}
|
||||
|
||||
|
|
@ -272,7 +272,7 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
span.hlUpdated {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
display : table-cell;
|
||||
vertical-align : middle;
|
||||
text-align : right;
|
||||
|
|
@ -359,7 +359,7 @@ body.ttrss_main {
|
|||
#headlines-frame blockquote,
|
||||
.dijitContentPane blockquote {
|
||||
margin : 5px 0px 5px 0px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding-left : 10px;
|
||||
border: 0px solid #ccc;
|
||||
border-left-width: 4px;
|
||||
|
|
@ -378,7 +378,7 @@ body.ttrss_main {
|
|||
.dijitContentPane pre {
|
||||
margin: 5px 0px 5px 0px;
|
||||
padding: 10px;
|
||||
color: #555;
|
||||
color: @default-text;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
border: 0px solid #ccc;
|
||||
|
|
@ -453,12 +453,12 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
div.prefHelp {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
.insensitive {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
|
||||
.small {
|
||||
|
|
@ -588,7 +588,7 @@ body.ttrss_main {
|
|||
padding : 5px;
|
||||
|
||||
em {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -712,7 +712,7 @@ body.ttrss_main {
|
|||
|
||||
div.dlgSec {
|
||||
font-size : 12px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : bold;
|
||||
clear : both;
|
||||
height : 20px;
|
||||
|
|
@ -763,7 +763,7 @@ body.ttrss_main {
|
|||
left : 5px;
|
||||
bottom : 5px;
|
||||
font-size : 11px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-weight : bold;
|
||||
background-color : white;
|
||||
border : 1px solid @color-accent;
|
||||
|
|
@ -860,9 +860,9 @@ body.ttrss_main {
|
|||
display : inline-block;
|
||||
font-size : 9px;
|
||||
text-align : center;
|
||||
border : 1px solid @color-accent;
|
||||
border : 1px solid lighten(@color-accent, 5%);;
|
||||
color : white;
|
||||
background : @color-accent;
|
||||
background : lighten(@color-accent, 5%);
|
||||
border-radius : 4px;
|
||||
vertical-align : middle;
|
||||
float : right;
|
||||
|
|
@ -923,7 +923,7 @@ body.ttrss_main {
|
|||
#header {
|
||||
border-width : 0px;
|
||||
text-align : right;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding : 5px 5px 0px 0px;
|
||||
margin : 0px;
|
||||
position : absolute;
|
||||
|
|
@ -934,7 +934,7 @@ body.ttrss_main {
|
|||
|
||||
#footer {
|
||||
text-align : center;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding : 4px 4px 8px 4px;
|
||||
border-width : 0px;
|
||||
}
|
||||
|
|
@ -959,10 +959,10 @@ body.ttrss_main {
|
|||
|
||||
.player {
|
||||
display : inline-block;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
font-family : sans-serif;
|
||||
border : 1px solid #555;
|
||||
border : 1px solid @default-text;
|
||||
padding : 0px 4px 0px 4px;
|
||||
margin : 0px 2px 0px 2px;
|
||||
width : 50px;
|
||||
|
|
@ -984,12 +984,12 @@ body.ttrss_main {
|
|||
height : 100%;
|
||||
margin-left : 1px;
|
||||
text-align : center;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-size : 11px;
|
||||
font-style : italic;
|
||||
|
||||
a, span {
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding : 10px;
|
||||
display : block;
|
||||
}
|
||||
|
|
@ -1114,4 +1114,76 @@ body.ttrss_main {
|
|||
}
|
||||
}
|
||||
|
||||
body.ttrss_login {
|
||||
padding : 2em;
|
||||
font-size : 14px;
|
||||
|
||||
fieldset {
|
||||
margin-left : auto;
|
||||
margin-right : auto;
|
||||
display : block;
|
||||
width : 400px;
|
||||
border-width : 0px;
|
||||
}
|
||||
|
||||
label {
|
||||
width : 120px;
|
||||
margin-right : 20px;
|
||||
display : inline-block;
|
||||
text-align : right;
|
||||
color : gray;
|
||||
}
|
||||
|
||||
div.header {
|
||||
border: 0px solid @color-accent;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 5px;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
margin-top : 1em;
|
||||
padding-top : 5px;
|
||||
border: 0px solid @color-accent;
|
||||
border-top-width: 1px;
|
||||
text-align : center;
|
||||
color : gray;
|
||||
font-size : 12px;
|
||||
}
|
||||
|
||||
a.forgotpass {
|
||||
text-align : right;
|
||||
font-size : 11px;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @color-accent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: @color-accent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div.footer a {
|
||||
color : gray;
|
||||
}
|
||||
|
||||
div.footer a:hover {
|
||||
color : @color-accent;
|
||||
}
|
||||
|
||||
div.row {
|
||||
padding : 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
div.row-error {
|
||||
color : red;
|
||||
text-align : center;
|
||||
padding : 0px 0px 5px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ body.ttrss_zoom {
|
|||
|
||||
blockquote {
|
||||
margin : 5px 0px 5px 0px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
padding-left : 10px;
|
||||
border: 0px solid #ccc;
|
||||
border-left-width: 4px;
|
||||
|
|
@ -91,7 +91,7 @@ body.ttrss_zoom {
|
|||
pre {
|
||||
margin : 5px 0px 5px 0px;
|
||||
padding : 10px;
|
||||
color : #555;
|
||||
color : @default-text;
|
||||
font-family : monospace;
|
||||
font-size : 12px;
|
||||
border: 0px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -23,81 +23,6 @@
|
|||
init();
|
||||
});
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body.ttrss_login {
|
||||
padding : 2em;
|
||||
font-size : 14px;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-left : auto;
|
||||
margin-right : auto;
|
||||
display : block;
|
||||
width : 400px;
|
||||
border-width : 0px;
|
||||
}
|
||||
|
||||
label {
|
||||
width : 120px;
|
||||
margin-right : 20px;
|
||||
display : inline-block;
|
||||
text-align : right;
|
||||
color : gray;
|
||||
}
|
||||
|
||||
div.header {
|
||||
border: 0px solid #0088cc;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 5px;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
margin-top : 1em;
|
||||
padding-top : 5px;
|
||||
border: 0px solid #0088cc;
|
||||
border-top-width: 1px;
|
||||
text-align : center;
|
||||
color : gray;
|
||||
font-size : 12px;
|
||||
}
|
||||
|
||||
a.forgotpass {
|
||||
text-align : right;
|
||||
font-size : 11px;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0088cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #005580;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div.footer a {
|
||||
color : gray;
|
||||
}
|
||||
|
||||
div.footer a:hover {
|
||||
color : #0088cc;
|
||||
}
|
||||
|
||||
div.row {
|
||||
padding : 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
div.row-error {
|
||||
color : red;
|
||||
text-align : center;
|
||||
padding : 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="claro ttrss_main ttrss_login">
|
||||
|
|
|
|||
Loading…
Reference in New Issue