-body {
+body#ttrssMain, body#ttrssPrefs {
background : white;
color : black;
margin : 0px;
font-size : 12px;
}
-ul.feedList span.feedlink:hover {
- cursor : pointer;
- color : #4684ff;
-}
-
-
-ul.feedList img.hlLoading {
- margin-left : 5px;
- vertical-align : middle;
- height : 10px;
-}
-
-ul.feedList {
- list-style-type : none;
- margin : 5px 5px 5px 0px;
- padding : 0px 0px 0px 5px;
- font-size : 12px;
-}
-
-ul.feedList li.feedCat, ul.feedList li.virtCat {
- margin : 0px;
- padding : 3px 0px 3px 0px;
- color : #707070;
- font-size : 12px;
-}
-
-ul.feedList img.catCollapse {
- cursor : pointer;
- vertical-align : middle;
- width : 11px;
- height : 11px;
- padding-bottom : 3px;
-}
-
-ul.feedList span.catTitle {
- color : #707070;
- cursor : pointer;
-}
-
-ul.feedList span.catTitle:hover {
- color : #4684ff;
-}
-
-ul.feedList li.feedCatSelected {
- margin : 0px;
- padding : 3px 0px 3px 0px;
- color : #4684ff;
- font-size : 12px;
-}
-
-ul.feedList li.feedCatSelected span.catTitle {
- color : #4684ff;
- cursor : pointer;
-}
-
-ul.feedCatList {
- list-style-type : none;
- margin : 0px 0px 0px 20px;
- padding : 0px;
-}
-
-ul.feedCatList li {
- margin : 0px;
- padding : 0px 0px 2px 0px;
- color : black;
-}
-
-ul.feedList > li {
- padding : 0px 0px 2px 0px;
-}
-
-ul.feedCatList img, ul.feedList img {
- vertical-align : bottom;
-}
-
-li.feedUnread,
-li.errorUnread,
-li.labelUnread,
-li.virtUnread,
-li.tagUnread {
- font-weight : bold;
-}
-
-li.errorSelected span.feedlink,
-li.error span.feedlink,
-li.errorUnread span.feedlink,
-li.errorUnreadSelected span.feedlink {
- color : #f04040;
-}
-
-li.feedSelected span.feedlink,
-li.labelSelected span.feedlink,
-li.virtSelected span.feedlink,
-li.tagSelected span.feedlink {
- color : #4684ff;
-}
-
-li.feedUnreadSelected span.feedlink,
-li.labelUnreadSelected span.feedlink,
-li.virtUnreadSelected span.feedlink,
-li.tagUnreadSelected span.feedlink {
- color : #4684ff;
-}
-
-li.feedUnreadSelected,
-li.errorUnreadSelected,
-li.labelUnreadSelected,
-li.virtUnreadSelected,
-li.tagUnreadSelected {
- font-weight : bold;
-}
-
-li.feed {
- display : block;
-}
-
-ul.feedList img, img.tinyFeedIcon {
- margin : 0px 3px 0px 0px;
- width : 16px;
- height : 16px;
- vertical-align : middle;
- border-width : 0px;
-}
-
h1 {
font-size : 18px;
}
cursor : pointer;
}
-#dispSwitch {
- font-size : 12px;
- font-family : "Lucida Grande", Arial, sans-serif;
- text-align : right;
- float : right;
- margin : 5px 5px 0px 0px;
-}
-
-#dispSwitch a {
- color : gray;
-}
-
-#dispSwitch a:hover {
- 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;
margin : 5px;
}
-input.extSearch {
- width : 100%;
-}
-
+/*
div.firstTab {
width : 10px;
float : left;
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;
bottom : -1px;
z-index : 3;
height : 30px;
-}
+} */
div.notice {
background : #ffffff;
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;
- background-color : white;
+div#headlines-toolbar {
+ border-width : 1px 0px 1px 0px;
+ background-color : #ecf4ff;
+ border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
font-size : 11px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
color : gray;
+ padding : 0px;
+ margin : 0px;
+ overflow : hidden;
+ height : 23px;
}
-div.headlinesSubToolbar * {
- line-height : normal;
+div#headlines-toolbar .dijitSelect {
+ font-size : 11px;
}
+div#headlines-toolbar div#subtoolbar_main {
+ display : table-cell;
+ width : 100%;
+ white-space : nowrap;
+ vertical-align : middle;
+ padding-left : 5px;
+}
-div.headlinesSubToolbar div#subtoolbar_ftitle {
- float : right;
- line-height : 25px;
-
+div#headlines-toolbar div#subtoolbar_ftitle {
+ display : table-cell;
+ text-align : right;
+ vertical-align : middle;
+ white-space : nowrap;
+ padding-right : 5px;
}
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;
}
div.tagCloudContainer {
- border : 1px solid #99d67a;
+ border : 1px solid gray;
background-color : white;
margin : 5px 0px 5px 0px;
padding : 5px;
#main_toolbar_form {
margin : 0px;
padding : 0px;
- display : inline;
+ display : table-cell;
+ white-space : nowrap;
+ width : 100%;
}
div.feedExtInfo {
padding : 1em;
}
-/* layout */
+html, body#ttrssMain, #main {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
-#header {
- position : absolute;
- white-space: nowrap;
- top : 5px;
- left : 15px;
- right : 5px;
- height : 35px;
- color : #4684ff;
- font-size : 12px;
-}
-
-#feeds-holder {
- border-width : 1px 1px 0px 0px;
- border-style : solid solid;
- border-color : #C4D1E4 #88b0f0;
- top : 40px;
- left : 0px;
- position : absolute;
- width : 260px;
- overflow : auto;
- bottom : 0px;
- border-collapse : collapse;
-}
+html, body#ttrssPrefs, #main {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
#toolbar div.actionChooser {
- margin-right : 5px;
- float : right;
-}
-
-#toolbar {
- position : absolute;
- left : 261px;
- padding : 0px 0px 0px 10px;
- top : 40px;
- right : 0px;
- white-space: nowrap;
- height : 30px;
- background-image : url("images/toolbar.png");
- background-position : bottom left;
- background-repeat : repeat-x;
- font-size : 12px;
-}
-
-#toolbar input {
- vertical-align : middle;
-}
-
-div.headlines_normal {
- position : absolute;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0;
- left : 261px;
- height : 305px;
- top : 70px;
- right : 0px;
- overflow : hidden;
- font-size : 12px;
- border-collapse : collapse;
-}
-
-div.headlines_cdm {
- position : absolute;
- border-width : 1px 0px 1px 0px;
- border-style : solid;
- border-color : #88b0f0;
- left : 261px;
- bottom : 40px;
- top : 70px;
- right : 0px;
- overflow : hidden;
- font-size : 12px;
- border-collapse : collapse;
-}
-
-#content-frame {
- position : absolute;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0;
- overflow : auto;
- top : 390px;
- left : 261px;
- bottom : 40px;
- right : 0px;
- border-collapse : collapse;
+ display : table-cell;
+ text-align : right;
+ padding-right : 5px;
}
-/*#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;
- border-style : solid;
- border-color : #88b0f0;
- background : url("images/resize_horiz.png") top left;
- cursor : move;
- text-align : center;
-}
+/* preferences layout */
-#footer, #prefFooter {
+/* #prefFooter {
position : absolute;
bottom : 0px;
height : 20px;
color : black;
}
-#headlinesContainer {
- margin-left : 0px;
- background-color : white;
-}
-
-#headlineActionsTop {
- font-size : 12px;
-}
-
-#headlinesInnerContainer {
- overflow : auto;
- position : absolute;
- left : 0px;
- right : 0px;
- bottom : 0px;
- top : 25px;
-}
-
-/* preferences layout */
-
#prefHeader {
color : #4684ff;
font-size : 12px;
margin : 10px;
height : 33px;
-}
+} */
div.return {
float : right;
color : black;
}
-#prefContentOuter {
+/* #prefContentOuter {
clear : left;
position : absolute;
bottom : 41px;
right : 0px;
padding : 1em;
overflow : auto;
-
-}
-
-#userSwitch {
- position : absolute;
- bottom : 2px;
- right : 2px;
-}
-
-.catCtrHasUnread, .feedCtrHasUnread {
- font-weight : bold;
- color : #707070;
-}
-
-.catCtrNoUnread, .feedCtrNoUnread {
- display : none;
-}
+} */
div.topLinks img {
vertical-align : middle;
cursor : pointer;
}
-#offlineModePic {
- margin-left : 5px;
-}
-
a.helpLinkPic img {
border-width : 0px;
vertical-align : middle;
}
-li.feedCatHolder {
- display : inline;
-}
-
table.prefFeedCatList {
background-color : white;
}
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;
}
font-size : 11px;
}
-div.prefKbdHelp {
- float : right;
- font-size : 12px;
- margin-right : 15px;
-}
-
-div.prefKbdHelp img {
- vertical-align : middle;
-}
-
div#l_progress_o {
width : 200px;
border : 1px solid black;
height : 10px;
}
-#content-insert {
+/* #content-insert {
background-color : white;
overflow : auto;
position : absolute;
right : 0px;
bottom : 0px;
top : 6px;
-}
+} */
div.dlgSec {
font-size : 12px;
font-family : monospace;
}
-span#headlineActionsDrop {
- border : 1px solid #c0c0c0;
- padding : 1px 5px 1px 10px;
- color : #063064;
- cursor : pointer;
-}
-
-ul#headlineActionsBody {
- list-style-type : none;
- position : absolute;
- margin : 0px;
- padding : 0px;
- background-color : white;
- width : 150px;
- z-index : 4;
- top : auto;
- left : auto;
- border-width : 1px 1px 1px 1px;
- border-color : #c0c0c0;
- border-style : solid;
- margin-left : -1px;
- max-height : 250px;
- overflow : auto;
-}
-
-ul#headlineActionsBody li {
- padding : 2px 5px 2px 10px;
- color : black;
-}
-
-ul#headlineActionsBody li:hover {
- color : #4684ff;
- cursor : pointer;
- background : #ecf4ff;
-}
-
-ul#headlineActionsBody li.insensitive {
- color : gray;
-}
-
-ul#headlineActionsBody li.insensitive:hover {
- background : white;
- cursor : normal;
- color : gray;
-}
-
span.prefsLabelEntry {
padding : 2px;
}
color : #909090;
}
-div#offlineModeDrop div {
- padding : 2px 2px 2px 2px;
- text-align : left;
-}
-
-div#offlineModeDrop {
- position : absolute;
- margin : 0px;
- padding : 2px;
- background-color : white;
- z-index : 2;
- margin : 2px 0px 0px 0px;
- top : auto;
- right : 0px;
- border : 1px solid #cccccc;
- background : white;
- min-width : 170px;
- margin-left : -1px;
- max-height : 250px;
- overflow : auto;
- color : #909090;
-}
-
optgroup {
color : #4684ff;
font-style : normal;
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;
+}
+
+div.hlRight img {
+ max-width : 16px;
+ max-height : 16px;
+}
+
+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;
+ border-color : #88b0f0;
+ border-left-width : 0px;
+ border-bottom-width : 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;
+ border-color : #88b0f0;
+ border-left-width : 0px;
+ border-right-width : 0px;
+ margin-top : 0px;
+ border-top-width : 0px;
+}
+#headlines-toolbar_splitter {
+ display : none;
+}
+
+#headlinesInnerContainer {
+ font-size : 12px;
+}
+
+#content-tabs {
+ margin : 0px;
+ padding : 0px;
+ border-width : 0px;
+}
+
+#content-tabs .dijitTab {
+ margin-top : 0px;
+ padding-top : 0px;
+}
+
+#toolbar {
+ padding : 5px 0px 0px 5px;
+ 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 4px 8px 4px;
+ border-width : 0px;
+}
+#content-insert {
+ padding : 0px;
+ border-color : #88b0f0;
+ border-bottom-width : 0px;
+ border-right-width : 0px;
+ border-left-width : 0px;
+}
+
+.dijitTreeLabel.Unread {
+ font-weight : bold;
+}
+
+.dijitTreeRow.Error {
+ color : red;
+}
+
+.dijitTreeRow.Hidden {
+ display : none;
+}
+
+img.feedIcon, img.tinyFeedIcon {
+ max-width : 16px;
+ max-height : 16px;
+}
+
+div#feedlistLoading {
+ text-align : center;
+ padding : 5px;
+ color : gray;
+}
+
+div#pref-tabs .dijitContentPane {
+ font-size : 12px;
+}
+
+div#pref-tabs {
+ margin : 0px 5px 0px 5px;
+}
+
+div#pref-tabs .dijitContentPane h3 {
+ font-size : 14px;
+ font-weight : bold;
+}
git.wh0rd.org / tt-rss.git / blobdiff