rework floatingtitle

1 files changed, 52 insertions, 20 deletions

diff --git a/css/cdm.css b/css/cdm.css
index 7e85cbfff..2d0797db3 100644
--- a/css/cdm.css
+++ b/css/cdm.css
@@ -230,39 +230,71 @@ div.cdmHeader span.author {
 div#floatingTitle {
 	position : absolute;
 	z-index : 5;
-	top : 30px;
-	right : 20px;
-	border : 1px solid #ccc;
-	background : white;
-	border-radius : 3px;
-	box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1);
+	top : 26px;
+	right : 0px;
+	left : 0px;
+	border-color : #ccc;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	background : #fcfcfc;
 	color : #555;
-	font-size : 10px;
-	padding : 3px;
+	box-shadow : 0px 1px 1px 0px 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 : 14px;
+	color : #999;
+	font-weight : bold;
+}
+div#floatingTitle img.anchor {
+	margin-right : 1px;
+	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 span.updated {
+	padding-right : 10px;
+	white-space : nowrap;
+	color : #555;
+	font-size : 11px;
+}
+
+div#floatingTitle div.hlFeed a {
+	color : #555;
+}
+
+div#floatingTitle span.titleWrap {
+	width : 100%;
 }
 
-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 .dijit,
+div#floatingTitle img.hlScorePic { 
 	display : none;
 }