diff options
author | YoungMin Park <[email protected]> | 2014-11-04 11:49:43 +0900 |
---|---|---|
committer | YoungMin Park <[email protected]> | 2014-11-04 11:49:43 +0900 |
commit | a5bbb2bec133bdee08b361628f32430ae3884107 (patch) | |
tree | b203105149ec234ebe155d5718d2cbb6390b4a45 /css | |
parent | 12727ad17d125eb2f3f243231ccca1cb0a5a7b4b (diff) | |
parent | 2f43089de1ead3f164b8b31967d1abbb784319fa (diff) |
Merge pull request #1 from gothfox/master
Update from original
Diffstat (limited to 'css')
-rw-r--r-- | css/cdm.css | 189 | ||||
-rw-r--r-- | css/dijit.css | 409 | ||||
-rw-r--r-- | css/prefs.css | 41 | ||||
-rw-r--r-- | css/tt-rss.css | 615 | ||||
-rw-r--r-- | css/utility.css | 18 | ||||
-rw-r--r-- | css/zoom.css | 105 |
6 files changed, 999 insertions, 378 deletions
diff --git a/css/cdm.css b/css/cdm.css index 18bedce01..70ed6d732 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -52,7 +52,8 @@ div.cdmHeader input { div.cdmContentInner { margin : 10px; - line-height : 20px; + line-height : 1.5; + font-size : 15px; } div.cdmContentInner img { @@ -61,6 +62,16 @@ div.cdmContentInner img { height : auto; } +div.cdmContentInner h1 { + font-size : 16px; +} + +div.cdmContentInner h2, +div.cdmContentInner h3, +div.cdmContentInner h4 { + font-size : 15px; +} + div.cdmFooter { padding : 5px; font-weight : normal; @@ -68,15 +79,25 @@ div.cdmFooter { clear : both; } +div.cdm { + margin-right : 4px; +} + div.cdm.expanded { margin-top : 4px; margin-bottom : 4px; } +div.cdm.expanded div.cdmFooter { + border-style : solid; + border-width : 0px 0px 1px 0px; + border-color : #ddd; +} + div.cdm.expandable { background-color : #f0f0f0; border-width : 0px 0px 1px 0px; - border-color : #c0c0c0; + border-color : #ddd; border-style : solid; } @@ -98,8 +119,6 @@ div.cdm.expandable.Selected { } div.cdm.expandable.active { - box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); - border-color : #88b0f0; background : white ! important; } @@ -110,9 +129,20 @@ div.cdm.expandable div.cdmHeader span.titleWrap { max-width : 500px; } +div.cdm.expandable.active div.cdmHeader span.titleWrap { + white-space : normal; +} + div.cdm.expandable div.cdmHeader a.title { - font-weight : bold; + font-weight : 600; color : #555; + font-size : 14px; + -webkit-transition : color 0.2s; + transition : color 0.2s; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expandable.Unread div.cdmHeader a.title { @@ -121,6 +151,12 @@ div.cdm.expandable.Unread div.cdmHeader a.title { div.cdm.expandable.active div.cdmHeader a.title { color : #4684ff; + font-size : 16px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expanded div.cdmHeader { @@ -128,9 +164,15 @@ div.cdm.expanded div.cdmHeader { } div.cdm.expanded div.cdmHeader a.title { - font-size : 14px; + font-size : 16px; color : #999; - font-weight : bold; + font-weight : 600; + -webkit-transition : color 0.2s; + transition : color 0.2s; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.cdm.expanded.active { @@ -159,7 +201,7 @@ div.cdm.active div.cdmContent { span.cdmExcerpt { font-size : 11px; - color : #555; + color : #999; font-weight : normal; cursor : pointer; } @@ -174,7 +216,7 @@ div.cdmFeedTitle { border-width : 0px 0px 1px 0px; border-style : solid; padding : 5px 3px 5px 5px; - background : url("images/toolbar.png") bottom left; + background : url("../images/toolbar.png") bottom left; background-repeat : repeat-x; } @@ -214,6 +256,9 @@ div.cdm .hlFeed a { div.cdmContentInner p { max-width : 650px; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } div.cdmContentInner iframe { @@ -230,38 +275,126 @@ div.cdmHeader span.author { div#floatingTitle { position : absolute; z-index : 5; - top : 30px; - right : 20px; - border : 1px solid #ccc; + top : 0px; + right : 0px; + left : 0px; + border-color : #ddd; + border-width : 0px 0px 1px 0px; + border-style : solid; background : white; - border-radius : 3px; - box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); color : #555; - font-size : 10px; - padding : 3px; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); } div#floatingTitle > * { display : table-cell; white-space : nowrap; vertical-align : middle; + padding : 9px 5px; } -div#floatingTitle span.titleWrap { - max-width : 200px; - overflow : hidden; - text-overflow : ellipsis; +div#floatingTitle img { + margin-right : 4px; + margin-left : 4px; } -div#floatingTitle img { - padding-right : 3px; +div#floatingTitle span.author { + color : #555; + font-size : 11px; + font-weight : normal; +} + +div#floatingTitle a.title { + font-size : 16px; + color : #999; + -webkit-transition : color 0.2s; + transition : color 0.2s; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; +} + +div#floatingTitle.Unread a.title { + color : black; +} + +div#floatingTitle img.anchor { + margin-left : 0px; +} + +div#floatingTitle div.hlFeed { + padding-right : 10px; + color : #555; + font-weight : normal; + font-style : italic; + font-size : 11px; + white-space : nowrap; +} + +div#floatingTitle div.hlFeed a { + border-radius : 4px; + display : inline-block; + padding : 1px 4px 1px 4px; +} + +div#floatingTitle span.updated { + padding-right : 10px; + white-space : nowrap; + color : #555; + font-size : 11px; +} + +div#floatingTitle div.hlFeed a { + color : #555; } -div#floatingTitle .dijit, -div#floatingTitle span.updated, -div#floatingTitle div.scoreWrap, -div#floatingTitle div.hlFeed, -div#floatingTitle span.author, -div#floatingTitle img.tinyFeedIcon { +div#floatingTitle span.titleWrap { + width : 100%; + white-space : normal; +} + +div#floatingTitle .dijit, +div#floatingTitle img.hlScorePic { display : none; } + +.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt, +.cdm.high .cdmHeader span.author { + color : #00aa00; +} + +.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt, +.cdm.Unread.high .cdmHeader span.author { + color : #00dd00; +} + +.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt, +.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt, +.cdm.low .cdmHeader span.author { + color : #909090; + text-decoration : line-through; +} + +div.cdmFeedTitle > * { + display : table-cell; + vertical-align : middle; +} + +div.cdmFeedTitle a.title { + width : 100%; +} + +div.cdmFeedTitle a.catchup { + text-align : right; + color : #555; + padding-right : 10px; + font-size : 11px; + white-space : nowrap; +} + +div.cdmFeedTitle a.catchup:hover { + color : #4684ff; +} + diff --git a/css/dijit.css b/css/dijit.css new file mode 100644 index 000000000..eb4f767db --- /dev/null +++ b/css/dijit.css @@ -0,0 +1,409 @@ +/* Tree */ + +.claro .dijitTreeRow .dijitCheckBox { + position : relative; + top : -2px; +} + +.claro .dijitTreeLabel { + outline : 0; +} + +.claro .dijitTree .feedParam { + color : #555; + float : right; + margin-right : 1em; +} + +.claro .dijitTree .filterRules { + display : block; + color : #ccc; + font-size : 10px; + margin-left : 100px; +} + +.claro .dijitTree .filterRules span { + display : block; + color : green; +} + +#filterDlg_Matches span.filterRule { + color : green; +} + +.claro .dijitTree .filterRules span.inverse, +#filterDlg_Matches span.filterRule.inverse { + color : red; +} + + +.claro .dijitTree .labelParam { + float : right; + margin-right : 1em; +} + +.claro .dijitTree .dijitTreeLabel.Disabled, +.claro .dijitTree .labelParam.Disabled { + color : #555; +} + +.claro .dijitTreeRow.Error { + color : red; +} + +.claro .dijitTreeRow.Hidden { + display : none; +} + +.claro .dijitTreeNode .loadingNode { + margin-left : 3px; + height : 9px; +} + +.claro .dijitFolderClosed, +.claro .dijitFolderOpened { + display : none; +} + +.claro .dijitTreeNode .dijitCheckBox { + margin-left : 4px; +} + +.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { + margin-left : 5px; +} + +.claro .dijitTree .dijitTreeExpando { + margin-top : 0px; + opacity : 0.6; +} + +.claro .dijitTree .dijitTreeNode { + padding : 0px; + border-width : 0px; +} + +.claro .dijitTree .dijitTreeRow { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} + +.claro .dijitTree .dijitTreeRowSelected { + background : white; +} + +.claro .dijitTree .dijitTreeRowHover { + background : #f0f0f0; + border-color : #ddd; +} + +.claro .dijitTree .dijitTreeRowSelected { + background : white; + border-color : #ddd; +} + +.claro .dijitTreeRowSelected .dijitTreeLabel { + text-shadow : 1px 1px 2px #fff; +} + +.claro .dijitTreeRow .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + position : relative; + top : -1px; +} + +.claro .dijitTreeRow .dijitTreeExpandoLeaf { + background : none; +} + +/* Toolbar */ + +.claro .dijitToolbar { + background : #f5f5f5; + border-color : #ddd; + /* text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; */ +} + +/* .claro .dijitToolbar { + text-shadow : 1px 1px 2px #fff; +} */ + +.claro .dijitDialog .dijitToolbar { + border : 1px solid #ddd; +} + +/* Dialog */ + +.claro .dijitDialog h2 { + margin-top : 0px; + margin-bottom : 4px; + border-width : 0px; +} + +.claro .dijitMenuItemLabel { + font-size : 13px; +} + +/* Checkbox */ + +.claro .dijitCheckBox { + background-image : url("../images/untick.png"); + background-color : transparent; + width : 15px; + height : 15px; + margin : 1px; + opacity : 0.7; + background-position : center center; + transition : opacity 0.25s; + -webkit-transition : opacity 0.25s; + /* border : 1px solid #b5bcc7; */ + padding : 1px; +} + + .claro .dijitCheckBox:hover { + opacity : 1; +} + +.claro .dijitCheckBox.dijitCheckBoxDisabled:hover { + opacity : 0.7; +} + +.claro .dijitCheckBox.dijitCheckBoxChecked { + border-color : #69C671; + background-image : url("../images/tick.png"); + opacity : 1; +} + +/* Various buttons */ + +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton .dijitButtonNode { + background : none; + border-color : transparent; + box-shadow : none; +} + +button, +input[type="submit"] { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size : 14px; +} + +button, +input[type="submit"], +.claro .dijitButton, +.claro .dijitComboButton { + display: inline-block; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +button:hover, +button:focus, +button:active, +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="submit"]:active, +.claro .dijitButton:hover, +.claro .dijitButton:focus, +.claro .dijitButton:active, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus, +.claro .dijitComboButton:active, +.claro .dijitButton.dijitButtonDisabled { + color: #333333; + background-color: #e6e6e6; +} + +button:active, +input[type="submit"]:active, +.claro .dijitButton:active, +.claro .dijitComboButton:active { + background-color: #cccccc \9; +} + +.claro .dijitToolbar .dijitButton, +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitComboButton, +.claro .dijitToolbar .dijitComboButton.dijitHover { + background : none; + border-color : transparent; + box-shadow : none; + padding : 0px; + margin : 0px; + line-height : auto; + text-shadow : none; +} + +.claro .dijitToolbar .dijitDropDownButton .dijitButtonText, +.claro .dijitToolbar .dijitComboButton .dijitButtonText { + padding : 0px; +} + +.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode { + border-radius : 4px; +} + +.claro .dijitToolbar .dijitButton.dijitHover, +.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitComboButton.dijitHover { + border-color : #ccc; +} + +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background : none; +} + +.claro .dijitToolbar .dijitButton .dijitButtonContents, +.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents, +.claro .dijitToolbar .dijitComboButton .dijitButtonContents { + font-size : 13px; +} + +button:hover, +button:focus, +input[type="submit"]:hover, +input[type="submit"]:focus, +.claro .dijitButton:hover, +.claro .dijitToolbar .dijitButton:hover .dijitButtonNode, +.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode, +.claro .dijitButton:focus, +.claro .dijitComboButton:hover, +.claro .dijitComboButton:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +button:focus, +input[type="submit"]:focus, +.claro .dijitButton:focus, +.claro .dijitComboButton:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +button:active, +input[type="submit"]:active, +.claro .dijitButton:active, +.claro .dijitComboButton:active, +.claro .dijitToolbar .dijitDropDownButton.dijitOpened, +.claro .dijitToolbar .dijitComboButton.dijitOpened, +.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +input[type="submit"][disabled], +button[disabled], +.claro .dijitButton[disabled], +.claro .dijitButton.dijitButtonDisabled, +.claro .dijitComboButton.dijitButtonDisabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.claro .dijitButton .dijitButtonContents, +.claro .dijitComboButton .dijitButtonContents { + font-size : 14px; + font-weight : normal; + line-height : 20px; +} + +.claro .dijitButton.small .dijitButtonText { + font-size : 11px; +} + +.claro .dijitMenu { + border-color : #ccc; +} + +.claro .dijitMenu .dijitMenuItem.dijitHover, +.claro .dijitMenu .dijitMenuItem.dijitFocused, +.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel, +.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel { + background : #eee; + border-color : transparent; +} + +.claro .dijitButton .dijitButtonNode, +.claro .dijitComboButton .dijitButtonNode { + padding : 0px; +} + +/* Other stuff */ + +/* .claro .dijitAccordionTitleFocus { + text-shadow : 1px 1px 2px #fff; +} + +.claro .dijitAccordionTitle { + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue", + Helvetica, Arial, sans-serif; +} */ + +.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected { + border-color : #ccc; +} + +.claro .dijitAccordionContainer .dijitAccordionChildWrapper { + border-color : #ddd; +} + +/* Tabs */ + +.claro .dijitTabContent { + background : #eee; +} + +.claro .dijitTabContent.dijitTabChecked, +.claro .dijitTabContent.dijitTabHover, +.claro .dijitTabContent.dijitFocused { + background : white; +} + +.claro .dijitTabPaneWrapper, +.claro .dijitTabContainerTop-tabs, +.claro .dijitTab, +.claro .dijitAccordionInnerContainer { + border-color : #ddd; +} + diff --git a/css/prefs.css b/css/prefs.css index 1cc8b7b03..e93f3a2fc 100644 --- a/css/prefs.css +++ b/css/prefs.css @@ -1,3 +1,14 @@ +body#ttrssPrefs { + background-color : #f5f5f5; +} + +body#ttrssPrefs #footer, body#ttrssPrefs #header { + background-color : #f5f5f5; + padding-left : 8px; + padding-right : 8px; +} + + #header a:hover { color : black; } @@ -13,12 +24,12 @@ div#pref-tabs .dijitContentPane { } div#pref-tabs { + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); 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, @@ -52,11 +63,10 @@ div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #c0c0c0; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #ecf4ff; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); + background-color : white; } div.filterTestHolder, div.prefFeedOPMLHolder { border-width : 1px; @@ -66,12 +76,10 @@ ul.selfUpdateList, ul.userFeedList { height : 200px; overflow : auto; list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #ddd; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); - border-radius : 4px; } div#feedlistLoading, div#filterlistLoading, div#labellistLoading { @@ -90,7 +98,8 @@ div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { a.bookmarklet { color : #4684ff; - border : 1px solid #ecf4ff; + border : 1px solid #ddd; + background : #f5f5f5; padding : 2px; } @@ -98,6 +107,14 @@ table.prefPluginsList td label, table.prefUserList td { cursor : pointer; } +table.prefPluginsList label { + white-space : nowrap; +} + +table.prefPluginsList label img { + vertical-align : middle; +} + table.prefErrorLog tr.errrow td { font-size : 10px; } @@ -112,7 +129,9 @@ table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog color : #555; } -.dijitAccordionContainer-child { - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2); +body#ttrssPrefs hr { + border-color : #ecf4ff; + max-width : 100%; } + diff --git a/css/tt-rss.css b/css/tt-rss.css index e8382ff05..8d692cfa5 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -7,14 +7,8 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { font-size: 14px; } -body#ttrssPrefs { - background-color : #ecf4ff; -} - -body#ttrssPrefs #footer, body#ttrssPrefs #header { - background-color : #ecf4ff; - padding-left : 8px; - padding-right : 8px; +body#ttrssMain { + overflow : hidden; } div.postReply { @@ -22,19 +16,23 @@ div.postReply { } 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; + margin-right : 4px; color : #909090; + border-width : 0px 0px 1px 0px; + border-color : #ddd; + border-style : solid; } div.postReply div.postTitle { overflow : hidden; text-overflow: ellipsis; white-space : nowrap; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } div.postReply div.postDate { @@ -66,13 +64,10 @@ div.postReply img.tagsPic { div.articleNote { background-color : #fff7d5; padding : 5px; - border-radius : 4px; margin : 5px; border-style : solid; border-color : #e7d796; border-width : 1px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); - background-color : #fff7d5; color : #9a8c59; } @@ -87,29 +82,50 @@ div.postReply span.author { h1 { font-size : 18px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } h2 { font-size : 16px; - font-weight : bold; + font-weight : 600; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ecf4ff; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } h3 { - font-size : 12px; - font-weight : bold; + font-size : 13px; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #ecf4ff; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; +} + +h4 { + font-size : 14px; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } hr { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; - max-width : 90%; + border-color : #ccc; } a { @@ -126,19 +142,30 @@ a:hover { position : absolute; } +#notify.visible { + transform: translate(0, -35px); + -webkit-transform: translate(0, -35px); + -o-transform: translate(0, -35px); + -moz-transform: translate(0, -35px); + + transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; +} + #notify { - bottom : 10px; - right : 20px; - border-width : 1px; + bottom : -35px; + right : 0px; + height : 20px; + left : 0px; + border-width : 1px 0px 0px 0px; 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); + box-shadow : 0px -2px 2px rgba(0,0,0,0.1); } #notify img { @@ -165,23 +192,27 @@ a:hover { background-color : #fff7d5; } -.notify.progress { +.notify.notify_progress { border-color : #d7c47a; background-color : #fff7d5; } -.notify.info { +.notify.notify_info { border-color : #88b0f0; background-color : #ecf4ff; } -.notify.error { +.notify.notify_error { background-color : #ffcccc; border-color : #ff0000; } .hl div.hlTitle a { - font-weight : bold; + font-weight : 600; + text-rendering: optimizelegibility; + font-family : "Segoe WP Semibold", "Segoe UI Semibold", + "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; color : #777; } @@ -189,13 +220,9 @@ a:hover { color : black; } -.hl.active { - box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); -} - .hl.active div.hlTitle a { color : #4684ff; - text-shadow : 1px 1px 2px #fff; + /* text-shadow : 1px 1px 2px #fff; */ } .hl.Selected { @@ -206,18 +233,11 @@ a:hover { 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; + border-color : #ddd; + padding : 1px; } .hl.active { @@ -227,13 +247,11 @@ a:hover { div.filterTestHolder { height : 300px; overflow : auto; - border-color : #c0c0c0; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; - background-color : #ecf4ff; + background-color : #f5f5f5; border-width : 1px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } @@ -242,7 +260,7 @@ div.filterTestHolder { color : #555; padding-left : 10px; border-width : 0px 0px 0px 4px; - border-color : #c0c0c0; + border-color : #ccc; border-style : solid; } @@ -259,9 +277,9 @@ div.filterTestHolder { font-family : monospace; font-size : 12px; border-width : 0px; - border-color : #c0c0c0; + border-color : #ccc; border-style : solid; - background : #fafafa; + background : #f5f5f5; display : block; max-width : 98%; overflow : auto; @@ -274,9 +292,7 @@ div.notice, div.warning, div.error { font-size : 12px; border-style : solid; border-color : #ccc; - border-radius : 4px; border-width : 1px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } div.notice div.inner, div.warning div.inner, div.error div.inner { @@ -299,7 +315,7 @@ div.error { } div.warning img, div.notice img, div.error img { - margin-right : 4px; + margin : 4px; vertical-align : middle; } @@ -320,55 +336,70 @@ div.prefHelp { 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; +#main-toolbar > * { + white-space : nowrap; + display : table-cell; + color : #999; +} + +#main-toolbar > *, +#main-toolbar table *, +#main-toolbar .actionChooser * { + text-rendering: optimizelegibility; + font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; 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; +#main-toolbar #headlines-toolbar { + padding-right : 4px; + width : 100%; +} + +#main-toolbar #headlines-toolbar span.holder { + display : table; + width : 100%; +} + +#main-toolbar #headlines-toolbar span.holder > * { + display : table-cell; } -div#headlines-toolbar span.r { - float: right; - position: relative; - padding : 0 4px 0px 4px; +#main-toolbar #headlines-toolbar .main { text-align : right; -} +} + +#main-toolbar #headlines-toolbar .main, +#main-toolbar #headlines-toolbar .r { + line-height : 24px; +} -div#headlines-toolbar span.r span.error { +#headlines-toolbar span.r img { + margin-right : 4px; + position : relative; + top : 3px; +} + +#headlines-toolbar span.r .error a { color : red; -} +} -div#headlines-toolbar span.r a { - color : #555; +#main-toolbar #selected_prompt { + font-style : italic; + text-align : right; + margin-right : 4px; } span.contentPreview { color : #999; font-weight : normal; - text-shadow : 1px 1px 2px #fff; - font-size : 11px; + font-size : 12px; + padding-left : 4px; } span.hlLabelRef { @@ -381,12 +412,12 @@ span.hlLabelRef { display : inline-block; vertical-align : middle; white-space: nowrap; - border-radius : 4px; + border-radius : 4px; } div.postHeader div.postDate { text-align : right; - color : #555; + color : #909090; float : right; } @@ -401,63 +432,50 @@ div.postHeader div { #allEntryTags { border-width : 0px 0px 1px 0px; border-style : solid; - border-color : #c0c0c0; + border-color : #ddd; 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; +img.markedPic, img.pubPic { + cursor : pointer; + vertical-align : middle; + opacity : 0.5; + -webkit-transition : opacity 0.25s; + transition : opacity 0.25s; } -a.hlFeed:hover { - color : #4684ff; +img.markedPic:hover, img.pubPic:hover { + opacity : 1; } -img.markedPic, img.pubPic { - cursor : pointer; - vertical-align : middle; +img[src*='pub_set.png'], img[src*='mark_set.png'] { + opacity : 1; } div.tagCloudContainer { - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #ddd; + background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; text-align : center; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } div.errorExplained { - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #ddd; + background-color : #f5f5f5; margin : 5px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } ul.feedErrorsList { max-height : 300px; overflow : auto; list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; + border : 1px solid #ddd; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } ul.feedErrorsList em { @@ -468,7 +486,7 @@ ul.browseFeedList { height : 300px; overflow : auto; border-width : 0px 1px 1px 1px; - border-color : #c0c0c0; + border-color : #ddd; border-style : solid; margin : 0px 0px 5px 0px; background-color : white; @@ -532,14 +550,6 @@ form { padding : 0px; } -#main_toolbar_form { - margin : 0px; - padding : 0px; - display : table-cell; - white-space : nowrap; - width : 100%; -} - div.loadingPrompt { padding : 1em; text-align : center; @@ -549,20 +559,11 @@ div.loadingPrompt { 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; + padding : 1em 1em 0px 1em; + font-size : 11px; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #ddd; } div.autocomplete { @@ -593,11 +594,13 @@ div.autocomplete ul li { cursor : pointer; } -.hlTitle { +.hl .hlTitle { overflow : hidden; white-space : nowrap; max-width : 500px; text-overflow : ellipsis; + padding-left : 6px; + padding-right : 6px; } div#headlines-frame.wide .hlTitle { @@ -606,20 +609,19 @@ div#headlines-frame.wide .hlTitle { white-space : normal; } -.hlContentH a, .hlContentH span { - color : #00cc00; +div#headlines-frame.wide .hl .hlFeed { + display : none; } -.hlContentL a, .hlContentL span { - color : #909090; - text-decoration : line-through; +.hl a.title.high, span.hlContent.high .contentPreview { + color : #00aa00; } - -span.titleWrapH, span.titleWrapH a { - color : #00cc00; +.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { + color : #00dd00; } -span.titleWrapL, span.titleWrapL a { +.hl a.title.low, span.hlContent.low .contentPreview, +.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { color : #909090; text-decoration : line-through; } @@ -665,29 +667,17 @@ div.dlgButtons { } span.labelColorIndicator { - height : 14px; - width : 14px; + height : 16px; + width : 16px; + border-radius : 4px; line-height : 14px; + vertical-align : middle; 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; + border : 1px solid #ccc; background-color : #fff7d5; color : #063064; text-align : center; - margin-right : 2px; - vertical-align : bottom; } div#cmdline { @@ -736,14 +726,39 @@ div.hlRight img { max-height : 16px; } -span.hlUpdated { +.hl span.hlFeed { + display : table-cell; + vertical-align : middle; + text-align : right; +} + +.hl span.hlFeed a { + border-radius : 4px; + display : inline-block; + padding : 1px 4px 1px 4px; + font-size : 11px; + font-style : italic; + font-weight : normal; + color : #555; + white-space : nowrap; +} + +.hl span.hlFeed a:hover { + color : #4684ff; +} + +.hl span.hlUpdated { color : #555; - min-width : 100px; display : table-cell; - width : 100%; vertical-align : middle; text-align : right; - font-size : 10px; + font-size : 11px; + white-space : nowrap; + padding-left : 10px; +} + +span.hlUpdated div { + display : inline-block; } div.hlLeft { @@ -791,21 +806,19 @@ div.fatalError textarea { #content-wrap { padding : 0px; - border-width : 0px 0px 0px 1px; - border-style : solid; - border-color : #c0c0c0; + border-width : 0px; margin : 0px; } #feeds-holder { padding : 0px; - border-color : #c0c0c0; - border-left-width : 0px; - border-bottom-width : 0px; - border-top-width : 0px; + border-width : 0px 1px 0px 0px; + border-style : solid; + border-color : #ddd; overflow : hidden; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); - background : #f9fbff; + background : #f5f5f5; + box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1); + -webkit-overflow-scrolling : touch; } #headlines-wrap-inner { @@ -816,11 +829,10 @@ div.fatalError textarea { #headlines-frame { padding : 0px; - border-color : #c0c0c0; - border-style : solid; border-width : 0px; + border-color : #ddd; margin-top : 0px; - box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); + -webkit-overflow-scrolling : touch; } #headlines-toolbar_splitter, #toolbar_splitter { @@ -833,7 +845,16 @@ div.fatalError textarea { border-width : 0px; white-space: nowrap; font-size : 12px; - box-shadow : 0px 0px 2px rgba(0,0,0,0.1); +} + +#main-toolbar { + background : white; + border-width : 0px 0px 1px 0px; + border-color : #ddd; + border-style : solid; + padding-left : 4px; + height : 26px; + } #header { @@ -857,70 +878,30 @@ div.fatalError textarea { #content-insert { padding : 0px; - border-color : #c0c0c0; - border-bottom-width : 0px; - border-right-width : 0px; - border-left-width : 0px; - line-height: 20px; + border-color : #ddd; + border-width : 0px; + line-height: 1.5; + font-size : 15px; overflow : auto; + -webkit-overflow-scrolling : touch; } -.dijitTreeLabel.Unread { +#feedTree .dijitTreeRow .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 { +#feedTree .dijitTreeRow.Error .dijitTreeLabel { color : red; } -.dijitTreeRow.Hidden { - display : none; -} - img.feedIcon, img.tinyFeedIcon { width : 16px; height : 16px; + line-height : 16px; vertical-align : middle; display : inline-block; } -.dijitToolbar { - text-shadow : 1px 1px 2px #fff; -} - -.dijitAccordionTitleFocus { - text-shadow : 1px 1px 2px #fff; -} - -.dijitDialog .dijitToolbar { - border : 1px solid #c0c0c0; -} - -.dijitDialog h2 { - margin-top : 0px; - margin-bottom : 4px; - border-width : 0px; -} - .player { display : inline-block; color : #555; @@ -948,8 +929,19 @@ img.feedIcon, img.tinyFeedIcon { height : 100%; margin-left : 1px; text-align : center; - padding : 1em; color : #555; + font-size : 11px; + font-style : italic; +} + +#headlines-spacer a, #headlines-spacer span { + color : #555; + padding : 10px; + display : block; +} + +#headlines-spacer a:hover { + color : #88b0f0; } ul#filterDlg_Matches, ul#filterDlg_Actions { @@ -957,12 +949,11 @@ ul#filterDlg_Matches, ul#filterDlg_Actions { overflow : auto; list-style-type : none; border-style : solid; - border-color : #c0c0c0; + border-color : #ddd; border-width : 0px 1px 1px 1px; - background-color : #ecf4ff; + background-color : white; margin : 0px 0px 5px 0px; padding : 0px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } ul#filterDlg_Matches li, ul#filterDlg_Actions li { @@ -970,20 +961,14 @@ ul#filterDlg_Matches li, ul#filterDlg_Actions li { 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; + border : 1px solid #ddd; + background-color : #f5f5f5; margin : 0px 0px 5px 0px; padding : 5px; - border-radius : 4px; - box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } ul.helpKbList span.hksequence { @@ -998,17 +983,25 @@ ul.helpKbList h2 { margin-top : 0px; } -.dijitTreeNode .loadingNode { - margin-left : 3px; - height : 9px; -} - span.collapseBtn { cursor : pointer; } +div.postContent h1 { + font-size : 16px; +} + +div.postContent h2, +div.postContent h3, +div.postContent h4 { + font-size : 15px; +} + div.postContent p { max-width : 650px; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } div.postContent iframe { @@ -1021,98 +1014,47 @@ div.postHeader span.author { 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 img.feedIcon { + position : relative; + top : -2px; +} + body#ttrssMain #feedTree .dijitTreeRow { padding : 2px 0px 2px; + height : 22px; border-width : 1px; - border-color : transparent; color : #333; } -.dijitFolderClosed, -.dijitFolderOpened { - display : none; -} - -.dijitTreeNode .dijitCheckBox { - margin-left : 4px; -} - -body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { - margin-left : 5px; -} - -body#ttrssMain #feedTree .dijitTreeNode { - padding : 0px; - border-width : 0px; +ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { + margin-right : 5px; } body#ttrssMain #feedTree { height : 100%; overflow-x : hidden; - font-family : "Segoe UI", Tahoma, sans-serif; + text-rendering: optimizelegibility; + font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", + Helvetica, Arial, sans-serif; } -#feedTree .counterNode.aux { +body#ttrssMain #feedTree .counterNode.aux { background : #f0f0f0; color : #999; border-color : #f0f0f0; } -#feedTree .counterNode { +body#ttrssMain #feedTree .counterNode { font-weight : bold; display : inline-block; font-size : 9px; @@ -1123,28 +1065,45 @@ body#ttrssMain #feedTree { border-radius : 4px; vertical-align : middle; float : right; - margin-right : 5px; position : relative; - top : 2px; + line-height : 14px; + margin-right : 8px; + margin-top : 3px; min-width : 23px; + height : 14px; } -#feedTree .dijitTreeRow { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; +#feedTree img[src*='indicator_white.gif'] { + position : relative; + top : -2px; } -body#ttrssPrefs hr { - border-color : #ecf4ff; - max-width : 100%; +span.highlight { + background-color : #ffff00; + color : #cc90cc; } -.dijitMenuItemLabel { - font-size : 13px; +div.enclosure_title { + +} + +body#ttrssMain #headlines-frame .dijitCheckBox { + border-width : 0px; + opacity : 0.5; } -.dijitTreeRowSelected .dijitTreeLabel { - text-shadow : 1px 1px 2px #fff; +body#ttrssMain #headlines-frame .dijitCheckBoxHover, +body#ttrssMain #headlines-frame .dijitCheckBoxChecked { + opacity : 1; } +body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf { + width : 16px; + height : 16px; + vertical-align : middle; + position : relative; +} + +:focus { + outline: none; +} diff --git a/css/utility.css b/css/utility.css index 029fa9cb3..85f136ad9 100644 --- a/css/utility.css +++ b/css/utility.css @@ -1,5 +1,5 @@ body { - background : #f9fbff; + background : #f5f5f5; color : black; padding : 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -15,11 +15,11 @@ form { } div.content { + overflow : hidden; background : white; - border : 1px solid #ccc; + border : 1px solid #ddd; padding : 10px; - border-radius : 4px; - box-shadow : inset 0 0 3px rgba(0,0,0,0.1); + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); } p.warning { @@ -40,9 +40,7 @@ div.insensitive-small { } .floatingLogo { - float : right; - position : relative; - top : -10px; + display : none; } a { @@ -61,7 +59,6 @@ div.notice, div.warning, div.error { font-size : 12px; border-style : solid; border-color : #ccc; - border-radius : 4px; border-width : 1px; box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); } @@ -86,7 +83,7 @@ div.error { } div.warning img, div.notice img, div.error img { - margin-right : 4px; + margin : 4px; vertical-align : middle; } @@ -120,7 +117,6 @@ div.rss h1 { border-color : gray; border-style : dotted; color : gray; - margin-right : 90px; } div.rss h2 { @@ -160,7 +156,7 @@ div.rss hr { body#sharepopup { background-color : white; - background-image : url("images/toolbar.png"); + background-image : url("../images/toolbar.png"); background-repeat : repeat-x; background-position : bottom; margin : 10px; diff --git a/css/zoom.css b/css/zoom.css new file mode 100644 index 000000000..0591eef83 --- /dev/null +++ b/css/zoom.css @@ -0,0 +1,105 @@ +body#ttrssZoom { + margin-left : auto; + margin-right : auto; + padding : 20px; + max-width : 670px; + background : #f5f5f5; +} + +body#ttrssZoom div.postHeader div.postFeedTitle { + float : left; + text-align : right; + padding-left : 0px; + font-size : 11px; +} + +body#ttrssZoom div.postHeader a.postComments { + text-align : right; + padding-left : 0px; + font-size : 11px; +} + +body#ttrssZoom div.postHeader div.postDate { + float : none; + text-align : right; + padding-left : 0px; + color : #777; + font-size : 11px; +} + +body#ttrssZoom div.postHeader div.postTags { + color : #777; + font-size : 11px; +} + +body#ttrssZoom div.postHeader div.postTitle { + white-space : normal; + font-size : 16px; +} + +body#ttrssZoom div.postContent { + font-size : 15px; + line-height : 1.5; +} + +body#ttrssZoom div.postContent p { + max-width : 650px; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} + +body#ttrssZoom div.postHeader { + margin : 10px; + border-width : 0px 0px 1px 0px; + border-style : solid; + border-color : #eee; + background : white; +} + +body#ttrssZoom div.postReply { + border : 1px solid #ddd; + background : white; + box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); +} + +body#ttrssZoom div.footer { + margin-top : 1em; + text-align : center; +} + +body#ttrssZoom div.postContent img { + max-width : 630px; + height : auto; +} + +body#ttrssZoom div.postContent blockquote { + margin : 5px 0px 5px 0px; + color : #555; + padding-left : 10px; + border-width : 0px 0px 0px 4px; + border-color : #ccc; + border-style : solid; +} + +body#ttrssZoom div.postContent code { + color : #009900; + font-family : monospace; + font-size : 12px; +} + +body#ttrssZoom div.postContent pre { + margin : 5px 0px 5px 0px; + padding : 10px; + color : #555; + font-family : monospace; + font-size : 12px; + border-width : 0px; + border-color : #ccc; + border-style : solid; + background : #f5f5f5; + display : block; + max-width : 98%; + overflow : auto; +} + |