]> git.wh0rd.org - tt-rss.git/blobdiff - tt-rss.css
git.wh0rd.org / tt-rss.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
default headline sort order by date_entered instead of updated
[tt-rss.git] / tt-rss.css
diff --git a/tt-rss.css b/tt-rss.css
index 8a37e34552d18c8f88e60c63fa8612032a804c9b..a6fef1e1f0a48dbad45c75cfc385fbaa051afe60 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -40,7 +40,7 @@ div.postReply div.postHeader {
 
 div.postReply div.postContent {
        padding : 10px;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 div.postReply div.postContent img {
@@ -98,9 +98,15 @@ div.articleNote {
 }
 
 div.postReply span.author {
-       font-size : 14px;
+       font-size : 12px;
 }
 
+ul.feedList span.feedlink:hover {
+       cursor : pointer;
+       color : #4684ff;
+}
+
+
 ul.feedList img.hlLoading {
        margin-left : 5px;
        vertical-align : middle;
@@ -111,15 +117,14 @@ ul.feedList {
        list-style-type : none;
        margin : 5px 5px 5px 0px;
        padding : 0px 0px 0px 5px;
-       font-size : 14px;
-       font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+       font-size : 12px;
 }
 
 ul.feedList li.feedCat, ul.feedList li.virtCat {
        margin : 0px;
        padding : 3px 0px 3px 0px;
        color : #707070;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 ul.feedList img.catCollapse {
@@ -139,7 +144,7 @@ ul.feedList li.feedCatSelected {
        margin : 0px;
        padding : 3px 0px 3px 0px;
        color : #4684ff;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 ul.feedList li.feedCatSelected span.catTitle {
@@ -175,24 +180,24 @@ li.tagUnread {
        font-weight : bold;
 }
 
-li.errorSelected a,
-li.error a,
-li.errorUnread a,
-li.errorUnreadSelected a {
+li.errorSelected span.feedlink,
+li.error span.feedlink,
+li.errorUnread span.feedlink,
+li.errorUnreadSelected span.feedlink {
        color : #f04040;
 }
 
-li.feedSelected a,
-li.labelSelected a,
-li.virtSelected a,
-li.tagSelected a {
+li.feedSelected span.feedlink,
+li.labelSelected span.feedlink,
+li.virtSelected span.feedlink,
+li.tagSelected span.feedlink {
        color : #4684ff;
 }
 
-li.feedUnreadSelected a,
-li.labelUnreadSelected a,
-li.virtUnreadSelected a,
-li.tagUnreadSelected a {
+li.feedUnreadSelected span.feedlink,
+li.labelUnreadSelected span.feedlink,
+li.virtUnreadSelected span.feedlink,
+li.tagUnreadSelected span.feedlink {
        color : #4684ff;
 }
 
@@ -229,7 +234,7 @@ h2 {
 }
 
 h3 {
-       font-size : 14px;
+       font-size : 12px;
        font-weight : bold;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
@@ -283,7 +288,7 @@ input.editbox {
        position : absolute;    
        display : none;
        float : right;
-       font-size : 14px;
+       font-size : 12px;
        z-index : 998;
        padding : 5px 5px 5px 5px;
 }
@@ -322,8 +327,8 @@ input.editbox {
 }
 
 #dispSwitch {
-       font-size : 14px;
-       font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+       font-size : 12px;
+       font-family : "Lucida Grande", Arial, sans-serif;
        text-align : right;
        float : right;
        margin : 5px 5px 0px 0px;
@@ -526,105 +531,6 @@ a.helpLink:hover {
        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 : 14px;
-       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 : 14px;
-}
-
-div.infoBoxContents td {
-       font-size : 14px;
-}
-
-div.infoBoxContents a {
-       color : #527040;
-}
-
-div.infoBoxContents a:hover {
-       color : black;
-}
-
 pre {
        margin : 5px;
 }
@@ -653,8 +559,8 @@ div.prefsTab {
        border-style : solid;
        margin : 0px 0px 0px 5px;
        padding : 3px 5px 3px 5px;
-       font-size : 14px;
-       font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+       font-size : 12px;
+       font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
        border-collapse : collapse;
        min-width : 100px;
        text-align : center;
@@ -672,8 +578,8 @@ div.prefsTabSelected {
        margin : 0px 0px 0px 5px;
        padding : 3px 5px 3px 5px;
        background-color : #ecf4ff;
-       font-size : 14px;
-       font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+       font-size : 12px;
+       font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
        border-collapse : collapse;
        font-weight : bold;
        min-width : 100px;
@@ -691,13 +597,13 @@ div.notice {
        width : 60%;
        padding : 5px;
        margin : 0px 0px 5px 0px;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 div.warning {
        background : #fff7d5;
        border : 1px solid #d7c47a;
-       font-size : 14px;
+       font-size : 12px;
        width : 60%;
        padding : 5px;
        margin : 0px 0px 5px 0px;
@@ -717,7 +623,7 @@ div.error {
        background : #ffcccc;
        padding : 5px;
        margin : 0px 0px 5px 0px;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 ul.nomarks {
@@ -752,7 +658,7 @@ span.feed_error {
 }
 
 .small {
-       font-size : 13px;
+       font-size : 11px;
 }
 
 table.innerFeedTable td {
@@ -761,7 +667,7 @@ table.innerFeedTable td {
 }
 
 td.selectPrompt {
-       font-size : 14px;
+       font-size : 12px;
        color : gray;
 }
 
@@ -778,8 +684,8 @@ div.headlinesSubToolbar {
        padding-right : 5px;
        right : 0px;
        background-color : white;
-       font-size : 13px;
-       font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
+       font-size : 11px;
+       font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
        color : gray;
 }
 
@@ -795,7 +701,7 @@ div.headlinesSubToolbar div#subtoolbar_ftitle {
 }
 
 span.contentPreview {
-       font-size : 14px;
+       font-size : 12px;
        color : gray;
        font-weight : normal;
 }
@@ -869,7 +775,7 @@ div.postHeader div.postDateRTL {
 
 div.postHeader div {
        padding-bottom : 3px;
-       font-size : 14px;
+       font-size : 12px;
        /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 }
 
@@ -878,7 +784,7 @@ div.postHeader div {
 }
 
 #allEntryTags {
-       font-size : 14px;
+       font-size : 12px;
        border-width : 0px 0px 1px 0px;
        border-style : solid;
        border-color : #c0c0c0;
@@ -895,7 +801,7 @@ td.hlFeed {
 }
 
 span.hlFeed, span.hlFeed a {
-       font-size : 14px;
+       font-size : 12px;
        color : gray;
 }
 
@@ -921,30 +827,29 @@ span.cdmAllTagsCtr:hover div {
 }
 
 div.cdmArticle {
-       border-color : #a0a0a0;
-       border-width : 0px 0px 1px 0px;
+       border-color : #c0c0c0;
+       border-width : 1px;
        border-style : solid;
-       background-color : #f9faff;
-       margin : 0px;
-       color : #505050;
+       background : white;
+       margin : 5px 5px 0px 5px;
        color : black;
 }
 
 div.cdmArticleUnread {
-       border-color : #a0a0a0;
-       border-width : 0px 0px 1px 0px;
+       border-color : #88b0f0;
+       border-width : 1px;
        border-style : solid;
        background-color : white;
-       margin : 0px;
+       margin : 5px 5px 0px 5px;
        color : black;
 }
 
 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
-       margin : 0px;
        background-color : #fff7d5;
        border-color : #e7d796;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
+       border-width : 1px;
+       border-style : solid;   
+       margin : 5px 5px 0px 5px;
 }
 
 div.cdmArticleUnread div.cdmHeader a.title, 
@@ -955,21 +860,34 @@ div.cdmArticleUnreadSelected div.cdmHeader a.title {
 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 : 14px;
+       font-size : 12px;
        color : black;
        padding : 5px;
        color : gray;
-       border-width : 1px 0px 0px 0px;
-       border-color : #c0c0c0;
-       border-style : dotted;
+       background : #f9f9f9;
+/*     border-width : 1px 0px 0px 0px;
+       border-style : solid;
+       border-color : #88b0f0; */
 }
 
 div.cdmFooter span.s0 {
@@ -994,11 +912,7 @@ div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
        width : 16px;
        height : 16px;
        vertical-align : middle;
-}
-
-img.markedPic {
-       cursor : pointer;
-}
+} 
 
 div.cdmHeader div.articleUpdated {
        float : right;
@@ -1016,7 +930,7 @@ div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 
 div.cdmHeader, div.cdmHeader a {
        color : #505050;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 div.cdmHeader a:hover {
@@ -1050,6 +964,10 @@ div.cdmEnclosures {
        color : gray;
 }
 
+img.markedPic {
+       cursor : pointer;
+}
+
 a.warning {
        color : #f04040;
 }
@@ -1060,7 +978,7 @@ img.closeButton {
 }
 
 span.groupPrompt {
-       font-size : 14px;
+       font-size : 12px;
        color : #4684ff;
 }
 
@@ -1120,7 +1038,7 @@ span.subscribers {
 
 div.subscribers {
        color : #808080;
-       font-size : 14px;
+       font-size : 12px;
        float : right;
 }
 
@@ -1145,7 +1063,7 @@ ul.compact li {
 }
 
 div.browserFeedInfo {
-       font-size : 14px;
+       font-size : 12px;
 /*     border : 1px solid #88b0f0;
        background-color : #ecf4ff;
        -moz-border-radius : 5px; */
@@ -1166,7 +1084,7 @@ div.cdmContent a:hover {
 
 a.cdmToggleLink {
        color : #808080;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 a.cdmToggleLink:hover {
@@ -1301,7 +1219,7 @@ table.loginForm2 .loginBottom {
        border-width : 1px 0px 0px 0px;
        border-color : #88b0f0;
        border-style : solid;
-       font-size : 14px;
+       font-size : 12px;
        text-align : center;
        color : #909090;
        padding : 0.5em;
@@ -1351,13 +1269,13 @@ div.whiteBox {
        right : 5px;
        height : 35px;
        color : #4684ff;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 #feeds-holder {
        border-width : 1px 1px 0px 0px;
-       border-style : dotted solid;
-       border-color : #88b0f0;
+       border-style : solid solid;
+       border-color : #C4D1E4 #88b0f0;
        top : 40px;
        left : 0px;
        position : absolute;
@@ -1383,7 +1301,11 @@ div.whiteBox {
        background-image : url("images/toolbar.png");
        background-position : bottom left;
        background-repeat : repeat-x;
-       font-size : 14px;
+       font-size : 12px;
+}
+
+#toolbar input {
+       vertical-align : middle;
 }
 
 div.headlines_normal {
@@ -1396,7 +1318,7 @@ div.headlines_normal {
        top : 70px;
        right : 0px;
        overflow : hidden;
-       font-size : 14px;
+       font-size : 12px;
        border-collapse : collapse;
 }
 
@@ -1410,7 +1332,7 @@ div.headlines_cdm {
        top : 70px;
        right : 0px;
        overflow : hidden;
-       font-size : 14px;
+       font-size : 12px;
        border-collapse : collapse;
 }
 
@@ -1458,7 +1380,7 @@ div.headlines_cdm {
        height : 20px;
        text-align : center;
        color : gray;
-       font-size : 14px;
+       font-size : 12px;
        background-image : url("images/footer.png");
        background-position : top left;
        background-repeat : repeat-x; 
@@ -1491,7 +1413,7 @@ div.headlines_cdm {
 }
 
 #headlineActionsTop {
-       font-size : 14px;
+       font-size : 12px;
 }
 
 #headlinesInnerContainer {
@@ -1507,14 +1429,14 @@ div.headlines_cdm {
 
 #prefHeader {
        color : #4684ff;
-       font-size : 14px;
+       font-size : 12px;
        margin : 10px;
        height : 33px;
 }
 
 div.return {
        float : right;
-       font-size : 14px;
+       font-size : 12px;
        margin-right : 10px;
 }
 
@@ -1537,7 +1459,7 @@ div.return a:hover {
        border-width : 1px 0px 0px 0px;
        border-color : #88b0f0;
        border-style : solid;
-       font-size : 14px;
+       font-size : 12px;
 }
 
 #prefContent {
@@ -1561,12 +1483,6 @@ div.return a:hover {
        right : 2px;
 }
 
-a.feedUpdErrLink {
-       color : #ff0000;
-       display : block;
-       margin-bottom : 0.5em;
-}
-
 .catCtrHasUnread, .feedCtrHasUnread {
        font-weight : bold;
        color : #707070;
@@ -1633,6 +1549,7 @@ div.autocomplete ul li {
 div.topLinks {
        float : right;
        color : gray;
+       font-size : 12px;
 }
 
 div.topLinks a {
@@ -1647,10 +1564,6 @@ div.topLinks a.feedback {
        color : #009900;
 }
 
-div.dashboard {
-       margin-left : 3px;
-}
-
 a.visibleLink {
        color : #4684ff;
 }
@@ -1817,12 +1730,12 @@ div#hotkey_help_overlay table.hho td.content {
 div#hotkey_help_overlay table.hho td.top,
 div#hotkey_help_overlay table.hho td.bottom {
        text-align : center;
-       font-size : 13px;
+       font-size : 11px;
 }
 
 div.prefKbdHelp {
        float : right;
-       font-size : 14px;
+       font-size : 12px;
        margin-right : 15px;
 }
 
@@ -1854,7 +1767,7 @@ div#l_progress_i {
 }
 
 div.dlgSec {
-       font-size : 14px;
+       font-size : 12px;
        color : gray;
        font-weight : bold;
        clear : both;
@@ -1866,7 +1779,7 @@ div.dlgSecCont {
        left : 150px;
        top : -20px;
        float : left;
-       font-size : 14px;
+       font-size : 12px;
        font-weight : normal;
        line-height : 200%;
 }
@@ -1876,12 +1789,8 @@ div.dlgButtons {
        clear : both;
 }
 
-div#label_test_result {
-       clear : both;
-}
-
 pre, code {
-       font-size : 14px;
+       font-size : 12px;
        font-family : monospace;
 }
 
@@ -1931,29 +1840,6 @@ ul#headlineActionsBody li.insensitive:hover {
        color : gray;
 }
 
-div#errorBox div#xebTitle {
-       background-color : #ff0000;
-       color : white;
-       padding : 4px 2px 4px 10px;
-       color : white;
-       font-weight : bold;
-       font-size : 14px;
-}
-
-div#errorBox div#xebContent {
-       font-size : 14px;
-       padding : 10px;
-}
-
-div#errorBox textarea {
-       width : 100%;
-       height : 200px;
-}
-
-div#errorBox input {
-       margin-bottom : 10px;
-}
-
 span.prefsLabelEntry {
        padding : 2px;
 }
@@ -2026,9 +1912,8 @@ div#offlineModeDrop {
 }
 
 optgroup {
-       color : #5050aa;
+       color : #4684ff;
        font-style : normal;
-
 }
 
 option {
web-based news feed (RSS/Atom) reader and aggregator; see https://tt-rss.org/