prefs style updates, etc

diff --git a/css/cdm.css b/css/cdm.css
index ef3ef52d616216a6e07bebb346136fb632de2368..3c6f72e1e54496ba9f2c60746f234ebcc2c329e8 100644 (file)
--- a/css/cdm.css
+++ b/css/cdm.css
@@ -250,8 +250,8 @@ div#floatingTitle {
        top : 0px;
        right : 0px;
        left : 0px;
-       border-color : #ccc;
-       border-width : 0px 0px 1px 0px;
+       border-color : #eee;
+       border-width : 0px 0px 1px 1px;
        border-style : solid;
        background : white;
        color : #555;

diff --git a/css/prefs.css b/css/prefs.css
index 502a53be97dfe2633c03b2bf2e2a03ae3c47c15e..da1f3b6dca29e7b3da381f8c7ad9b0a44d1c241c 100644 (file)
--- a/css/prefs.css
+++ b/css/prefs.css
@@ -52,11 +52,10 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
        height : 300px;
        overflow : auto;
        border-width : 0px 1px 1px 1px;
-       border-color : #c0c0c0;
+       border-color : #eee;
        border-style : solid;
        margin : 0px 0px 5px 0px;
-       background-color : #ecf4ff;
-       box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1);
+       background-color : #fafafa;
 }
 div.filterTestHolder, div.prefFeedOPMLHolder {
        border-width : 1px;
@@ -66,12 +65,10 @@ ul.selfUpdateList, ul.userFeedList {
        height : 200px;
        overflow : auto;
        list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
+       border : 1px solid #eee;
+       background-color : #fafafa;
        margin : 0px 0px 5px 0px;
        padding : 5px;
-       box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1);
-       border-radius : 4px;
 }
 
 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
@@ -90,7 +87,8 @@ div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
 
 a.bookmarklet {
        color : #4684ff;
-       border : 1px solid #ecf4ff;
+       border : 1px solid #eee;
+       background : #fafafa;
        padding : 2px;
 }
 
@@ -120,7 +118,28 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog
        color : #555;
 }
 
-.dijitAccordionContainer-child {
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2);
+.claro .dijitTabPaneWrapper, 
+.claro .dijitTabContainerTop-tabs,
+.claro .dijitTab,
+.claro .dijitAccordionInnerContainer {
+       border-color : #ddd;
+}
+
+.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
+       border-color : #ccc;
+}
+
+.claro .dijitToolbar {
+       background : #fafafa;
+       border-color : #eee;
+}
+
+.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
+       border-color : #ddd;
+}
+
+.claro .dijitTreeRow .dijitCheckBox {
+       position : relative;
+       top : -2px;
 }
 

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 21fa8356f8bd31c5658ea36ffe813c1b36566a14..c0c4aa453c546422951b9a552e819fc2600cf651 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -12,7 +12,7 @@ body#ttrssPrefs {
 }
 
 body#ttrssPrefs #footer, body#ttrssPrefs #header {
-       background-color : #ecf4ff; 
+       background-color : #ecf4ff;
        padding-left : 8px;
        padding-right : 8px;
 }
@@ -66,12 +66,10 @@ div.postReply img.tagsPic {
 div.articleNote {
        background-color : #fff7d5;
        padding : 5px;
-       /* border-radius : 4px; */
        margin : 5px;
        border-style : solid;
        border-color : #e7d796;
        border-width : 1px;
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
        background-color : #fff7d5;
        color : #9a8c59;
 }
@@ -137,7 +135,6 @@ a:hover {
        min-width : 100px;
        padding : 5px;
        -width : 200px;
-       /* box-shadow : 0px 0px 2px rgba(0,0,0,0.2); */
 }
 
 #notify img {
@@ -188,10 +185,6 @@ a:hover {
        color : black;
 }
 
-.hl.active {
-       /* box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); */
-}
-
 .hl.active div.hlTitle a {
        color : #4684ff;
        text-shadow : 1px 1px 2px #fff;
@@ -218,13 +211,11 @@ a:hover {
 div.filterTestHolder {
        height : 300px;
        overflow : auto;
-       border-color : #c0c0c0;
+       border-color : #eee;
        border-style : solid;
        margin : 0px 0px 5px 0px;
-       background-color : #ecf4ff;
+       background-color : #fafafa;
        border-width : 1px;
-       /* border-radius : 4px; */
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 
@@ -233,7 +224,7 @@ div.filterTestHolder {
        color : #555;
        padding-left : 10px;
        border-width : 0px 0px 0px 4px;
-       border-color : #c0c0c0;
+       border-color : #ccc;
        border-style : solid;
 }
 
@@ -250,7 +241,7 @@ div.filterTestHolder {
        font-family : monospace;
        font-size : 12px;
        border-width : 0px;
-       border-color : #c0c0c0;
+       border-color : #ccc;
        border-style : solid;
        background : #fafafa;
        display : block;
@@ -265,9 +256,7 @@ div.notice, div.warning, div.error {
        font-size : 12px;
        border-style : solid;
        border-color : #ccc;
-       /* border-radius : 4px; */
        border-width : 1px;
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 div.notice div.inner, div.warning div.inner, div.error div.inner {
@@ -393,7 +382,7 @@ div.postHeader div {
 #allEntryTags {
        border-width : 0px 0px 1px 0px;
        border-style : solid;
-       border-color : #c0c0c0;
+       border-color : #eee;
        padding-bottom : 5px;
        display : none;
 }
@@ -404,7 +393,6 @@ a.hlFeed {
        font-size : 9px;
        font-style : italic;
        font-weight : normal;
-       /* border-radius : 4px; */
        display : inline-block;
        padding : 1px 2px 1px 2px;
        margin-bottom : 2px;
@@ -422,34 +410,28 @@ img.markedPic, img.pubPic {
 }
 
 div.tagCloudContainer {
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
+       border : 1px solid #eee;
+       background-color : #fafafa;
        margin : 5px 0px 5px 0px;
        padding : 5px;
        text-align : center;
-       /* border-radius : 4px; */
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 div.errorExplained {
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
+       border : 1px solid #eee;
+       background-color : #fafafa;
        margin : 5px 0px 5px 0px;
        padding : 5px;
-       /* border-radius : 4px; */
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 ul.feedErrorsList {
        max-height : 300px;
        overflow : auto;
        list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
+       border : 1px solid #eee;
+       background-color : #fafafa;
        margin : 0px 0px 5px 0px;
        padding : 5px;
-       /* border-radius : 4px; */
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 ul.feedErrorsList em {
@@ -460,7 +442,7 @@ ul.browseFeedList {
        height : 300px;
        overflow : auto;
        border-width : 0px 1px 1px 1px;
-       border-color : #c0c0c0;
+       border-color : #eee;
        border-style : solid;
        margin : 0px 0px 5px 0px;
        background-color : white;
@@ -536,13 +518,6 @@ div.whiteBox {
        padding : 1em;
 }
 
-/* html, body#ttrssMain, #main {
-       width: 100%; 
-       height: 100%;
-       padding: 0; 
-       margin: 0;
-} */
-
 div.autocomplete {
        position : absolute;
        width : 250px;
@@ -649,7 +624,6 @@ span.labelColorIndicator {
        background-color : #fff7d5;     
        color : #063064;
        text-align : center;
-       /* box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); */
 }
 
 div#cmdline {
@@ -753,9 +727,9 @@ div.fatalError textarea {
 
 #content-wrap {
        padding : 0px;
-       border-width : 0px 0px 0px 0px;
+       border-width : 0px;
        border-style : solid;
-       border-color : #c0c0c0;
+       border-color : #eee;
        margin : 0px;
 }
 
@@ -780,7 +754,6 @@ div.fatalError textarea {
        border-style : solid;
        border-width : 0px;
        margin-top : 0px;
-       /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
 }
 
 #headlines-toolbar_splitter, #toolbar_splitter {
@@ -840,7 +813,7 @@ div.fatalError textarea {
        color : red;
 }
 
-.dijitTreeLabel {
+.claro .dijitTreeLabel {
        outline : 0;
 }
 
@@ -884,7 +857,7 @@ img.feedIcon, img.tinyFeedIcon {
 }
 
 .dijitDialog .dijitToolbar {
-       border : 1px solid #c0c0c0;
+       border : 1px solid #eee;
 }
 
 .dijitDialog h2 {
@@ -930,12 +903,11 @@ ul#filterDlg_Matches, ul#filterDlg_Actions {
        overflow : auto;
        list-style-type : none;
        border-style : solid;
-       border-color : #c0c0c0;
+       border-color : #eee;
        border-width : 0px 1px 1px 1px;
-       background-color : #ecf4ff;
+       background-color : #fafafa;
        margin : 0px 0px 5px 0px;
        padding : 0px;
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
@@ -951,12 +923,10 @@ ul.helpKbList {
        max-height : 300px;
        overflow : auto;
        list-style-type : none;
-       border : 1px solid #c0c0c0;
-       background-color : #ecf4ff;
+       border : 1px solid #eee;
+       background-color : #fafafa;
        margin : 0px 0px 5px 0px;
        padding : 5px;
-       /* border-radius : 4px; */
-       /* box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); */
 }
 
 ul.helpKbList span.hksequence {
@@ -1045,14 +1015,10 @@ body#ttrssZoom div.postContent p {
 body#ttrssZoom div.postHeader {
        margin : 10px;
        border : 1px solid #ccc;
-       /* box-shadow : none; */
-       /* border-radius : 4px; */
 }
 
 body#ttrssZoom div.postReply {
        border : 1px solid #ccc;
-       /* border-radius : 4px;
-       box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
        background : white;
 }
 
@@ -1089,29 +1055,32 @@ body#ttrssMain #feedTree .dijitTreeRow {
        padding : 2px 0px 2px;
        height : 22px;
        border-width : 1px;
-       border-color : transparent;
        color : #333;
 }
 
-body#ttrssMain #feedTree .dijitFolderClosed,
-body#ttrssMain #feedTree .dijitFolderOpened {
+.claro .dijitTreeRow {
+       border-color : transparent;
+}
+
+.claro .dijitFolderClosed,
+.claro .dijitFolderOpened {
        display : none;
 }
 
-.dijitTreeNode .dijitCheckBox {
+.claro .dijitTreeNode .dijitCheckBox {
        margin-left : 4px;
 }
 
-body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
+.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
        margin-left : 5px;
 }
 
-body#ttrssMain #feedTree .dijitTreeExpando {
+.claro .dijitTree .dijitTreeExpando {
        margin-top : 0px;
        opacity : 0.6;
 }
 
-body#ttrssMain #feedTree .dijitTreeNode {
+.claro .dijitTreeNode {
        padding : 0px;
        border-width : 0px;
 }
@@ -1122,13 +1091,13 @@ body#ttrssMain #feedTree {
        font-family : "Segoe UI", Tahoma, sans-serif;
 }
 
-#feedTree .counterNode.aux {
+body#ttrssMain #feedTree .counterNode.aux {
        background : #f0f0f0;
        color : #999;
        border-color : #f0f0f0;
 }
 
-#feedTree .counterNode {
+body#ttrssMain #feedTree .counterNode {
        font-weight : bold;
        display : inline-block;
        font-size : 9px;
@@ -1147,7 +1116,7 @@ body#ttrssMain #feedTree {
        height : 14px;
 }
 
-#feedTree .dijitTreeRow {
+.claro .dijitTree .dijitTreeRow {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
@@ -1158,46 +1127,36 @@ body#ttrssPrefs hr {
        max-width : 100%;
 }
 
-.dijitMenuItemLabel {
+.claro .dijitMenuItemLabel {
        font-size : 13px;
 }
 
-body#ttrssMain #feedTree .dijitTreeRowSelected {
+.claro .dijitTree .dijitTreeRowSelected {
        background : white;
-       /* box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); */
 }
 
-body#ttrssMain #feedTree .dijitTreeRowHover {
+.claro .dijitTree .dijitTreeRowHover {
        background : #ecf4ff;
 }
 
-body#ttrssMain #feedTree .dijitTreeRowActive {
+.claro .dijitTree .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 {
+.claro .dijitTreeRowSelected .dijitTreeLabel,
+.claro .dijitTreeRowSelected .dijitTreeLabel {
        color : #4684ff;
        font-weight : bold;
 }
 
-body#ttrssMain .dijitTreeRowHover .dijitTreeLabel,
-body#ttrssPrefs .dijitTreeRowHover .dijitTreeLabel {
+.claro .dijitTreeRowHover .dijitTreeLabel,
+.claro .dijitTreeRowHover .dijitTreeLabel {
        color : #4684ff;
 }
 
-.dijitTreeRowSelected .dijitTreeLabel {
+.claro .dijitTreeRowSelected .dijitTreeLabel {
        text-shadow : 1px 1px 2px #fff;
 }
 
@@ -1211,12 +1170,16 @@ span.highlight {
        color : #cc90cc;
 }
 
-body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpando {
+.claro .dijitTreeRow .dijitTreeExpando {
        background-image: url("../images/treeExpandImages.png");
        position : relative;
        top : -1px;
 }
 
+.claro .dijitTreeRow .dijitTreeExpandoLeaf {
+       background : none;
+}
+
 body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
        display : none;
 }
@@ -1225,3 +1188,4 @@ div.enclosure_title {
 
 }
 
+