diff options
author | Andrew Dolgov <[email protected]> | 2013-05-19 21:22:01 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2013-05-19 21:22:01 +0400 |
commit | 5bbc4bb4b04519036946db961ddea551fdf2eb6c (patch) | |
tree | 78bc9a94551c8899ac2c1479811fedd568e8dd00 /css | |
parent | a5eca8875078f7fea55e009a47694a2111354ae6 (diff) |
move stylesheets to css/, reference default tt-rss stylesheets from
default.css to make custom themes easier
Diffstat (limited to 'css')
-rw-r--r-- | css/cdm.css | 213 | ||||
-rw-r--r-- | css/prefs.css | 125 | ||||
-rw-r--r-- | css/tt-rss.css | 1106 | ||||
-rw-r--r-- | css/utility.css | 265 |
4 files changed, 1709 insertions, 0 deletions
diff --git a/css/cdm.css b/css/cdm.css new file mode 100644 index 000000000..4adc8f38f --- /dev/null +++ b/css/cdm.css @@ -0,0 +1,213 @@ +div.cdmHeader img, div.cdmHeader input, div.cdmFooter img { + vertical-align : middle; +} + +div.cdmHeader { + display : table; +} + +div.cdmHeader > * { + display : table-cell; + padding : 5px; +} + +div.cdmHeader > div { + white-space : nowrap; +} + +div.cdmHeader > span { + width : 100%; +} + +div.cdmHeader span.updated { + color : #555; + font-weight : normal; + font-size : 11px; + white-space : nowrap; + vertical-align : middle; +} + +div.cdmHeader input { + margin-right : 5px; +} + +div.cdmHeader div.updPic { + width : 25px; + display : inline-block; + text-align : center; +} + +div.cdmHeader div.updPic img { + vertical-align : middle; +} + +div.cdmHeader img, div.cdmFooter img { + margin : 0px 2px 0px 2px; +} + +div.cdmContentInner { + margin : 10px; + line-height : 20px; +} + +div.cdmContentInner img { + border-width : 0px; + max-width : 98%; + height : auto; +} + +div.cdmFooter { + padding : 5px; + font-weight : normal; + color : #555; + clear : both; +} + +div.cdm.expanded { + margin-top : 4px; + margin-bottom : 4px; +} + +div.cdm.expandable { + background-color : #f0f0f0; + border-width : 0px 0px 1px 0px; + border-color : #c0c0c0; + border-style : solid; +} + +div.cdm.expandable.active { + box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); +} + +div.cdm.expandable > hr { + display : none; +} + +div.cdm.expanded > hr { + margin-top : 0px; + margin-bottom : 0px; +} + +div.cdm.expandable.Unread { + background : white; +} + +div.cdm.expandable.active { + border-color : #88b0f0; + background : white ! important; +} + +div.cdm.expandable div.cdmHeader a.title { + font-weight : bold; + color : #555; +} + +div.cdm.expandable.Unread div.cdmHeader a.title { + color : black; +} + +div.cdm.expandable.active div.cdmHeader a.title { + color : #4684ff; +} + +div.cdm.expanded div.cdmHeader { + background : transparent ! important; +} + +div.cdm.expanded div.cdmHeader a.title { + font-size : 14px; + color : #999; + font-weight : bold; +} + + +div.cdm.expanded.active div.cdmHeader a.title { + color : #4684ff; +} + +div.cdm.expanded.Unread div.cdmHeader a.title { + color : black; +} + +div.cdm.expanded div.cdmContent { + color : #555; +} + +div.cdm.expanded.Unread div.cdmContent { + color : black; +} + +div.cdm.active div.cdmContent { + color : black; +} + +span.cdmExcerpt { + font-size : 11px; + color : #555; + font-weight : normal; + cursor : pointer; +} + +div.cdmContent div.postEnclosures { + margin-top : 1em; + color : #555; +} + +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; +} + +div.cdmFeedTitle a.title { + color : #555; + font-style : italic; + font-weight : bold; +} + +div.cdmFeedTitle a { + color : #555; +} + +div.cdmFeedTitle a:hover { + color : #4684ff; +} + +div.cdmHeader span.hlFeed { + float : right; + font-weight : normal; + font-style : italic; +} + +div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a { + vertical-align : middle; + color : #555; + font-weight : normal; + font-style : italic; + font-size : 11px; +} + +div.cdm .hlFeed a { + border-radius : 4px; + display : inline-block; + padding : 1px 4px 1px 4px; +} + +div.cdmContentInner p { + max-width : 650px; +} + +div.cdmContentInner iframe { + min-width : 50%; +} + +div.cdmHeader span.author { + color : #555; + font-size : 11px; + font-weight : normal; +} + + diff --git a/css/prefs.css b/css/prefs.css new file mode 100644 index 000000000..872032666 --- /dev/null +++ b/css/prefs.css @@ -0,0 +1,125 @@ +#header a:hover { + color : black; +} + +#header img { + vertical-align : middle; + cursor : pointer; +} + + +div#pref-tabs .dijitContentPane { + font-size : 13px; +} + +div#pref-tabs { + margin : 0px 5px 0px 5px; +} + +div#pref-tabs .dijitContentPane h3 { + font-size : 14px; + font-weight : bold; +} + +#pref-filter-wrap, #pref-filter-header, #pref-filter-content, +#pref-label-wrap, #pref-label-header, #pref-label-content, +#pref-user-wrap, #pref-user-header, #pref-user-content, +#pref-instance-wrap, #pref-instance-header, #pref-instance-content { + margin : 0px; + padding : 0px; + border-width : 0px; +} + +#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { + padding : 0px; +} + +/* preferences */ + +table.prefPrefsList h3 { + margin-top : 0.5em; + margin-bottom : 0px; +} + +tr.title td { + border-width : 0px 0px 1px 0px; + border-color : #ecf4ff; + border-style : solid; + color : #4684ff; +} + +div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { + height : 300px; + overflow : auto; + border-width : 0px 1px 1px 1px; + border-color : #c0c0c0; + border-style : solid; + margin : 0px 0px 5px 0px; + background-color : #ecf4ff; +} +div.filterTestHolder, div.prefFeedOPMLHolder { + border-width : 1px; +} + +ul.selfUpdateList { + height : 200px; + overflow : auto; + list-style-type : none; + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 0px 0px 5px 0px; + padding : 5px; +} + +div#feedlistLoading, div#filterlistLoading, div#labellistLoading { + text-align : center; + padding : 5px; + color : #555; +} + +div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { + margin-right : 5px; +} + +#errorButton { + color : red; +} + +a.bookmarklet { + color : #4684ff; + border : 1px solid #ecf4ff; + padding : 2px; +} + +table.prefPluginsList td label, table.prefUserList td { + cursor : pointer; +} + +ul.userFeedList { + height : 300px; + overflow : auto; + list-style-type : none; + border : 1px solid #555; + background-color : white; + margin : 0px 0px 5px 0px; + padding : 0px; +} + +table.prefErrorLog tr.errrow td { + font-size : 10px; +} + +table.prefErrorLog tr.errrow td.errno { + font-style : italic; + font-weight : bold; + white-space : nowrap; +} + +table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp { + color : #555; +} + +.dijitAccordionContainer-child { + box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2); +} + diff --git a/css/tt-rss.css b/css/tt-rss.css new file mode 100644 index 000000000..72bdc1d24 --- /dev/null +++ b/css/tt-rss.css @@ -0,0 +1,1106 @@ +body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { + background : white; + color : black; + margin : 0px; + padding : 0px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; +} + +html, body#ttrssMain, body#ttrssPrefs, #main { + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; +} + + +body#ttrssPrefs { + background-color : #ecf4ff; +} + +body#ttrssPrefs #footer, body#ttrssPrefs #header { + background-color : #ecf4ff; + padding-left : 8px; + padding-right : 8px; +} + +div.postReply { + padding : 0px; +} + +div.postReply div.postHeader { + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; + background : #fafafa; + box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); + padding : 5px; + color : #909090; +} + +div.postReply div.postTitle { + overflow : hidden; + text-overflow: ellipsis; + white-space : nowrap; +} + +div.postReply div.postDate { + padding-left : 10px; +} + +div.postReply div.postContent { + padding : 10px; +} + +div.postReply div.postContent img { + border-width : 0px; + max-width : 98%; + height: auto; +} + +div.postReply div.postEnclosures { + margin-top : 1em; + color : #555; +} + +div.postReply img.tagsPic { + width : 16px; + height : 16px; + margin-left : 4px; + vertical-align : middle; +} + +div.articleNote { + background-color : #fff7d5; + padding : 5px; + border-radius : 4px; + margin : 5px; + border-style : solid; + border-color : #e7d796; + border-width : 1px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); + background-color : #fff7d5; + color : #9a8c59; +} + +div.articleNote div.noteEdit { + float : right; + cursor : pointer; +} + +div.postReply span.author { + font-size : 12px; +} + +h1 { + font-size : 18px; +} + +h2 { + font-size : 16px; + font-weight : bold; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #ecf4ff; +} + +h3 { + font-size : 12px; + font-weight : bold; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #ecf4ff; +} + +hr { + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; + max-width : 90%; +} + +a { + color : #4684ff; + text-decoration : none; +} + +a:hover { + color : #88b0f0; +} + +#piggie { + z-index : 999; + position : absolute; +} + +#notify { + bottom : 10px; + right : 10px; + border-width : 1px; + border-style : solid; + position : absolute; + font-size : 12px; + z-index : 99; + max-width : 200px; + min-width : 100px; + padding : 5px; + -width : 200px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.2); +} + +#notify img { + vertical-align : middle; + max-height : 14px; +} + +#notify span.msg { + width : 100%; +} + +#notify span.close { + text-align : right; +} + +#notify span { + display : table-cell; + vertical-align : middle; + padding : 4px; +} + +.notify { + border-color : #d7c47a; + background-color : #fff7d5; +} + +.notify.progress { + border-color : #d7c47a; + background-color : #fff7d5; +} + +.notify.info { + border-color : #88b0f0; + background-color : #ecf4ff; +} + +.notify.error { + background-color : #ffcccc; + border-color : #ff0000; +} + +.hl div.hlTitle a { + font-weight : bold; + color : #555; +} + +.hl.Unread div.hlTitle a { + color : black; +} + +.hl.active { + box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); +} + +.hl.active div.hlTitle a { + color : #4684ff; +} + +.hl.Grayed { + color : #909090; +} + +#headlines-frame div.hl:nth-child(even) { + background : #fafafa; +} + +#headlines-frame.normal { + +} + +.hl { + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; +} + +.hl.active { + background : #ecf4ff ! important; +} + +div.filterTestHolder { + height : 300px; + overflow : auto; + border-color : #c0c0c0; + border-style : solid; + margin : 0px 0px 5px 0px; + background-color : #ecf4ff; + border-width : 1px 1px 1px 1px; +} + + +#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote { + margin : 5px 0px 5px 0px; + color : #555; + padding-left : 10px; + border-width : 0px 0px 0px 4px; + border-color : #c0c0c0; + border-style : solid; +} + +#content-insert code, #headlines-frame code, .dijitContentPane code { + color : #009900; + font-family : monospace; + font-size : 12px; +} + +#content-insert pre, #headlines-frame pre, .dijitContentPane pre { + margin : 5px 0px 5px 0px; + padding : 10px; + color : #555; + font-family : monospace; + font-size : 12px; + border-width : 0px; + border-color : #c0c0c0; + border-style : solid; + background : #fafafa; + display : block; + max-width : 98%; + overflow : auto; +} + +div.notice, div.warning, div.error { + padding : 4px 10px 4px 4px; + display : inline-block; + margin : 2px 0px 4px 0px; + font-size : 12px; + border-style : solid; + border-color : #ccc; + border-radius : 4px; + border-width : 1px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); +} + +div.notice div.inner, div.warning div.inner, div.error div.inner { + vertical-align : middle; +} + +div.notice { + background : #ecf4ff; + border-color : #88b0f0; +} + +div.warning { + background : #fff7d5; + border-color : #e7d796;; +} + +div.error { + background : #ffcccc; + border-color : #ff0000; +} + +div.warning img, div.notice img, div.error img { + margin-right : 4px; + vertical-align : middle; +} + +div.warning span, div.notice span, div.error span { + display : table-cell; + vertical-align : middle; + +} + +ul.nomarks { + list-style-type : none; + margin : 0px; + padding : 10px; +} + +div.prefHelp { + color : #555; + padding : 5px; +} + +span.feed_error { + color : red; +} + +.insensitive { + color : #555; +} + +div#headlines-toolbar { + border-width : 0px 0px 1px 0px; + background-color : #fcfcfc; + border-color : #c0c0c0; + font-size : 12px; + font-family : "Segoe UI", Tahoma, sans-serif; + color : #555; + padding : 0px; + margin : 0px; + overflow : hidden; + height : 25px; + line-height : 25px; + padding-left : 4px; +} + +div#headlines-toolbar .dijitSelect { + font-size : 11px; + position : relative; + top : -2px; +} + +div#headlines-toolbar span.r { + float: right; + position: relative; + padding : 0 4px 0px 4px; + text-align : right; +} + +div#headlines-toolbar span.r span.error { + color : red; +} + +div#headlines-toolbar span.r a { + color : #555; +} + +span.contentPreview { + color : #555; + font-weight : normal; +} + +span.contentPreview:hover { + color : #4684ff; +} + +span.hlLabelRef { + background-color : #fff7d5; + font-size : 8px; + color : #063064; + font-weight : normal; + margin-left : 2px; + padding : 1px 4px 1px 4px; + display : inline-block; + vertical-align : middle; + white-space: nowrap; + border-radius : 4px; +} + +div.postHeader div.postDate { + text-align : right; + color : #555; + float : right; +} + +div.postHeader div { + padding-bottom : 3px; +} + +#feedUpdateErrors { + display : none; +} + +#allEntryTags { + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #c0c0c0; + padding-bottom : 5px; + display : none; +} + +a.hlFeed { + display : block; + white-space : nowrap; + font-size : 9px; + font-style : italic; + font-weight : normal; + border-radius : 4px; + display : inline-block; + padding : 1px 2px 1px 2px; + margin-bottom : 2px; + margin-top : 2px; + color : #555; +} + +a.hlFeed:hover { + color : #4684ff; +} + +img.markedPic, img.pubPic { + cursor : pointer; + vertical-align : middle; +} + +div.tagCloudContainer { + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 5px 0px 5px 0px; + padding : 5px; + text-align : center; +} + +div.errorExplained { + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 5px 0px 5px 0px; + padding : 5px; +} + +ul.feedErrorsList { + max-height : 300px; + overflow : auto; + list-style-type : none; + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 0px 0px 5px 0px; + padding : 5px; +} + +ul.feedErrorsList em { + color : #555; +} + +ul.browseFeedList { + height : 300px; + overflow : auto; + border-width : 0px 1px 1px 1px; + border-color : #c0c0c0; + border-style : solid; + margin : 0px 0px 5px 0px; + background-color : white; + list-style-type : none; + padding : 0px; + +} + +ul.browseFeedList li { + margin : 0px; + padding : 2px 4px 2px 4px; +} + +span.subscribers { + color : #808080; +} + +div.subscribers { + color : #808080; + font-size : 12px; + float : right; +} + +div.browserDetails { + margin : 5px 5px 5px 5px; + padding : 5px; +} + +ul.compact { + list-style-type : none; + margin : 0px; + padding : 0px; +} + +ul.compact li { + margin : 0px; + padding : 0px; +} + +.noborder { + border-width : 0px; +} + +#overlay { + background : white; + left : 0; + top : 0; + height : 100%; + width : 100%; + z-index : 100; + position : absolute; +} + +#overlay_inner { + font-weight : bold; + margin : 1em; +} + +form { + margin : 0px; + padding : 0px; +} + +#main_toolbar_form { + margin : 0px; + padding : 0px; + display : table-cell; + white-space : nowrap; + width : 100%; +} + +div.loadingPrompt { + padding : 1em; + text-align : center; + font-weight : bold; +} + +div.whiteBox { + margin-left : 1px; + text-align : center; + padding : 1em; +} + +/* html, body#ttrssMain, #main { + width: 100%; + height: 100%; + padding: 0; + margin: 0; +} */ + +#toolbar div.actionChooser { + display : table-cell; + text-align : right; + padding-right : 3px; +} + +div.autocomplete { + position : absolute; + width : 250px; + background-color : white; + border :1px solid #778899; + margin : 0px; + padding : 0px; +} + +div.autocomplete ul { + list-style-type : none; + margin : 0px; + padding : 0px; +} + +div.autocomplete ul li.selected { + background-color : #fff7d5; +} + +div.autocomplete ul li { + list-style-type : none; + display : block; + margin : 0; + padding : 2px; + height : 32px; + cursor : pointer; +} + +.hlContentH a, .hlContentH span { + color : #00cc00; +} + +.hlContentL a, .hlContentL span { + color : #909090; + text-decoration : line-through; +} + +span.titleWrapH, span.titleWrapH a { + color : #00cc00; +} + +span.titleWrapL, span.titleWrapL a { + color : #909090; + text-decoration : line-through; +} + +img.hlScorePic { + vertical-align : middle; + width : 16px; + height : 16px; +} + +div.dlgSec { + font-size : 12px; + color : #555; + font-weight : bold; + clear : both; + height : 20px; +} + +div.dlgSecCont { + position : relative; + left : 150px; + top : -20px; + float : left; + font-size : 12px; + font-weight : normal; +} + +div.dlgSecCont hr { + height : 0px; + line-height : 0px; + border : 0px solid transparent; + margin : 2px; +} + +div.dlgSecCont > * { + position : relative; + top : -2px; +} + +div.dlgButtons { + text-align : right; + clear : both; +} + +span.labelColorIndicator { + height : 14px; + width : 14px; + line-height : 14px; + font-size : 9px; + display : inline-block; + border : 1px solid black; + background-color : #fff7d5; + color : #063064; + text-align : center; + margin-right : 2px; +} + +span.labelColorIndicator2 { + height : 14px; + width : 14px; + font-size : 9px; + display : inline-block; + border : 1px solid black; + background-color : #fff7d5; + color : #063064; + text-align : center; + margin-right : 2px; + vertical-align : bottom; +} + +div#cmdline { + position : absolute; + left : 5px; + bottom : 5px; + font-size : 11px; + color : #555; + font-weight : bold; + background-color : white; + border : 1px solid #88b0f0; + padding : 3px 5px 3px 5px; + z-index : 5; +} + +#feed_browser_spinner { + vertical-align : middle; + height : 18px; + width : 18px; +} + +div.hlTitle { + display : table-cell; + cursor : pointer; + width : 100%; + vertical-align : middle; + padding-top : 4px; + padding-bottom : 4px; +} + +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 : #555; + min-width : 100px; + display : table-cell; + width : 100%; + vertical-align : middle; + text-align : right; + font-size : 10px; +} + +div.hlLeft { + padding-left : 8px; +} + +div.hlLeft input { + margin-left : 4px; + margin-right : 4px; +} + +div.hlLeft img, div.hlRight img { + margin : 0px 4px 0px 4px; +} + +div.hlLeft img { + width : 16px; + height : 16px; +} + +div.fatalError { + margin-bottom : 10px; +} + +div.fatalError button { + margin-top : 5px; +} + +div.fatalError textarea { + width : 100%; + height : 100px; +} + +#ttrssMain #main { + border-width : 0px; + margin : 0px; + padding : 0px; +} + +#header-wrap { + border-width : 0px; + margin : 0px; + padding : 0px; +} + +#content-wrap { + padding : 0px; + border-width : 0px 0px 0px 1px; + border-style : solid; + border-color : #c0c0c0; + margin : 0px; +} + +#feeds-holder { + padding : 0px; + border-color : #c0c0c0; + border-left-width : 0px; + border-bottom-width : 0px; + border-top-width : 0px; + overflow : hidden; + box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); + background : #f9fbff; +} + +#headlines-wrap-inner { + padding : 0px; + margin : 0px; + border-width : 0px; +} + +#headlines-frame { + padding : 0px; + border-color : #c0c0c0; + border-style : solid; + border-width : 0px; + margin-top : 0px; + box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); +} + +#headlines-toolbar_splitter, #toolbar_splitter { + display : none; +} + +#toolbar { + padding : 0px; + margin : 0px; + border-width : 0px; + white-space: nowrap; + font-size : 12px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); +} + +#header { + border-width : 0px; + text-align : right; + color : #555; + padding : 5px 5px 0px 0px; + margin : 0px; + position : absolute; + right : 0px; + top : 0px; + z-index : 5; +} + +#footer { + text-align : center; + color : #555; + padding : 4px 4px 8px 4px; + border-width : 0px; +} + +#content-insert { + padding : 0px; + border-color : #c0c0c0; + border-bottom-width : 0px; + border-right-width : 0px; + border-left-width : 0px; + line-height: 20px; + overflow : auto; +} + +.dijitTreeLabel.Unread { + font-weight : bold; +} + +.dijitTreeLabel { + outline : 0; +} + +.feedParam { + color : #555; + float : right; + margin-right : 1em; +} + +.labelParam { + float : right; + margin-right : 1em; +} + +.dijitTreeLabel.Disabled, .labelParam.Disabled { + color : #555; +} + +.dijitTreeRow.Error { + color : red; +} + +.dijitTreeRow.Hidden { + display : none; +} + +img.feedIcon, img.tinyFeedIcon { + width : 16px; + height : 16px; + vertical-align : middle; + display : inline-block; +} + +.dijitDialog .dijitToolbar { + border : 1px solid #c0c0c0; +} + +.dijitDialog h2 { + margin-top : 0px; + margin-bottom : 4px; + border-width : 0px; +} + +.player { + display : inline-block; + color : #555; + font-size : 11px; + font-family : sans-serif; + border : 1px solid #555; + padding : 0px 4px 0px 4px; + margin : 0px 2px 0px 2px; + width : 50px; + text-align : center; + background : white; +} + +.player.playing { + color : #00c000; + border-color : #00c000; +} + +.player:hover { + background : #f0f0f0; + cursor : pointer; +} + +#headlines-spacer { + height : 100%; + margin-left : 1px; + text-align : center; + padding : 1em; + color : #555; +} + +ul#filterDlg_Matches, ul#filterDlg_Actions { + max-height : 100px; + overflow : auto; + list-style-type : none; + border-style : solid; + border-color : #c0c0c0; + border-width : 0px 1px 1px 1px; + background-color : #ecf4ff; + margin : 0px 0px 5px 0px; + padding : 0px; +} + +ul#filterDlg_Matches li, ul#filterDlg_Actions li { + cursor : pointer; + padding : 0px 0px 0px 5px; +} + +ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { + margin-right : 5px; +} + +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; + height : 9px; +} + +span.collapseBtn { + cursor : pointer; +} + +div.postContent p { + max-width : 650px; +} + +div.postContent iframe { + min-width : 50%; +} + +div.postHeader span.author { + color : #555; + font-size : 11px; + font-weight : normal; +} + +body#ttrssZoom { + margin-left : auto; + margin-right : auto; + padding : 20px; + max-width : 800px; + background : #f9fbff; +} + +body#ttrssZoom div.postContent p { + max-width : 650px; +} + +body#ttrssZoom div.postHeader { + margin : 10px; + border : 1px solid #ccc; + box-shadow : none; + border-radius : 4px; +} + +body#ttrssZoom div.postReply { + border : 1px solid #ccc; + border-radius : 4px; + box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); + background : white; +} + +body#ttrssZoom div.postContent { + +} + +body#ttrssZoom div.footer { + margin-top : 1em; + text-align : center; +} + +body#ttrssZoom div.postContent img { + max-width : 650px; + height : auto; +} + +select.attachments { + display : block; + margin-top : 10px; + max-width : 120px; +} + +div.hl.active { + border-color : #88b0f0; +} + +#selected_prompt { + margin-right : 25px; +} + +#feedTree .dijitTreeRow { + padding : 2px 0px 2px; + border-width : 1px; + border-color : transparent; + color : #333; +} + +#feedTree .dijitTreeNode { + padding : 0px; + border-width : 0px; +} + +#feedTree { + height : 100%; + overflow-x : hidden; + font-family : "Segoe UI", Tahoma, sans-serif; +} + +#feedTree .counterNode.aux { + background : #f0f0f0; + color : #999; + border-color : #f0f0f0; +} + +#feedTree .counterNode { + font-weight : bold; + display : inline-block; + font-size : 9px; + text-align : center; + border : 1px solid #88b0f0; + color : white; + background : #88b0f0; + border-radius : 4px; + vertical-align : middle; + float : right; + margin-right : 5px; + position : relative; + top : 2px; + min-width : 23px; +} + +#feedTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +body#ttrssPrefs hr { + border-color : #ecf4ff; + max-width : 100%; +} + +.dijitMenuItemLabel { + font-size : 13px; +} diff --git a/css/utility.css b/css/utility.css new file mode 100644 index 000000000..ac0180e44 --- /dev/null +++ b/css/utility.css @@ -0,0 +1,265 @@ +body { + background : #f9fbff; + color : black; + padding : 0px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + margin-left : auto; + margin-right : auto; + max-width : 800px; +} + +form { + margin : 10px 0px 0px 0px; + padding : 0px; +} + +div.content { + background : white; + border : 1px solid #ccc; + padding : 10px; + border-radius : 4px; + box-shadow : inset 0 0 3px rgba(0,0,0,0.1); +} + +p.warning { + color : red; +} + +p.query, code { + color : green; +} + +p.insensitive { + color : gray; +} + +div.insensitive-small { + color : gray; + font-size : 10px; +} + +.floatingLogo { + float : right; + position : relative; + top : -10px; +} + +a { + color : #4684ff; + text-decoration : none; +} + +a:hover { + color : black; +} + +div.notice, div.warning, div.error { + padding : 4px 10px 4px 4px; + display : inline-block; + margin : 2px 0px 4px 0px; + font-size : 12px; + border-style : solid; + border-color : #ccc; + border-radius : 4px; + border-width : 1px; + box-shadow : 0px 0px 2px rgba(0,0,0,0.1); +} + +div.notice div.inner, div.warning div.inner, div.error div.inner { + vertical-align : middle; +} + +div.notice { + background : #ecf4ff; + border-color : #88b0f0; +} + +div.warning { + border-color : #EFDC88; + background : #fff7d5; +} + +div.error { + background : #ffcccc; + border-color : #ff0000; +} + +div.warning img, div.notice img, div.error img { + margin-right : 4px; + vertical-align : middle; +} + +div.warning span, div.notice span, div.error span { + display : table-cell; + vertical-align : middle; + +} + +h1 { + color : #88b0f0; + font-size : 32px; + margin : 20px 0px 5px 0px; + text-shadow : 0 0 6px #fff; +} + +h2 { + color : #88b0f0; + font-size : 14pt; + border-width : 0px 0px 1px 0px; + border-color : #f0f0f0; + border-style : solid; +} + +div.content > h2 { + margin-top : 0px; +} + +div.rss h1 { + border-width : 0px 0px 1px 0px; + border-color : gray; + border-style : dotted; + color : gray; + margin-right : 90px; +} + +div.rss h2 { + font-size : 12pt; +} + +div.rss a.extlink { + color : gray; + border-width : 0px 0px 1px 0px; + border-color : #778899; + border-style : dotted; + font-size : 9pt; +} + +div.rss img { + max-width : 775px; +} + +div.rss p.description { + color : gray; + font-size : 9pt; +} + +div.rss div.content { + margin-top : 0.5em; +} + +div.rss img.feedicon { + float : right; +} + +div.rss hr { + border-width : 0px 0px 1px 0px; + border-style : dashed; + border-color : #e0e0e0; +} + +body#sharepopup { + background-color : white; + background-image : url("images/toolbar.png"); + background-repeat : repeat-x; + background-position : bottom; + margin : 10px; + padding : 0px; +} + +body#sharepopup h1 { + font-size : 14px; + margin : 0px; + color : #88b0f0; +} + +body#sharepopup table { + background : white; + border : 1px solid #88b0f0; + padding : 5px; +} + +body#sharepopup form { + height : 100%; +} + +body#sharepopup input { + width : 100%; +} + +div.autocomplete { + position : absolute; + width : 250px; + background-color : white; + border :1px solid #778899; + margin : 0px; + padding : 0px; + z-index : 4; +} + +div.autocomplete ul { + list-style-type : none; + margin : 0px; + padding : 0px; + font-size : 10px; +} + +div.autocomplete ul li.selected { + background-color : #fff7d5; +} + +div.autocomplete ul li { + list-style-type : none; + display : block; + margin : 0; + padding : 2px; + height : 32px; + cursor : pointer; +} + +fieldset { + border-width : 0px; + padding : 0px 0px 5px 0px; + margin : 0px; +} + +fieldset input { + font-family : sans-serif; + font-size : medium; + border-spacing : 2px; + border : 1px solid #b5bcc7; + padding : 2px; +} + +fieldset label { + width : 120px; + margin-right : 20px; + display : inline-block; + text-align : right; + color : gray; +} + +body.otp { + margin : 1em; + padding : 0px; +} + +form.otpform { + margin : 0px; + padding : 0px; +} + +form.otpform label { + margin : 0px; + padding : 0px; +} + +body.otp div.content { + display : inline-block; + width : auto; +} + +span.hint { + font-size : 10px; + color : gray; +} |