X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=tt-rss.css;h=a6c511967190f354ebe07a8b4709f2cd09e5e3af;hb=a60446bed05d0f0cc1e50150ed2a162fccbf908d;hp=06aea939165165fed431773bd4b360d2544b1782;hpb=8a06b1dbc2fcf61f7dddecd3de16f0ea433d91af;p=tt-rss.git diff --git a/tt-rss.css b/tt-rss.css index 06aea939..a6c51196 100644 --- a/tt-rss.css +++ b/tt-rss.css @@ -60,17 +60,6 @@ div.postReply div.postContent img { max-width : 98%; } -div.postReply div.postIcon { - float : right; - border : 0px; - margin : 5px; -} - -div.postReply div.postIcon img { - max-width : 120px; - display : inline; -} - div.postReply div.postEnclosures { margin-top : 1em; color : gray; @@ -189,27 +178,25 @@ a:hover { cursor : pointer; } -.Selected, .Selected td { +.Selected, .Selected { background-color : #fff7d5 ! important; } -.even.Unread.Selected, .even.Unread.Selected td { +.even.Unread.Selected { background : #fff7d5 ! important; - font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #e7d796; } -.odd.Unread.Selected, .odd.Unread.Selected td { +.odd.Unread.Selected { background : #fff7d5 ! important; - font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #e7d796; } -.even.Selected, .even.Selected td { +.even.Selected { background : #fff7d5 ! important; border-width : 0px 0px 1px 0px; border-style : solid; @@ -217,7 +204,7 @@ a:hover { border-collapse : collapse; } -.odd.Selected, .odd.Selected td { +.odd.Selected { background : #fff7d5 ! important; border-width : 0px 0px 1px 0px; border-style : solid; @@ -225,7 +212,7 @@ a:hover { border-collapse : collapse; } -.even.Grayed, .even.Grayed td { +.even.Grayed { background : #f0f0f0; color : #909090; border-width : 0px 0px 1px 0px; @@ -238,7 +225,7 @@ a:hover { color : #909090; } -.even, .even td { +.even { border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; @@ -246,24 +233,22 @@ a:hover { border-collapse : collapse; } -.odd, .odd td { +.odd { border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; border-collapse : collapse; } -.even.Unread, .even.Unread td { +.even.Unread { background : #f0f0f0; - font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; border-collapse : collapse; } -.odd.Unread, .odd.Unread td { - font-weight : bold; +.odd.Unread { border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; @@ -275,16 +260,9 @@ a:hover { /* preferences */ -/* table.prefPrefsList tr:hover td.prefValue { - color : #88b0f0; -} - -table.prefPrefsList tr:hover td.prefValue input { - color : #88b0f0; -} */ - table.prefPrefsList h3 { - margin-top : 0px; + margin-top : 0.5em; + margin-bottom : 0px; } tr.title td { @@ -302,80 +280,6 @@ tr.title td a:hover { color : black; } -table.prefFeedList td.feedEditCat { - font-weight : bold; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #88b0f0; - padding-top : 0.5em; -} - -table.prefFilterList td.filterEditCat { - font-weight : bold; - border-width : 0px 0px 1px 0px; - border-style : solid; - border-color : #88b0f0; - padding-top : 0.5em; -} - -/* oh for the love of... */ - -table.prefFilterList tr.even, -table.prefFilterList tr.odd, -table.prefFilterList tr.evenSelected, -table.prefFilterList tr.oddSelected, -table.prefLabelList tr.even, -table.prefLabelList tr.odd, -table.prefLabelList tr.evenSelected, -table.prefLabelList tr.oddSelected, -table.prefUserList tr.even, -table.prefUserList tr.odd, -table.prefUserList tr.evenSelected, -table.prefUserList tr.oddSelected, -table.prefFeedList tr.even, -table.prefFeedList tr.odd, -table.prefFeedList tr.evenSelected, -table.prefFeedList tr.oddSelected, -table.prefInstanceList tr.even, -table.prefInstanceList tr.odd, -table.prefInstanceList tr.evenSelected, -table.prefInstanceList tr.oddSelected -{ - cursor : pointer; -} - -table.prefFilterList tr.even:hover td, -table.prefFilterList tr.odd:hover td, -table.prefFilterList tr.evenSelected:hover td, -table.prefFilterList tr.oddSelected:hover td -table.prefLabelList tr.even:hover td, -table.prefLabelList tr.odd:hover td, -table.prefLabelList tr.evenSelected:hover td, -table.prefLabelList tr.oddSelected:hover td, -table.prefUserList tr.even:hover td, -table.prefUserList tr.odd:hover td, -table.prefUserList tr.evenSelected:hover td, -table.prefUserList tr.oddSelected:hover td, -table.prefFeedList tr.even:hover td, -table.prefFeedList tr.odd:hover td, -table.prefFeedList tr.evenSelected:hover td, -table.prefFeedList tr.oddSelected:hover td, -table.prefInstanceList tr.even:hover td, -table.prefInstanceList tr.odd:hover td, -table.prefInstanceList tr.evenSelected:hover td, -table.prefInstanceList tr.oddSelected:hover td -{ - color : #88b0f0; -} - -table.prefFeedList td.feedIcon { - text-align : center; -} - -table.prefFeedList td.feedSelect { - text-align : center; -} - div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder { height : 300px; overflow : auto; @@ -398,35 +302,33 @@ a.helpLink:hover { color : #4684ff; } -#content-insert pre, #headlines-frame pre, .dijitContentPane pre { - margin : 0px 0px 0px 1em; - padding : 0px; - font-family : monospace; - font-size : 12px; - background : transparent; - border-width : 0px; - color : gray; -} - #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote { - margin : 0px 0px 0px 1em; - border-width : 0px 0px 0px 2px; + margin : 5px 0px 5px 0px; + padding : 10px; + color : gray; + border-width : 0px 0px 0px 3px; border-color : #c0c0c0; border-style : solid; - font-style : italic; - padding : 0px 0px 0px 1em; - font-size : 12px; - color : gray; + background : #fafafa; } #content-insert code, #headlines-frame code, .dijitContentPane code { - background : transparent; - border : 0px solid transparent; - margin : 0px; + color : #009900; font-family : monospace; - padding : 0px; font-size : 12px; - color : black; +} + +#content-insert pre, #headlines-frame pre, .dijitContentPane pre { + margin : 5px 0px 5px 0px; + padding : 10px; + color : gray; + font-family : monospace; + font-size : 12px; + border-width : 0px; + border-color : #c0c0c0; + border-style : solid; + background : #fafafa; + display : block; } div.notice { @@ -470,7 +372,7 @@ ul.nomarks { padding : 10px; } -div.prefHelp, td.prefHelp { +div.prefHelp { color : gray; padding : 5px; } @@ -495,16 +397,6 @@ span.feed_error { font-size : 11px; } -table.innerFeedTable td { - margin : 0px; - padding : 0px; -} - -td.selectPrompt { - font-size : 12px; - color : gray; -} - div#headlines-toolbar { border-width : 0px 0px 1px 0px; background-color : #f0f0f0; @@ -529,44 +421,10 @@ div#headlines-toolbar .dijitSelect { div#headlines-toolbar span.r { float: right; position: relative; - background : #ecf4ff; - border-left: 5px solid white; padding : 0 4px 0px 4px; text-align : right; } -/* http://css-tricks.com/adobe-like-arrow-headers/ */ - -@media screen and (-webkit-min-device-pixel-ratio:0) { - div#headlines-toolbar span.r:before, - div#headlines-toolbar span.r:after { - content: ""; - position: absolute; - /* Pushed down half way, will get pulled back up half height of triangle - ensures centering if font-size or line-height changes */ - top: 50%; - width: 0; - height: 0; - } - div#headlines-toolbar span.r:before { - left: -12px; - /* Triangle */ - border-top: 8px solid transparent; - border-bottom: 8px solid transparent; - border-right: 8px solid white; - /* Pull-up */ - margin-top: -8px; - } - div#headlines-toolbar span.r:after { - /* Smaller and different position triangle */ - left: -5px; - border-top: 6px solid transparent; - border-bottom: 6px solid transparent; - border-right: 6px solid #ecf4ff; - margin-top: -6px; - } -} - div#headlines-toolbar span.r span.error { color : red; } @@ -598,23 +456,12 @@ span.hlLabelRef { white-space: nowrap; } -td.hlSelectRow, td.hlUpdPic { - width : 25px; - text-align : center; -} - div.postHeader div.postDate { text-align : right; color : gray; float : right; } -div.postHeader div.postDateRTL { - text-align : left; - color : gray; - float : right; -} - div.postHeader div { padding-bottom : 3px; font-size : 12px; @@ -633,25 +480,20 @@ div.postHeader div { display : none; } -td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed { - height : 1em; -} - -td.hlFeed { - text-align : right; -} - -span.hlFeed, span.hlFeed a { - font-size : 12px; +div.hlFeed, div.hlFeed a { + font-size : 10px; color : gray; + font-style : italic; + font-weight : normal; } -span.hlFeed a:hover { +div.hlFeed a:hover { color : #4684ff; } img.markedPic { cursor : pointer; + vertical-align : middle; } a.warning { @@ -833,11 +675,6 @@ div.return a:hover { color : black; } -#header .logo { - float : right; - margin-left : 10px; -} - #header a { color : #4684ff; } @@ -851,11 +688,6 @@ div.return a:hover { cursor : pointer; } -a.helpLinkPic img { - border-width : 0px; - vertical-align : middle; -} - div.autocomplete { position : absolute; width : 250px; @@ -884,14 +716,6 @@ div.autocomplete ul li { cursor : pointer; } -#feedOpToolbar { - float : right; -} - -#header a.feedback { - color : #009900; -} - a.visibleLink { color : #4684ff; } @@ -930,74 +754,6 @@ img.hlScorePic { height : 16px; } -div#hotkey_help_overlay { - position : absolute; - left : 30px; - right : 30px; - top : 30px; - z-index : 999; - color : white; - font-size : 15px; - background : black; - border-radius : 30px; - padding : 10px; -} - -div#hotkey_help_overlay h1 { - text-align : center; -} - -div#hotkey_help_overlay ul { - list-style-type : none; - margin : 0px; -} - -div#hotkey_help_overlay a { - color : #88b0f0; -} - -div#hotkey_help_overlay a:hover { - color : white; -} - -div#hotkey_help_overlay li { - margin : 0px; -} - -div#hotkey_help_overlay p { - text-align : center; -} - -div#hotkey_help_overlay td.n { - text-align : right; - font-weight : bold; - width : 6em; - color : #a0ffa0; - padding-right : 5px; -} - -div#hotkey_help_overlay td { - vertical-align : top; -} - -div#hotkey_help_overlay h1 { - margin : 0px; -} - -div#hotkey_help_overlay h2 { - font-size : 16px; - border-width : 0px; - margin : 0.3em 0px 0.3em 0px; - text-align : center; - color : #88b0f0; -} - -div#hotkey_help_overlay table.hho td.top, -div#hotkey_help_overlay table.hho td.bottom { - text-align : center; - font-size : 11px; -} - div.dlgSec { font-size : 12px; color : gray; @@ -1129,9 +885,13 @@ span.hlUpdated { display : table-cell; width : 100%; vertical-align : middle; - padding-top : 4px; - padding-bottom : 4px; text-align : right; + font-size : 10px; + font-weight : normal; +} + +div.hlLeft { + padding-left : 8px; } div.hlLeft input { @@ -1141,19 +901,11 @@ div.hlLeft input { 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.hlLeft img { + width : 16px; + height : 16px; } div.fatalError { @@ -1183,7 +935,9 @@ div.fatalError textarea { #content-wrap { padding : 0px; - border-width : 0px; + border-width : 0px 0px 1px 1px; + border-style : solid; + border-color : #c0c0c0; margin : 0px; } @@ -1215,12 +969,6 @@ div.fatalError textarea { display : none; } -#content-tabs { - margin : 0px; - padding : 0px; - border-width : 0px; -} - #toolbar { padding : 0px; margin : 0px; @@ -1282,6 +1030,7 @@ div.fatalError textarea { img.feedIcon, img.tinyFeedIcon { width : 16px; height : 16px; + vertical-align : middle; } div#feedlistLoading, div#filterlistLoading, div#labellistLoading { @@ -1343,13 +1092,6 @@ a.bookmarklet { padding : 2px; } -#newVersionIcon { - margin-left : 5px; - vertical-align : middle; - position : relative; - top : -1px; -} - .player { display : inline-block; color : gray; @@ -1409,3 +1151,49 @@ ul#filterDlg_Matches li, ul#filterDlg_Actions li { ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { margin-right : 5px; } + +table.prefPluginsList td label, table.prefUserList td { + cursor : pointer; +} + +ul.helpKbList { + max-height : 300px; + overflow : auto; + list-style-type : none; + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 0px 0px 5px 0px; + padding : 5px; +} + +ul.helpKbList span.hksequence { + width : 6em; + margin-left : 20px; + color : #88b0f0; + font-weight : bold; + display : inline-block; +} + +ul.helpKbList h2 { + margin-top : 0px; +} + +.dijitTreeNode .loadingNode { + margin-left : 3px; +} + +span.collapseBtn { + cursor : pointer; +} + +div.postContent p { + max-width : 650px; +} + +.Unread div.hlTitle { + font-weight : bold; +} + +div.postContent iframe { + min-width : 50%; +}