default theme updates

This commit is contained in:
Andrew Dolgov 2014-01-27 19:03:35 +04:00
parent 8d53c81874
commit d44f3da4be
5 changed files with 105 additions and 61 deletions

View File

@ -725,7 +725,7 @@ class Feeds extends Handler_Protected {
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";
$reply['content'] .= "</div><hr/>"; $reply['content'] .= "</div>";
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";

View File

@ -73,10 +73,16 @@ div.cdm.expanded {
margin-bottom : 4px; margin-bottom : 4px;
} }
div.cdm.expanded div.cdmFooter {
border-style : solid;
border-width : 0px 0px 1px 0px;
border-color : #f0f0f0;
}
div.cdm.expandable { div.cdm.expandable {
background-color : #f0f0f0; background-color : #f0f0f0;
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-color : #c0c0c0; border-color : #ddd;
border-style : solid; border-style : solid;
} }
@ -98,8 +104,6 @@ div.cdm.expandable.Selected {
} }
div.cdm.expandable.active { div.cdm.expandable.active {
box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
border-color : #88b0f0;
background : white ! important; background : white ! important;
} }
@ -247,9 +251,9 @@ div#floatingTitle {
right : 0px; right : 0px;
left : 0px; left : 0px;
border-color : #ccc; border-color : #ccc;
border-width : 1px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
background : #fcfcfc; background : white;
color : #555; color : #555;
box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1); box-shadow : 0px 1px 1px 0px rgba(0,0,0,0.1);
} }

View File

@ -24,8 +24,8 @@ div.postReply {
div.postReply div.postHeader { div.postReply div.postHeader {
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #c0c0c0; border-color : #eee;
background : #fafafa; background : white;
box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
padding : 5px; padding : 5px;
color : #909090; color : #909090;
@ -66,12 +66,12 @@ div.postReply img.tagsPic {
div.articleNote { div.articleNote {
background-color : #fff7d5; background-color : #fff7d5;
padding : 5px; padding : 5px;
border-radius : 4px; /* border-radius : 4px; */
margin : 5px; margin : 5px;
border-style : solid; border-style : solid;
border-color : #e7d796; border-color : #e7d796;
border-width : 1px; border-width : 1px;
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
background-color : #fff7d5; background-color : #fff7d5;
color : #9a8c59; color : #9a8c59;
} }
@ -108,8 +108,7 @@ h3 {
hr { hr {
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #c0c0c0; border-color : #ccc;
max-width : 90%;
} }
a { a {
@ -138,7 +137,7 @@ a:hover {
min-width : 100px; min-width : 100px;
padding : 5px; padding : 5px;
-width : 200px; -width : 200px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.2); /* box-shadow : 0px 0px 2px rgba(0,0,0,0.2); */
} }
#notify img { #notify img {
@ -190,7 +189,7 @@ a:hover {
} }
.hl.active { .hl.active {
box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); */
} }
.hl.active div.hlTitle a { .hl.active div.hlTitle a {
@ -217,7 +216,7 @@ a:hover {
.hl { .hl {
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #c0c0c0; border-color : #eee;
} }
.hl.active { .hl.active {
@ -232,8 +231,8 @@ div.filterTestHolder {
margin : 0px 0px 5px 0px; margin : 0px 0px 5px 0px;
background-color : #ecf4ff; background-color : #ecf4ff;
border-width : 1px; border-width : 1px;
border-radius : 4px; /* border-radius : 4px; */
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
@ -274,9 +273,9 @@ div.notice, div.warning, div.error {
font-size : 12px; font-size : 12px;
border-style : solid; border-style : solid;
border-color : #ccc; border-color : #ccc;
border-radius : 4px; /* border-radius : 4px; */
border-width : 1px; border-width : 1px;
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
div.notice div.inner, div.warning div.inner, div.error div.inner { div.notice div.inner, div.warning div.inner, div.error div.inner {
@ -325,9 +324,7 @@ div.prefHelp {
} }
div#headlines-toolbar { div#headlines-toolbar {
border-width : 0px 0px 1px 0px; border-width : 0px;
background-color : #fcfcfc;
border-color : #c0c0c0;
font-size : 12px; font-size : 12px;
font-family : "Segoe UI", Tahoma, sans-serif; font-family : "Segoe UI", Tahoma, sans-serif;
color : #555; color : #555;
@ -337,6 +334,7 @@ div#headlines-toolbar {
height : 25px; height : 25px;
line-height : 25px; line-height : 25px;
padding-left : 4px; padding-left : 4px;
background : #fafafa;
} }
div#headlines-toolbar .dijitSelect { div#headlines-toolbar .dijitSelect {
@ -377,7 +375,7 @@ span.hlLabelRef {
display : inline-block; display : inline-block;
vertical-align : middle; vertical-align : middle;
white-space: nowrap; white-space: nowrap;
border-radius : 4px; border-radius : 4px;
} }
div.postHeader div.postDate { div.postHeader div.postDate {
@ -408,7 +406,7 @@ a.hlFeed {
font-size : 9px; font-size : 9px;
font-style : italic; font-style : italic;
font-weight : normal; font-weight : normal;
border-radius : 4px; /* border-radius : 4px; */
display : inline-block; display : inline-block;
padding : 1px 2px 1px 2px; padding : 1px 2px 1px 2px;
margin-bottom : 2px; margin-bottom : 2px;
@ -431,8 +429,8 @@ div.tagCloudContainer {
margin : 5px 0px 5px 0px; margin : 5px 0px 5px 0px;
padding : 5px; padding : 5px;
text-align : center; text-align : center;
border-radius : 4px; /* border-radius : 4px; */
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
div.errorExplained { div.errorExplained {
@ -440,8 +438,8 @@ div.errorExplained {
background-color : #ecf4ff; background-color : #ecf4ff;
margin : 5px 0px 5px 0px; margin : 5px 0px 5px 0px;
padding : 5px; padding : 5px;
border-radius : 4px; /* border-radius : 4px; */
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
ul.feedErrorsList { ul.feedErrorsList {
@ -452,8 +450,8 @@ ul.feedErrorsList {
background-color : #ecf4ff; background-color : #ecf4ff;
margin : 0px 0px 5px 0px; margin : 0px 0px 5px 0px;
padding : 5px; padding : 5px;
border-radius : 4px; /* border-radius : 4px; */
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
ul.feedErrorsList em { ul.feedErrorsList em {
@ -667,7 +665,7 @@ span.labelColorIndicator {
background-color : #fff7d5; background-color : #fff7d5;
color : #063064; color : #063064;
text-align : center; text-align : center;
box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); /* box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); */
} }
div#cmdline { div#cmdline {
@ -771,7 +769,7 @@ div.fatalError textarea {
#content-wrap { #content-wrap {
padding : 0px; padding : 0px;
border-width : 0px 0px 0px 1px; border-width : 0px 0px 0px 0px;
border-style : solid; border-style : solid;
border-color : #c0c0c0; border-color : #c0c0c0;
margin : 0px; margin : 0px;
@ -779,13 +777,12 @@ div.fatalError textarea {
#feeds-holder { #feeds-holder {
padding : 0px; padding : 0px;
border-color : #c0c0c0; border-width : 0px 1px 0px 0px;
border-left-width : 0px; border-style : solid;
border-bottom-width : 0px; border-color : #eee;
border-top-width : 0px;
overflow : hidden; overflow : hidden;
background : #fafafa;
box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
background : #f9fbff;
} }
#headlines-wrap-inner { #headlines-wrap-inner {
@ -800,7 +797,7 @@ div.fatalError textarea {
border-style : solid; border-style : solid;
border-width : 0px; border-width : 0px;
margin-top : 0px; margin-top : 0px;
box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
} }
#headlines-toolbar_splitter, #toolbar_splitter { #headlines-toolbar_splitter, #toolbar_splitter {
@ -813,7 +810,13 @@ div.fatalError textarea {
border-width : 0px; border-width : 0px;
white-space: nowrap; white-space: nowrap;
font-size : 12px; font-size : 12px;
box-shadow : 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : 0px 0px 2px rgba(0,0,0,0.1); */
}
#main-toolbar {
background : white;
border-width : 0px;
padding-left : 0px;
} }
#header { #header {
@ -837,7 +840,7 @@ div.fatalError textarea {
#content-insert { #content-insert {
padding : 0px; padding : 0px;
border-color : #c0c0c0; border-color : #eee;
border-bottom-width : 0px; border-bottom-width : 0px;
border-right-width : 0px; border-right-width : 0px;
border-left-width : 0px; border-left-width : 0px;
@ -937,6 +940,7 @@ img.feedIcon, img.tinyFeedIcon {
color : #555; color : #555;
} }
ul#filterDlg_Matches, ul#filterDlg_Actions { ul#filterDlg_Matches, ul#filterDlg_Actions {
max-height : 100px; max-height : 100px;
overflow : auto; overflow : auto;
@ -947,7 +951,7 @@ ul#filterDlg_Matches, ul#filterDlg_Actions {
background-color : #ecf4ff; background-color : #ecf4ff;
margin : 0px 0px 5px 0px; margin : 0px 0px 5px 0px;
padding : 0px; padding : 0px;
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
ul#filterDlg_Matches li, ul#filterDlg_Actions li { ul#filterDlg_Matches li, ul#filterDlg_Actions li {
@ -967,8 +971,8 @@ ul.helpKbList {
background-color : #ecf4ff; background-color : #ecf4ff;
margin : 0px 0px 5px 0px; margin : 0px 0px 5px 0px;
padding : 5px; padding : 5px;
border-radius : 4px; /* border-radius : 4px; */
box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
} }
ul.helpKbList span.hksequence { ul.helpKbList span.hksequence {
@ -1057,14 +1061,14 @@ body#ttrssZoom div.postContent p {
body#ttrssZoom div.postHeader { body#ttrssZoom div.postHeader {
margin : 10px; margin : 10px;
border : 1px solid #ccc; border : 1px solid #ccc;
box-shadow : none; /* box-shadow : none; */
border-radius : 4px; /* border-radius : 4px; */
} }
body#ttrssZoom div.postReply { body#ttrssZoom div.postReply {
border : 1px solid #ccc; border : 1px solid #ccc;
border-radius : 4px; /* border-radius : 4px;
box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
background : white; background : white;
} }
@ -1088,10 +1092,6 @@ select.attachments {
max-width : 120px; max-width : 120px;
} }
div.hl.active {
border-color : #88b0f0;
}
#selected_prompt { #selected_prompt {
margin-right : 25px; margin-right : 25px;
} }
@ -1157,7 +1157,7 @@ body#ttrssMain #feedTree {
float : right; float : right;
position : relative; position : relative;
line-height : 14px; line-height : 14px;
margin-right : 4px; margin-right : 8px;
margin-top : 3px; margin-top : 3px;
min-width : 23px; min-width : 23px;
height : 14px; height : 14px;
@ -1178,6 +1178,41 @@ body#ttrssPrefs hr {
font-size : 13px; font-size : 13px;
} }
body#ttrssMain #feedTree .dijitTreeRowSelected {
background : #ecf4ff;
/* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
}
body#ttrssMain #feedTree .dijitTreeRowHover {
background : white;
}
body#ttrssMain #feedTree .dijitTreeRowActive {
background-color : transparent;
background-image : none;
border-color : transparent;
}
/* body#ttrssMain .dijitTreeRowHover,
body#ttrssPrefs .dijitTreeRowHover,
body#ttrssMain .dijitTreeRowActive,
body#ttrssPrefs .dijitTreeRowActive {
background-color : transparent;
background-image : none;
border-color : transparent;
} */
body#ttrssMain .dijitTreeRowSelected .dijitTreeLabel,
body#ttrssPrefs .dijitTreeRowSelected .dijitTreeLabel {
color : #4684ff;
font-weight : bold;
}
body#ttrssMain .dijitTreeRowHover .dijitTreeLabel,
body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel {
color : #4684ff;
}
.dijitTreeRowSelected .dijitTreeLabel { .dijitTreeRowSelected .dijitTreeLabel {
text-shadow : 1px 1px 2px #fff; text-shadow : 1px 1px 2px #fff;
} }
@ -1192,7 +1227,18 @@ span.highlight {
color : #cc90cc; color : #cc90cc;
} }
#feedTree .dijitTreeRow .dijitTreeExpando {
background-image: url("../images/treeExpandImages.png");
position : relative;
top : -1px;
}
#feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
display : none;
}
div.enclosure_title { div.enclosure_title {
} }

BIN
images/treeExpandImages.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 B

View File

@ -550,9 +550,6 @@ function init_second_stage() {
updateFeedList(); updateFeedList();
closeArticlePanel(); closeArticlePanel();
_widescreen_mode = getInitParam("widescreen");
switchPanelMode(_widescreen_mode);
if (parseInt(getCookie("ttrss_fh_width")) > 0) { if (parseInt(getCookie("ttrss_fh_width")) > 0) {
dijit.byId("feeds-holder").domNode.setStyle( dijit.byId("feeds-holder").domNode.setStyle(
{width: getCookie("ttrss_fh_width") + "px" }); {width: getCookie("ttrss_fh_width") + "px" });
@ -624,6 +621,9 @@ function init_second_stage() {
hotkeys[1] = tmp; hotkeys[1] = tmp;
setInitParam("hotkeys", hotkeys); setInitParam("hotkeys", hotkeys);
_widescreen_mode = getInitParam("widescreen");
switchPanelMode(_widescreen_mode);
console.log("second stage ok"); console.log("second stage ok");
if (getInitParam("simple_update")) { if (getInitParam("simple_update")) {
@ -1064,11 +1064,8 @@ function switchPanelMode(wide) {
dijit.byId("content-insert").domNode.setStyle({width: '50%', dijit.byId("content-insert").domNode.setStyle({width: '50%',
height: 'auto', height: 'auto',
borderLeftWidth: '1px',
borderLeftColor: '#c0c0c0',
borderTopWidth: '0px' }); borderTopWidth: '0px' });
$("headlines-toolbar").setStyle({ borderBottomWidth: '0px' });
$("headlines-frame").setStyle({ borderBottomWidth: '0px' }); $("headlines-frame").setStyle({ borderBottomWidth: '0px' });
$("headlines-frame").addClassName("wide"); $("headlines-frame").addClassName("wide");
@ -1078,11 +1075,8 @@ function switchPanelMode(wide) {
dijit.byId("content-insert").domNode.setStyle({width: 'auto', dijit.byId("content-insert").domNode.setStyle({width: 'auto',
height: '50%', height: '50%',
borderLeftWidth: '0px',
borderTopWidth: '1px'}); borderTopWidth: '1px'});
$("headlines-toolbar").setStyle({ borderBottomWidth: '1px' });
$("headlines-frame").setStyle({ borderBottomWidth: '1px' }); $("headlines-frame").setStyle({ borderBottomWidth: '1px' });
$("headlines-frame").removeClassName("wide"); $("headlines-frame").removeClassName("wide");