diff options
Diffstat (limited to 'css/cdm.css')
-rw-r--r-- | css/cdm.css | 189 |
1 files changed, 161 insertions, 28 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; +} + |