added an item header, improved feed design, removed unused javascript function, added proper template translation tags

1 files changed, 27 insertions, 74 deletions

diff --git a/css/news.css b/css/news.css
index b810e7a25..465b26326 100644
--- a/css/news.css
+++ b/css/news.css
@@ -45,65 +45,32 @@ ul.controls li { float: left; }
 
 
 /* item view */
-#rightcontent { top: 3.5em !important; padding: 0 0 0 5px; }
-
-#rightcontent div.body { 
-    padding: 10px 15px 25px 15px;
-}
-
-#rightcontent div.body p {
-    line-height: 1.5;
-    margin: 10px 0;
-}
-
-#rightcontent div.body a {
-    color: #0000ff;
-    text-decoration: underline;
-}
-
-#rightcontent div.body ul {
-    padding-left: 15px;
-    list-style-type: disc;
- }
-
-#rightcontent div.body ul li {
-    cursor: default;
-}
-
-#rightcontent li:active {
-    background: none;
-}
-
-
-#rightcontent div.body pre {
-    padding: 5px;
-}
-
-#rightcontent div.body pre code {
-    font-family: monospace;
-    font-size: 14px;
-}
-
-#rightcontent .title_unread h1, #rightcontent .title_read h1 {
-    padding: 5px 10px;
-    font-size: 14px;    
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
-    background: linear-gradient(to bottom, #eee 0%,#f1f1f1 80%);
-    background: -moz-linear-gradient(top, #eee 0%, #f1f1f1 80%);
-}
-
-#rightcontent .title_unread h1 { 
-    font-weight: bold;
-}
-
-#rightcontent .title_unread h1 a {
-    
-}
-
-#rightcontent .title_read h1 {
-    font-weight: normal;
-}
+#rightcontent { top: 3.5em !important; padding: 0 0 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 3.5em;}
+
+#rightcontent div.feed_controls { box-sizing: border-box; -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #ccc; box-shadow: 0 3px 3px -3px #000000; text-align: right; overflow: hidden; position: fixed; left: 32.5em; right: 0; top: 3.5em; }
+#rightcontent div.feed_controls div.feed_title { float: left; padding-left: 10px; }
+#rightcontent div.feed_controls div.feed_title h1 { font-size: 16pt; color: #444; padding-top: .5em; }
+
+#rightcontent ul { box-sizing: border-box; -moz-box-sizing: border-box; overflow: auto; height: 100%; }
+
+#rightcontent div.body { padding: 25px; }
+#rightcontent div.body p { line-height: 1.5; margin: 10px 0; }
+#rightcontent div.body a { color: #0000ff; text-decoration: underline; }
+#rightcontent div.body ul { padding-left: 15px; list-style-type: disc; }
+#rightcontent div.body ul li { cursor: default; }
+#rightcontent li:active { background: none; }
+#rightcontent div.body pre { padding: 5px; background-color: #dadada; border: 1px solid #ccc; }
+#rightcontent div.body pre code { font-family: monospace; font-size: 14px; }
+
+#rightcontent .title_unread h1.item_title, 
+#rightcontent .title_read h1.item_title { padding: 15px 10px 10px 10px; font-size: 14pt; }
+
+#rightcontent .title_unread h1.item_title { font-weight: bold; border-bottom: 1px solid #222; }
+
+#rightcontent .title_unread h1.item_title a { color: #222; }
+
+#rightcontent .title_read h1.item_title { font-weight: normal; border-bottom: 1px solid #ccc; }
+#rightcontent .title_read h1.item_title a { color: #888; }
 
 #rightcontent .title_read a:hover, #rightcontent .title_unread a:hover { text-decoration: underline; }
 
@@ -119,21 +86,7 @@ ul#dropdownmenu { left: 0em; box-shadow: 0px 0px 10px rgb(0, 0, 0); }
 ul#feedfoldermenu { position:fixed; margin-left: 0; bottom: 2.8em; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; -moz-box-shadow: 0 -3px 3px -3px #000; -webkit-box-shadow: 0 -3px 3px -3px #000; box-shadow: 0 -3px 3px -3px #000;}
 
 li.menuItem { margin-left:0.7em; margin-right:0.7em; float: none !important; text-align: left; }
-
-ul.menu { position: absolute; z-index:100; margin-left: 0.3em;
-	display: none;
-	background:#EEEEEE; /* default background for browsers without gradient support */
-	/* css3 */
-	background:-webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#EEEEEE));
-	background:-moz-linear-gradient(#DCDCDC, #EEEEEE);
-	background:-o-linear-gradient(#DCDCDC, #EEEEEE);
-	background:linear-gradient(#DCDCDC, #EEEEEE);
-	/*
-	-webkit-border-radius:10px;
-	-moz-border-radius:10px;
-	border-radius:10px;
-	*/
-}
+ul.menu { position: absolute; z-index:100; margin-left: 0.3em; display: none; background:#EEEEEE; background:-webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#EEEEEE)); background:-moz-linear-gradient(#DCDCDC, #EEEEEE); background:-o-linear-gradient(#DCDCDC, #EEEEEE); background:linear-gradient(#DCDCDC, #EEEEEE); }