color : black;
margin : 0px;
padding : 0px;
- font-family : sans-serif;
- font-size : 12px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
}
+html, body#ttrssMain, body#ttrssPrefs, #main {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+
body#ttrssPrefs {
background-color : #ecf4ff;
}
padding : 0px;
}
-div.postReply a {
- color : #4684ff;
-}
-
-div.postReply a:hover {
- color : black;
-}
-
div.postReply div.postHeader {
border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #c0c0c0;
background : #fafafa;
- box-shadow : 0px 0px 3px 0px #ccc;
+ box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
padding : 5px;
color : #909090;
}
div.postReply div.postContent {
padding : 10px;
- font-size : 12px;
}
div.postReply div.postContent img {
border-width : 0px;
max-width : 98%;
height: auto;
-
- padding: 4px;
- background-color: #fff;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
div.postReply div.postEnclosures {
margin-top : 1em;
- color : gray;
+ color : #555;
}
div.postReply img.tagsPic {
div.articleNote {
background-color : #fff7d5;
padding : 5px;
- border-style : none none dashed none;
+ border-radius : 4px;
+ margin : 5px;
+ border-style : solid;
border-color : #e7d796;
border-width : 1px;
+ box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
background-color : #fff7d5;
color : #9a8c59;
}
hr {
border-width : 0px 0px 1px 0px;
- border-style : dashed;
- border-color : #e0e0e0;
+ border-style : solid;
+ border-color : #c0c0c0;
+ max-width : 90%;
}
a {
- color : black;
+ color : #4684ff;
text-decoration : none;
}
a:hover {
- color : #4684ff;
+ color : #88b0f0;
}
#piggie {
position : absolute;
font-size : 12px;
z-index : 99;
+ max-width : 200px;
+ min-width : 100px;
padding : 5px;
- min-width : 200px;
- box-shadow : 0px 0px 2px #ccc;
+ -width : 200px;
+ box-shadow : 0px 0px 2px rgba(0,0,0,0.2);
}
#notify img {
border-color : #ff0000;
}
-.hl.Unread div.hlTitle {
+.hl div.hlTitle a {
font-weight : bold;
+ color : #555;
+}
+
+.hl.Unread div.hlTitle a {
+ color : black;
+}
+
+.hl.active {
+ box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
+}
+
+.hl.active div.hlTitle a {
+ color : #4684ff;
}
.hl.Grayed {
}
#headlines-frame div.hl:nth-child(even) {
- background : #f0f0f0;
+ background : #fafafa;
+}
+
+#headlines-frame.normal {
+
}
.hl {
- border-width : 0px 1px 1px 0px;
+ border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #c0c0c0;
}
#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
margin : 5px 0px 5px 0px;
- padding : 10px;
- color : gray;
- border-width : 0px 0px 0px 3px;
+ color : #555;
+ padding-left : 10px;
+ border-width : 0px 0px 0px 4px;
border-color : #c0c0c0;
border-style : solid;
- background : #fafafa;
}
#content-insert code, #headlines-frame code, .dijitContentPane code {
#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
margin : 5px 0px 5px 0px;
padding : 10px;
- color : gray;
+ color : #555;
font-family : monospace;
font-size : 12px;
border-width : 0px;
display : inline-block;
margin : 2px 0px 4px 0px;
font-size : 12px;
- box-shadow : 0px 0px 2px #ccc;
+ border-style : solid;
+ border-color : #ccc;
+ border-radius : 4px;
+ border-width : 1px;
+ box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
}
div.notice div.inner, div.warning div.inner, div.error div.inner {
div.notice {
background : #ecf4ff;
+ border-color : #88b0f0;
}
div.warning {
background : #fff7d5;
+ border-color : #e7d796;;
}
div.error {
background : #ffcccc;
+ border-color : #ff0000;
}
div.warning img, div.notice img, div.error img {
}
div.prefHelp {
- color : gray;
+ color : #555;
padding : 5px;
}
}
.insensitive {
- color : gray;
-}
-
-.insensitive a {
- color : #4684ff;
-}
-
-.insensitive a:hover {
- color : black;
+ color : #555;
}
div#headlines-toolbar {
border-width : 0px 0px 1px 0px;
- background-color : #f0f0f0;
+ background-color : #fcfcfc;
border-color : #c0c0c0;
- font-size : 11px;
+ font-size : 12px;
font-family : "Segoe UI", Tahoma, sans-serif;
- color : gray;
+ color : #555;
padding : 0px;
margin : 0px;
overflow : hidden;
}
div#headlines-toolbar span.r a {
- color : gray;
-}
-
-div#headlines-toolbar span.r a:hover {
- color : black;
+ color : #555;
}
span.contentPreview {
- color : gray;
+ color : #555;
font-weight : normal;
}
font-size : 8px;
color : #063064;
font-weight : normal;
- margin : 0px 3px 0px 3px;
- padding : 0px 4px 0px 4px;
+ margin-left : 2px;
+ padding : 1px 4px 1px 4px;
+ display : inline-block;
+ vertical-align : middle;
white-space: nowrap;
+ border-radius : 4px;
}
div.postHeader div.postDate {
text-align : right;
- color : gray;
+ color : #555;
float : right;
}
div.postHeader div {
padding-bottom : 3px;
- font-size : 12px;
}
#feedUpdateErrors {
}
#allEntryTags {
- font-size : 12px;
border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #c0c0c0;
display : none;
}
-div.hlFeed, div.hlFeed a {
- font-size : 10px;
- color : gray;
+a.hlFeed {
+ display : block;
+ white-space : nowrap;
+ font-size : 9px;
font-style : italic;
font-weight : normal;
- white-space: nowrap;
+ border-radius : 4px;
+ display : inline-block;
+ padding : 1px 2px 1px 2px;
+ margin-bottom : 2px;
+ margin-top : 2px;
+ color : #555;
}
-div.hlFeed a:hover {
+a.hlFeed:hover {
color : #4684ff;
}
}
ul.feedErrorsList em {
- color : gray;
+ color : #555;
}
ul.browseFeedList {
padding : 1em;
}
-html, body#ttrssMain, #main {
+/* html, body#ttrssMain, #main {
width: 100%;
height: 100%;
- border: 0;
padding: 0;
margin: 0;
-}
+} */
#toolbar div.actionChooser {
display : table-cell;
cursor : pointer;
}
-a.visibleLink {
- color : #4684ff;
-}
-
.hlContentH a, .hlContentH span {
color : #00cc00;
}
div.dlgSec {
font-size : 12px;
- color : gray;
+ color : #555;
font-weight : bold;
clear : both;
height : 20px;
left : 5px;
bottom : 5px;
font-size : 11px;
- color : gray;
+ color : #555;
font-weight : bold;
background-color : white;
border : 1px solid #88b0f0;
}
span.hlUpdated {
- color : gray;
+ color : #555;
min-width : 100px;
display : table-cell;
width : 100%;
vertical-align : middle;
text-align : right;
font-size : 10px;
- font-weight : normal;
}
div.hlLeft {
height : 100px;
}
-#main {
+#ttrssMain #main {
border-width : 0px;
margin : 0px;
padding : 0px;
#content-wrap {
padding : 0px;
- border-width : 0px 0px 1px 1px;
+ border-width : 0px 0px 0px 1px;
border-style : solid;
border-color : #c0c0c0;
margin : 0px;
#feeds-holder {
padding : 0px;
- border-color : #88b0f0;
+ border-color : #c0c0c0;
border-left-width : 0px;
border-bottom-width : 0px;
border-top-width : 0px;
- overflow : auto;
+ overflow : hidden;
+ box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+ background : #f9fbff;
}
#headlines-wrap-inner {
#headlines-frame {
padding : 0px;
- border-color : #88b0f0;
- border-left-width : 0px;
- border-right-width : 0px;
+ border-color : #c0c0c0;
+ border-style : solid;
+ border-width : 0px;
margin-top : 0px;
- border-top-width : 0px;
+ box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
}
#headlines-toolbar_splitter, #toolbar_splitter {
margin : 0px;
border-width : 0px;
white-space: nowrap;
- font-size : 11px;
+ font-size : 12px;
+ box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
}
#header {
border-width : 0px;
text-align : right;
- color : gray;
+ color : #555;
padding : 5px 5px 0px 0px;
margin : 0px;
position : absolute;
#footer {
text-align : center;
- color : gray;
+ color : #555;
padding : 4px 4px 8px 4px;
border-width : 0px;
}
#content-insert {
padding : 0px;
- border-color : #88b0f0;
+ border-color : #c0c0c0;
border-bottom-width : 0px;
border-right-width : 0px;
border-left-width : 0px;
+ line-height: 20px;
overflow : auto;
}
font-weight : bold;
}
+.dijitTreeLabel {
+ outline : 0;
+}
+
.feedParam {
- color : gray;
+ color : #555;
float : right;
margin-right : 1em;
}
}
.dijitTreeLabel.Disabled, .labelParam.Disabled {
- color : gray;
+ color : #555;
}
.dijitTreeRow.Error {
.player {
display : inline-block;
- color : gray;
+ color : #555;
font-size : 11px;
font-family : sans-serif;
- border : 1px solid gray;
+ border : 1px solid #555;
padding : 0px 4px 0px 4px;
margin : 0px 2px 0px 2px;
width : 50px;
margin-left : 1px;
text-align : center;
padding : 1em;
- color : gray;
+ color : #555;
}
ul#filterDlg_Matches, ul#filterDlg_Actions {
.dijitTreeNode .loadingNode {
margin-left : 3px;
+ height : 9px;
}
span.collapseBtn {
}
div.postHeader span.author {
- color : gray;
+ color : #555;
font-size : 11px;
font-weight : normal;
}
body#ttrssZoom {
margin-left : auto;
margin-right : auto;
- padding : 2em;
+ padding : 20px;
max-width : 800px;
- background : #f0f0f0;
+ background : #f9fbff;
}
body#ttrssZoom div.postContent p {
max-width : 650px;
}
+body#ttrssZoom div.postHeader {
+ margin : 10px;
+ border : 1px solid #ccc;
+ box-shadow : none;
+ border-radius : 4px;
+}
+
body#ttrssZoom div.postReply {
border : 1px solid #ccc;
- box-shadow : 0px 0px 3px #ccc;
+ border-radius : 4px;
+ box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+ background : white;
}
body#ttrssZoom div.postContent {
- background-color : white;
+
}
body#ttrssZoom div.footer {
body#ttrssZoom div.postContent img {
max-width : 650px;
height : auto;
-}
+}
select.attachments {
display : block;
border-color : #88b0f0;
}
-div.hl.active a.title {
- color : #4684ff;
-}
-
#selected_prompt {
margin-right : 25px;
}
-#feedTree .dijitTreeRow, #feedTree .dijitTreeNode, #feedTree .dijitFocused {
- padding : 1px 0px 1px;
+#feedTree .dijitTreeRow {
+ padding : 2px 0px 2px;
border-width : 1px;
border-color : transparent;
+ color : #333;
+}
+
+#feedTree .dijitTreeNode {
+ padding : 0px;
+ border-width : 0px;
}
#feedTree {
height : 100%;
overflow-x : hidden;
+ font-family : "Segoe UI", Tahoma, sans-serif;
+}
+
+#feedTree .counterNode.aux {
+ background : #f0f0f0;
+ color : #999;
+ border-color : #f0f0f0;
+}
+
+#feedTree .counterNode {
+ font-weight : bold;
+ display : inline-block;
+ font-size : 9px;
+ text-align : center;
+ border : 1px solid #88b0f0;
+ color : white;
+ background : #88b0f0;
+ border-radius : 4px;
+ vertical-align : middle;
+ float : right;
+ margin-right : 5px;
+ position : relative;
+ top : 2px;
+ min-width : 23px;
+}
+
+#feedTree .dijitTreeRow {
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+body#ttrssPrefs hr {
+ border-color : #ecf4ff;
+ max-width : 100%;
+}
+
+.dijitMenuItemLabel {
+ font-size : 13px;
}