-body {
+body#ttrssMain {
background : white;
color : black;
margin : 0px;
background-color : #f9faff;
margin : 0px 1px 0px 0px;
padding : 5px;
- cursor : move;
+ /* cursor : move; */
color : #909090;
}
div.postReply div.postIcon {
float : right;
border : 0px;
- margin : 10px 0px 10px 10px;
+ margin : 5px;
+}
+
+div.postReply div.postIcon img {
+ max-width : 120px;
+ display : inline;
}
div.postReply div.postEnclosures {
font-size : 12px;
}
+ul.feedList span.feedlink:hover {
+ cursor : pointer;
+ color : #4684ff;
+}
+
+
ul.feedList img.hlLoading {
margin-left : 5px;
vertical-align : middle;
ul.feedList img.catCollapse {
cursor : pointer;
+ vertical-align : middle;
+ width : 11px;
+ height : 11px;
+ padding-bottom : 3px;
}
ul.feedList span.catTitle {
color : #4684ff;
}
-ul.feedList li.feedCatSelected {
+ul.feedList li.feedCat.Selected {
margin : 0px;
padding : 3px 0px 3px 0px;
color : #4684ff;
font-size : 12px;
}
-ul.feedList li.feedCatSelected span.catTitle {
+ul.feedList li.feedCat.Selected span.catTitle {
color : #4684ff;
cursor : pointer;
}
vertical-align : bottom;
}
-li.feedUnread,
-li.errorUnread,
-li.labelUnread,
-li.virtUnread,
-li.tagUnread {
+li.feed.Unread,
+li.error.Unread,
+li.label.Unread,
+li.virt.Unread,
+li.tag.Unread {
font-weight : bold;
}
-li.errorSelected a,
-li.error a,
-li.errorUnread a,
-li.errorUnreadSelected a {
+li.error.Selected span.feedlink,
+li.error span.feedlink,
+li.error.Unread span.feedlink,
+li.error.Unread.Selected span.feedlink {
color : #f04040;
}
-li.feedSelected a,
-li.labelSelected a,
-li.virtSelected a,
-li.tagSelected a {
+li.feed.Selected span.feedlink,
+li.label.Selected span.feedlink,
+li.virt.Selected span.feedlink,
+li.tag.Selected span.feedlink {
color : #4684ff;
}
-li.feedUnreadSelected a,
-li.labelUnreadSelected a,
-li.virtUnreadSelected a,
-li.tagUnreadSelected a {
+li.feed.Unread.Selected span.feedlink,
+li.label.Unread.Selected span.feedlink,
+li.virt.Unread.Selected span.feedlink,
+li.tag.Unread.Selected span.feedlink {
color : #4684ff;
}
-li.feedUnreadSelected,
-li.errorUnreadSelected,
-li.labelUnreadSelected,
-li.virtUnreadSelected,
-li.tagUnreadSelected {
+li.feed.Unread.Selected,
+li.error.Unread.Selected,
+li.label.Unread.Selected,
+li.virt.Unread.Selected,
+li.tag.Unread.Selected {
font-weight : bold;
}
color : #4684ff;
}
-.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
- .evenSelectedUnread td {
+.even.Unread.Selected, .even.Unread.Selected td {
background-color : #fff7d5;
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-color : #e7d796;
}
-.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
- .oddSelectedUnread td {
+.odd.Unread.Selected, .odd.Unread.Selected td {
background-color : #fff7d5;
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-color : #e7d796;
}
-.evenSelected, .evenSelected td {
+.even.Selected, .even.Selected td {
background-color : #fff7d5;
border-width : 0px 0px 1px 0px;
border-style : solid;
border-collapse : collapse;
}
-.oddSelected, .oddSelected td {
+.odd.Selected, .odd.Selected td {
background-color : #fff7d5;
border-width : 0px 0px 1px 0px;
border-style : solid;
border-collapse : collapse;
}
-.evenGrayed, .evenGrayed td {
+.even.Grayed, .even.Grayed td {
background-color : #f0f0f0;
color : #909090;
border-width : 0px 0px 1px 0px;
border-collapse : collapse;
}
-.oddGrayed {
+.odd.Grayed {
color : #909090;
}
border-collapse : collapse;
}
-.evenUnread, .evenUnread td {
+.even.Unread, .even.Unread td {
background-color : #f0f0f0;
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-collapse : collapse;
}
-.oddUnread, .oddUnread td {
+.odd.Unread, .odd.Unread td {
font-weight : bold;
border-width : 0px 0px 1px 0px;
border-style : solid;
color : #4684ff;
}
-#infoBoxTitle {
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #659a4c;
- background-color : #99d67a;
- padding : 4px 2px 4px 10px;
- color : white;
- font-weight : bold;
- font-size : 16px;
- text-shadow : #659a4c 0px 1px 0px;
-}
-
-/* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
-
-#infoBox {
- border-width : 1px 1px 1px 1px;
- border-style : solid;
- border-color : #659a4c;
- background-color : #f8fcf5;
- position: relative;
- overflow : hidden;
- left : -4px;
- top : -4px;
-}
-
-div#errorBox {
- background-color : #ffcccc;
- border : 1px solid #ff0000;
- font-size : 12px;
- position: relative;
- overflow : hidden;
- left : -4px;
- top : -4px;
-}
-
-html>body #infoBox, html>body #errorBox {
- left : -10px;
- top : -10px;
- margin : 0;
-}
-
-#infoBoxShadow:before, #infoBoxShadow:after,
-#errorBoxShadow:before, #errorBoxShadow:after {
- content : " ";
- display : block;
- background : inherit;
- width : 10px;
- height : 10px;
-}
-
-#infoBoxShadow:before, #errorBoxShadow:before {
- position : absolute;
- top : 0;
- right : 0;
- margin : -10px 0 0 auto;
- background-position : right top;
-}
-
-#infoBoxShadow:after, #errorBoxShadow:after {
- margin : -10px 0 0 -10px;
- background-position : left bottom;
-}
-
-#infoBoxShadow, #errorBoxShadow {
- background-image : url("images/shadow.png");
- background-position : bottom right;
- left : 25%;
- top : 50px;
- width : 50%;
- position : absolute;
- min-width : 600px;
-}
-
-#infoBoxShadow {
- z-index : 5;
-}
-
-#errorBoxShadow {
- z-index : 400;
-}
-
-div.infoBoxContents {
- padding : 10px;
- margin-bottom : 5px;
- font-size : 12px;
-}
-
-div.infoBoxContents td {
- font-size : 12px;
-}
-
-div.infoBoxContents a {
- color : #527040;
-}
-
-div.infoBoxContents a:hover {
- color : black;
-}
-
pre {
margin : 5px;
}
cursor : pointer;
}
-div.prefsTabSelected:hover {
+div.prefsTab.Selected:hover {
cursor : pointer;
}
height : 30px;
}
-div.prefsTabSelected {
+div.prefsTab.Selected {
float : left;
border-width : 1px 1px 0px 1px;
border-color : #88b0f0;
color : gray;
}
-div.headlinesSubToolbar {
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #f0f0f0;
- position : absolute;
- left : 0px;
- top : 0px;
- height : 25px;
- line-height : 25px;
- padding-left : 5px;
- padding-right : 5px;
- right : 0px;
+div#headlines-toolbar {
+ border-width : 0px;
background-color : white;
font-size : 11px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
color : gray;
+ padding : 0px 5px 0px 0px;
+ margin : 0px;
+ overflow : hidden;
}
-div.headlinesSubToolbar * {
+/* div.headlines-toolbar * {
line-height : normal;
-}
-
+} */
-div.headlinesSubToolbar div#subtoolbar_ftitle {
+div#headlines-toolbar div#subtoolbar_ftitle {
float : right;
- line-height : 25px;
-
+ /* line-height : 20px; */
}
span.contentPreview {
color : #4684ff;
}
-table.headlinesList {
- width : 100%;
-}
-
-table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
+span.hlLabelRef {
background-color : #fff7d5;
font-height : 8px;
color : #063064;
white-space: nowrap;
}
-table.headlinesList img.hlLoading {
- margin-left : 5px;
- vertical-align : middle;
-}
-
-table.headlinesList td.hlFeedIcon {
- width : 25px;
- text-align : center;
- cursor : pointer;
-}
-
-
-table.headlinesList td.hlMarkedPic {
- width : 25px;
- text-align : center;
-}
-
-table.headlinesList td.hlfeed {
- text-align : right;
-}
-
td.hlSelectRow, td.hlUpdPic {
width : 25px;
text-align : center;
}
-table.headlinesList td.hlUpdated {
- color : gray;
- text-align : right;
- width : 100px;
- cursor : pointer;
-}
-
-table.headlinesList tr td {
- padding : 2px 0px 2px 0px;
-}
-
div.postHeader div.postDate {
text-align : right;
color : gray;
color : #4684ff;
}
-div.cdmAllTags {
- float : left;
- background-color : white;
- border : 1px solid #c0c0c0;
- display : none;
- z-index : 3;
- top : auto;
- left : auto;
- right : auto;
- position : absolute;
- padding : 10px;
-}
-
-span.cdmAllTagsCtr:hover div {
- display : block;
-}
-
-div.cdmArticle {
- border-color : #c0c0c0;
- border-width : 1px;
- border-style : solid;
- background : white;
- margin : 5px 5px 0px 5px;
- color : black;
-}
-
-div.cdmArticleUnread {
- border-color : #88b0f0;
- border-width : 1px;
- border-style : solid;
- background-color : white;
- margin : 5px 5px 0px 5px;
- color : black;
-}
-
-div.cdmArticleSelected, div.cdmArticleUnreadSelected {
- background-color : #fff7d5;
- border-color : #e7d796;
- border-width : 1px;
- border-style : solid;
- margin : 5px 5px 0px 5px;
-}
-
-div.cdmArticleUnread div.cdmHeader a.title,
-div.cdmArticleUnreadSelected div.cdmHeader a.title {
- font-weight : bold;
-}
-
-div.cdmHeader {
- padding : 5px 5px 10px 5px;
- color : gray;
-}
-
-div.cdmArticleUnread div.cdmHeader {
- background : url("images/footer.png") top left;
- background-repeat : repeat-x;
-}
-
-div.cdmArticleUnread div.cdmHeader span.titleWrap a {
- color : black;
-}
-
-div.cdmArticleSelected div.cdmFooter, div.cdmArticleUnreadSelected div.cdmFooter {
- background : #e7d796;
-}
-
-div.cdmFooter input {
- vertical-align : middle;
-}
-
-div.cdmFooter {
- font-size : 12px;
- color : black;
- padding : 5px;
- color : gray;
- background : #f9f9f9;
-/* border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0; */
-}
-
-div.cdmFooter span.s0 {
- border-width : 0px 1px 0px 0px;
- border-color : #c0c0c0;
- border-style : dotted;
- padding : 0px 5px 0px 0px;
-}
-
-div.cdmFooter span.s1 {
- border-width : 0px 1px 0px 0px;
- border-color : #c0c0c0;
- border-style : dotted;
- padding : 0px 5px 0px 5px;
-}
-
-div.cdmFooter span.s2 {
- padding : 0px 5px 0px 5px;
-}
-
-div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
- width : 16px;
- height : 16px;
- vertical-align : middle;
-}
-
-div.cdmHeader div.articleUpdated {
- float : right;
- font-weight : bold;
- color : gray;
-}
-
-div.cdmHeader div.articleUpdated img {
- vertical-align : middle;
-}
-
-div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
- margin : 0px;
-}
-
-div.cdmHeader, div.cdmHeader a {
- color : #505050;
- font-size : 12px;
-}
-
-div.cdmHeader a:hover {
- color : #4684ff;
-}
-
-div.cdmContent {
- margin : 0px 15px 5px 15px;
-}
-
-div.cdmContent img {
- border-width : 0px;
- max-width : 98%;
-}
-
-div.cdmContent:hover {
- cursor : pointer;
-}
-
-div.cdmExcerpt {
- margin : 0px 15px 5px 15px;
-}
-
-div.cdmExcerpt:hover {
- cursor : pointer;
- color : #88b0f0;
-}
-
-div.cdmEnclosures {
- margin-top : 1em;
- color : gray;
-}
-
img.markedPic {
cursor : pointer;
}
}
div.tagCloudContainer {
- border : 1px solid #99d67a;
+ border : 1px solid gray;
background-color : white;
margin : 5px 0px 5px 0px;
padding : 5px;
margin : 5px 0px 5px 5px;
}
-div.cdmContent a {
- color : #4684ff;
-}
-
-div.cdmContent a:hover {
- color : black;
-}
-
-a.cdmToggleLink {
- color : #808080;
- font-size : 12px;
-}
-
-a.cdmToggleLink:hover {
- color : #4684ff;
-}
-
.noborder {
border-width : 0px;
}
-#debug_output {
- position : absolute;
- width : 400px;
- height : 200px;
- right : 20px;
- bottom : 20px;
- z-index : 999;
- background-color : white;
- border : 1px solid #c0c0c0;
- overflow : auto;
- margin : 0px;
- padding : 0px;
- list-style-type : none;
-}
-
-#debug_output li {
- margin : 0px;
- padding : 0px;
- font-size : 11px;
-}
-
#dialog_overlay {
left : 0;
top : 0;
}
div.whiteBox {
- background-color : white;
margin-left : 1px;
text-align : center;
padding : 1em;
}
+html, body, #main {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+
+#toolbar div.actionChooser {
+ /* margin-right : 5px; */
+ float : right;
+}
+
/* layout */
-#header {
+/* #header {
position : absolute;
white-space: nowrap;
top : 5px;
border-collapse : collapse;
}
-/*#resize-grabber {
- position : absolute;
- border-width : 1px;
- border-style : dotted;
- border-color : #88b0f0;
- background-color : white;
- width : 8px;
- height : 8px;
- z-index : 20;
- right : 20px;
- top : 20px;
- display : none;
- cursor : move;
-}*/
-
#resize-grabber {
height : 5px;
border-width : 0px 0px 1px 0px;
right : 0px;
bottom : 0px;
top : 25px;
-}
+} */
/* preferences layout */
right : 2px;
}
-.catCtrHasUnread, .feedCtrHasUnread {
+.catCtr.Unread, .feedCtr.Unread {
font-weight : bold;
color : #707070;
+ display : inline;
}
-.catCtrNoUnread, .feedCtrNoUnread {
+.catCtr, .feedCtr {
display : none;
}
background-color : #ecf4ff;
}
-table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
- color : #4684ff;
-}
-
-div.cdmFeedTitle {
- border-color : #a0a0a0;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- padding : 5px 3px 5px 5px;
- background : url("images/toolbar.png") bottom left;
- background-repeat : repeat-x;
-}
-
-table.headlinesList tr, table.headlinesList td {
- border-collapse : collapse;
- margin : 0px;
-}
-
-table.headlinesList tr.feedTitle td {
-/* text-align : right;
- margin-top : 10px; */
- /*padding-left : 5px;*/
-
- background : url("images/toolbar.png") bottom left;
- background-repeat : repeat-x;
-
- border-color : #c0c0c0;
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- padding : 5px 3px 5px 5px;
-
-}
-
-td.hlContent, td.hlContentL, td.hlContentH {
- cursor : pointer;
-}
-
-td.hlContentH a, td.hlContentH span {
+.hlContentH a, .hlContentH span {
color : #00cc00;
}
-td.hlContentL a, td.hlContentL span {
+.hlContentL a, .hlContentL span {
color : #909090;
text-decoration : line-through;
}
height : 10px;
}
-#content-insert {
+/* #content-insert {
background-color : white;
overflow : auto;
position : absolute;
right : 0px;
bottom : 0px;
top : 6px;
-}
+} */
div.dlgSec {
font-size : 12px;
margin-left : -1px;
max-height : 250px;
overflow : auto;
+
}
ul#headlineActionsBody li {
color : gray;
}
-div#errorBox div#xebTitle {
- background-color : #ff0000;
- color : white;
- padding : 4px 2px 4px 10px;
- color : white;
- font-weight : bold;
- font-size : 12px;
-}
-
-div#errorBox div#xebContent {
- font-size : 12px;
- padding : 10px;
-}
-
-div#errorBox textarea {
- width : 100%;
- height : 200px;
-}
-
-div#errorBox input {
- margin-bottom : 10px;
-}
-
span.prefsLabelEntry {
padding : 2px;
}
color : #4684ff;
}
-/*
-button:active {
- background-image : url("images/button_pressed.png");
+div.hlTitle {
+ display : table-cell;
+ cursor : pointer;
+ width : 100%;
+ vertical-align : middle;
+ padding-top : 4px;
+ padding-bottom : 4px;
}
-button, select {
- background-color : transparent;
- background-repeat : repeat-x;
- background-position : top left;
- background-image : url("images/button.png");
- border : 1px solid #bebebe;
- font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
- font-size : 100%;
- text-decoration : none;
- color : #303030;
- cursor : pointer;
- padding : 1px 5px 1px 5px;
+div.hlLeft {
+ display : table-cell;
+ vertical-align : middle;
+ white-space: nowrap;
+}
+
+div.hlRight {
+ display : table-cell;
+ white-space: nowrap;
+ text-align : right;
+ vertical-align : middle;
+}
+
+span.hlUpdated {
+ color : gray;
+ font-weight : medium;
+ width : 100px;
+ display : inline-block;
+}
+
+div.hlLeft input {
+ margin-left : 4px;
+ margin-right : 4px;
+}
+
+div.hlLeft img, div.hlRight img {
+ margin : 0px 4px 0px 4px;
+
+}
+
+div.hlUpdPic {
+ display : table-cell;
+ padding-right : 4px;
+ padding-left : 4px;
+ text-align : center;
+ vertical-align : middle;
+}
+
+div.hlUpdPic img {
+ max-width : 16px;
+}
+
+
+div.fatalError button {
+ margin-top : 5px;
+}
+
+div.fatalError textarea {
+ width : 100%;
+ height : 100px;
+}
+
+#main {
+ border-width : 0px;
margin : 0px;
+ padding : 0px;
}
-select {
- background : #ffffff;
- padding : 1px 0px 1px 3px;
+#content-wrap {
+ padding : 0px;
+ border-width : 0px;
+ margin : 0px;
}
-input {
- background : white;
- border : 1px solid #bebebe;
- font-size : 100%;
- padding : 1px 3px 1px 3px;
+#feeds-holder {
+ padding : 0px;
}
-button:hover {
- background-color : #f9faff;
- border : 1px solid #88b0f0;
- color : #336699;
+#headlines-wrap-inner {
+ padding : 0px;
+ margin : 0px;
+ border-width : 0px;
}
-button[disabled] {
- background : #f0f0f0;
- color : #dedede;
- border : 1px solid #dedede;
-} */
+#headlines-frame {
+ padding : 0px;
+}
+
+#headlinesInnerContainer {
+ font-size : 12px;
+}
+
+#toolbar {
+ padding : 0px;
+ margin : 0px;
+ border-width : 0px;
+ white-space: nowrap;
+ font-size : 12px;
+}
+
+#header {
+ padding : 4px;
+ border-width : 0px;
+}
+
+#footer {
+ text-align : center;
+ color : gray;
+ padding : 4px;
+ border-width : 0px;
+}
+
+#content-insert {
+ padding : 0px;
+}