X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=tt-rss.css;h=09678ec427e507fb208808cf0eb85e28e38aa9b7;hb=ce3bf4089f536dede0778ff5283578571b840c0d;hp=539a8c2d46b28552963cfbe12813ad673b208781;hpb=061c26766e507837300bf7a0153126aefd35c34c;p=tt-rss.git diff --git a/tt-rss.css b/tt-rss.css index 539a8c2d..09678ec4 100644 --- a/tt-rss.css +++ b/tt-rss.css @@ -9,13 +9,14 @@ body { /* common styles */ table.main td.headerBox { - background-image : url("images/vgrad_light_rev2.png"); +/* background-image : url("images/vgrad_light_rev2.png"); background-position : top left; - background-repeat : repeat-x; + background-repeat : repeat-x; */ + background-color : white; } table.main td.header { - padding : 10px 10px 10px 30px; + padding : 10px 10px 10px 10px; height : 70px; } @@ -35,7 +36,7 @@ table.main td.feeds { height : 100%; border-width : 1px 0px 0px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #88b0f0; padding : 0px; } @@ -43,38 +44,40 @@ table.main td.headlinesToolbarBox { padding : 10px; border-width : 0px 0px 1px 1px; border-style : solid; - border-color : #c0c0c0; - background-image : url("images/vgrad_light.png"); + border-color : #88b0f0; + background-image : url("images/toolbar.png"); background-position : bottom left; background-repeat : repeat-x; + background-color : white; } table.main td.footer { border-width : 1px 0px 0px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #88b0f0; padding : 10px; text-align : center; font-size : x-small; - background-image : url("images/vgrad_light_rev2.png"); + background-image : url("images/footer.png"); background-position : top left; - background-repeat : repeat-x; - color : gray; + background-repeat : repeat-x; + background-color : white; + color : black; } table.main td.footer a { - color : gray; + color : black; } table.main td.footer a:hover { - color : #5050aa; + color : #4684ff; } table.main td.headlines { height : 25%; border-width : 0px 0px 1px 1px; border-style : solid; - border-color : #c0c0c0; + border-color : #88b0f0; } table.main td.headlines2 { @@ -86,35 +89,30 @@ table.main td.headlines2 { table.main td.content { height : 100%; - background-image : url("images/vgrad_light_rev.png"); - background-position : top left; - background-repeat : repeat-x; border-width : 0px 0px 0px 1px; border-style : solid; - border-color : #c0c0c0; + border-color : #88b0f0; } table.main td.prefContent { height : 100%; - background-image : url("images/vgrad_light_rev.png"); + background-image : url("images/prefs-content.png"); background-position : top left; background-repeat : repeat-x; border-width : 1px 0px 0px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #88b0f0; padding : 20px; + background-color : white; } div.postReply { - background-image : url("images/vgrad_light_rev.png"); - background-position : top left; - background-repeat : repeat-x; height : 100%; padding : 10px; } div.postReply a { - color : #5050aa; + color : #4684ff; } div.postReply a:hover { @@ -122,8 +120,8 @@ div.postReply a:hover { } div.postReply div.postHeader { - background : white; - border : 1px solid #c0c0c0; + background : #ecf4ff; + border : 1px solid #88b0f0; } div.postReply > div.postHeader { @@ -158,13 +156,13 @@ ul.feedList li.feedCat a { } ul.feedList li.feedCat a:hover { - color : #5050aa; + color : #4684ff; } ul.feedCatList { list-style-type : none; margin : 0px 0px 0px 20px; - padding : 0px; + padding : 0px; } ul.feedCatList li { @@ -177,46 +175,6 @@ ul.feedList li { margin : 0px; } -/* -li.oddSelected, li.evenSelected { - background-color : white; -} - -li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread, - li.oddSelectedUnread { - background-color : white; - font-weight : bold; -} - -li.oddSelected a, li.evenSelected a, - li.oddUnreadSelected a, li.evenUnreadSelected a { - color : #5050aa; -} - -ul.feedlist - li.virtSelected, - li.virtUnreadSelected, - li.virtSelectedUnread, - li.feedSelected, - li.labelSelected, - li.feedUnreadSelected, - li.labelUnreadSelected, - li.feedSelectedUnread, - li.labelSelectedUnread { - background-color : white; -} - -ul.feedlist - li.feedSelected a, - li.labelSelected a, - li.feedUnreadSelected a, - li.labelUnreadSelected a, - li.virtSelected a, - li.virtUnreadSelected a, - li.virtSelectedUnread a { - color : #5050aa; -} */ - ul.feedlist li.feedUnread, ul.feedlist li.errorUnread, ul.feedlist li.labelUnread, @@ -236,14 +194,14 @@ ul.feedlist li.feedSelected a, ul.feedlist li.labelSelected a, ul.feedlist li.virtSelected a, ul.feedlist li.tagSelected a { - color : #5050aa; + color : #4684ff; } ul.feedlist li.feedUnreadSelected a, ul.feedlist li.labelUnreadSelected a, ul.feedlist li.virtUnreadSelected a, ul.feedlist li.tagUnreadSelected a { - color : #5050aa; + color : #4684ff; } ul.feedlist li.feedUnreadSelected, @@ -266,7 +224,7 @@ ul.feedList img, img.tinyFeedIcon { } h1 { - font-size : 16pt; + font-size : 16pt; } h2 { @@ -274,7 +232,7 @@ h2 { font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #e0e0e0; + border-color : #ecf4ff; } h3 { @@ -282,7 +240,7 @@ h3 { font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #e0e0e0; + border-color : #ecf4ff; } hr { @@ -297,7 +255,7 @@ a { } a:hover { - color : #5050aa; + color : #4684ff; } #piggie { @@ -312,7 +270,7 @@ a:hover { background-position : center center; background-repeat : no-repeat; position : absolute; - border : 1px solid pink; + border : 1px solid pink; margin-left : auto; margin-right : auto; -moz-border-radius : 10px; @@ -338,9 +296,19 @@ td.notifyBox { } #notify { - color : black; - font-weight : bold; + background : #fff7d5; + border : 1px solid #d7c47a; padding : 3px; + top : 25px; + right : 150px; + min-width : 300px; + position : absolute; + -moz-border-radius : 3px; + font-size : x-small; + font-weight : bold; + text-align : center; + float : right; + padding : 3px 20px 3px 20px; } #dispSwitch { @@ -354,7 +322,7 @@ td.notifyBox { } #dispSwitch a:hover { - color : #5050aa; + color : #4684ff; } div.expPane { @@ -386,13 +354,13 @@ iframe.contentFrame, iframe.headlinesFrame { height : 100%; } -.button { +/*.button { border : 1px solid #d0d0d0; background-image : url("images/button.png"); background-position : top; background-repeat : repeat-x; background-color : white; - color : black; + color : black; } .button:hover { @@ -401,25 +369,42 @@ iframe.contentFrame, iframe.headlinesFrame { color : black; } +.disabledButton { + border : 1px solid #c0c0c0; + background-color : white; + color : gray; +} + a.button { padding : 2px 5px 2px 5px; font-size : small; -} +} */ -.evenUnreadSelected, .evenSelectedUnread { - background-color : #e0e0ff; +.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td, + .evenSelectedUnread td { + background-color : #fff7d5; font-weight : bold; + border-width : 1px 0px 1px 0px; + border-style : solid; + border-color : #e7d796; } -.oddUnreadSelected, .oddSelectedUnread { - background-color : #e0e0ff; +.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td, + .oddSelectedUnread td { + background-color : #fff7d5; font-weight : bold; } -.evenSelected, .oddSelected { - background-color : #e0e0ff; +.evenSelected, .evenSelected td { + background-color : #fff7d5; + border-width : 1px 0px 1px 0px; + border-style : solid; + border-color : #e7d796; } +.oddSelected, .evenSelected td { + background-color : #fff7d5; +} /* .feedUnreadSelected, .feedSelectedUnread, @@ -429,31 +414,35 @@ a.button { font-weight : bold; } */ -.disabledButton { - border : 1px solid #c0c0c0; - background-color : white; - color : gray; -} -.evenGrayed { +.evenGrayed, .evenGrayed td { background-color : #f0f0f0; color : #909090; + border-width : 1px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; } .oddGrayed { color : #909090; } -.even { +.even, .even td { + border-width : 1px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; background-color : #f0f0f0; } -.evenUnread { +.evenUnread, .evenUnread td { background-color : #f0f0f0; font-weight : bold; + border-width : 1px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; } -.oddUnread { +.oddUnread, .oddUnread td { font-weight : bold; } @@ -461,26 +450,27 @@ a.button { display : none; } +/* td > input, div > input { border : 1px solid #a0a0a0; -} +} */ /* preferences */ tr.title td { border-width : 0px 0px 1px 0px; - border-color : #f0f0f0; + border-color : #ecf4ff; border-style : solid; font-size : x-small; - color : gray; + color : black; } tr.title td a { - color : gray; + color : black; } tr.title td a:hover { - color : #5050aa; + color : #4684ff; } table.prefFeedList td.feedEditCat { @@ -502,7 +492,7 @@ a.helpLink { } a.helpLink:hover { - color : #5050aa; + color : #4684ff; } div.helpResponse { @@ -525,46 +515,49 @@ div.helpResponse { #userDlg { padding : 15px; - border : 1px solid #c0c0c0; + border : 1px solid #88b0f0; font-size : small; position : relative; bottom : 2px; right : 2px; - background-color : white; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; + background-color : #ecf4ff; } -#qafInput { - width : 300px; +#infoBoxTitle { + border-width : 1px 1px 1px 1px; + border-style : solid; + border-color : #88b0f0; + background-color : #88b0f0; + padding : 2px; + color : white; } - -#infoBox { - border : 1px solid #c0c0c0; - padding-bottom : 10px; +#infoBox { + border-width : 1px 1px 1px 1px; + border-style : solid; + border-color : #88b0f0; font-size : small; position : relative; bottom : 2px; right : 2px; + padding-bottom : 5px; + background-image : url("images/prefs-content.png"); + background-position : top left; + background-repeat : repeat-x; background-color : white; } #infoBoxShadow { background-image : url("images/shadow.png"); position : absolute; - width : 30%; left : 35%; top : 30%; + width : 30%; z-index : 3; display : none; } div.infoBoxContents { - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; padding : 5px; margin-bottom : 5px; } @@ -573,16 +566,15 @@ div.infoBoxContents td { font-size : small; } - div.helpResponse h1, div.infoBoxContents h1 { - border-width : 0px 0px 1px 0px; +/* border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #c0c0c0; */ font-size : 16pt; } div.helpResponse h2, div.infoBoxContents h2 { - border-width : 0px 0px 0px 0px; +/* border-width : 0px 0px 0px 0px; */ font-size : 12pt; } @@ -598,54 +590,60 @@ pre { } input.extSearch { - width : 200px; + width : 100%; } table.main td.prefsTabs { padding-left : 5px; +/* background-image : url("images/toolbar.png"); + background-position : bottom left; + background-repeat : repeat-x; */ } -input.prefsTab { - border-width : 1px 1px 0px 1px; - border-color : #c0c0c0; +input.prefsTab { + + background-image : url("images/prefs_tab.png"); + background-position : top left; + background-repeat : repeat-x; + border : 0px solid black; padding : 2px 7px 2px 7px; margin : 0px 1px 0px 0px; width : 130px; - background-image : url("images/vgrad_light_rev2.png"); - background-position : top left; - background-repeat : repeat-x; - -moz-border-radius : 7px 7px 0px 0px; + font-size : small; + background-color : white; } input.prefsTabSelected { - border-width : 1px 1px 0px 1px; - border-color : #c0c0c0; + + background-image : url("images/active_tab.png"); + background-position : top left; + background-repeat : repeat-x; + border : 0px solid black; padding : 2px 7px 2px 7px; margin : 0px 1px 0px 0px; width : 130px; - background : white; font-weight : bold; background-position : top left; background-repeat : repeat-x; - -moz-border-radius : 7px 7px 0px 0px; + font-size : small; } -input.prefsTab:hover { +/*input.prefsTab:hover { background : white; -} +}*/ div.warning { - background : #fffff0; - border : 1px solid #c0c0c0; - padding : 5px; + background : #fff7d5; + border : 1px solid #d7c47a; + padding : 3px; margin : 5px; font-size : x-small; } div.notice { background : #ffffff; - border : 1px solid #c0c0c0; + border : 1px solid #88b0f0; padding : 5px; margin : 5px; font-size : x-small; @@ -654,7 +652,7 @@ div.notice { ul.nomarks { list-style-type : none; margin : 0px; - padding : 10px; + padding : 10px; } div.bigErrorMsg { @@ -672,7 +670,7 @@ div.prefHelp, td.prefHelp { td.welcomePrompt { font-size : x-small; - color : gray; + color : #4684ff; text-align : right; padding-right : 10px; @@ -685,14 +683,11 @@ td.httpWelcomePrompt { } table.loginForm { - background-image : url("images/vgrad_light_rev.png"); - background-color : white; - background-position : top left; - background-repeat : repeat-x; + background-color : #ecf4ff; } table.innerLoginForm { - border : 1px solid #f0f0f0; + border : 1px solid #88b0f0; padding : 50px; background-color : white; } @@ -781,7 +776,7 @@ span.contentPreview { } span.contentPreview:hover { - color : #5050aa; + color : #4684ff; } table.headlinesList td.hlMarkedPic { @@ -814,7 +809,7 @@ table.headlinesList tr td { tr.even td.headlineContent, tr.evenUnread td.headlineContent { display : block; overflow : hidden; - height : 1em; + height : 1em; background-color : #f0f0f0; } @@ -886,14 +881,15 @@ div.cdmArticleUnread { } div.cdmArticleSelected, div.cdmArticleUnreadSelected { - border : 1px solid #d0d0f6; - background-color : #eaeaff; - -moz-border-radius : 5px; + -moz-border-radius : 5px; margin : 10px 10px 0px 10px; padding : 10px; + background-color : #fff7d5; + border : 1px solid #e7d796; } -div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a { +div.cdmArticleUnread div.cdmHeader a.title, +div.cdmArticleUnreadSelected div.cdmHeader a.title { font-weight : bold; } @@ -917,10 +913,11 @@ div.cdmHeader, div.cdmHeader a { } div.cdmHeader a:hover { - color : #5050aa; + color : #4684ff; } div.cdmContent { + margin-bottom : 5px; } a.warning { @@ -934,13 +931,17 @@ img.closeButton { span.groupPrompt { font-size : x-small; - color : #505050; + color : #4684ff; } ul.userFeedList { height : 300px; overflow : auto; list-style-type : none; + border : 1px solid #88b0f0; + background-color : white; + margin : 0px 0px 5px 0px; + padding : 0px; } /* #browseBigFeedList li.oddSelected { @@ -955,6 +956,8 @@ ul.browseFeedList { list-style-type : none; margin : 0px 0px 5px 0px; padding : 0px; + border : 1px solid #88b0f0; + background-color : white; } ul.browseFeedList li { @@ -995,20 +998,33 @@ ul.compact li { div.browserFeedInfo { font-size : x-small; + border : 1px solid #88b0f0; + background-color : #ecf4ff; + -moz-border-radius : 5px; + padding : 10px; } div.browserFeedInfo div.detailsPart { - margin : 5px 0px 5px 5px; + margin : 5px 0px 5px 5px; } div.cdmContent a { - color : #5050aa; + color : #4684ff; } div.cdmContent a:hover { color : black; } +a.cdmToggleLink { + color : #808080; + font-size : x-small; +} + +a.cdmToggleLink:hover { + color : #4684ff; +} + .noborder { border-width : 0px; } @@ -1050,3 +1066,41 @@ div.cdmContent a:hover { text-align : center; margin : 10px; } + +#fatal_error { + background : white; + left : 0; + top : 0; + height : 100%; + width : 100%; + z-index : 200; + display : none; + position : absolute; +} + +#fatal_error_inner { + font-weight : bold; + margin : 10px; + color : red; +} + +#fatal_error_msg { + border : 1px solid #c0c0c0; + background-color : #f0f0f0; + color : black; + padding : 10px; + font-weight : normal; +} + +div.noDaemonWarning { + position : absolute; + background-color : #ecf4ff; + border : 1px solid #88b0f0; + padding : 10px; + margin : 5px; + z-index : 2; +} + +#qafInput { + width : 100%; +}