From dcab541d2c4c5ee35fb0ececac3a4223a1697e59 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@fakecake.org>
Date: Wed, 15 May 2013 14:59:51 +0400
Subject: [PATCH] css tweaks for utility and exported articles, etc

---
 tt-rss.css  | 21 +++++++++++++++------
 utility.css | 14 ++++++++------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/tt-rss.css b/tt-rss.css
index f5d5da1d4..99592c611 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -215,7 +215,7 @@ a:hover {
 }
 
 #headlines-frame.normal {
-	font-size : 13px;
+
 }
 
 .hl {
@@ -999,22 +999,31 @@ div.postHeader span.author {
 body#ttrssZoom {
 	margin-left : auto;
 	margin-right : auto;
-	padding : 2em;
+	padding : 20px;
 	max-width : 800px;
-	background : #f0f0f0;
+	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;
-	box-shadow : 0px 0px 3px #ccc;
+	border-radius : 4px;
+	box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1);
+	background : white;
 }
 
 body#ttrssZoom div.postContent {
-	background-color : white;
+
 }
 
 body#ttrssZoom div.footer {
@@ -1025,7 +1034,7 @@ body#ttrssZoom div.footer {
 body#ttrssZoom div.postContent img {
 	max-width : 650px;
 	height : auto;
-}
+} 
 
 select.attachments {
 	display : block;
diff --git a/utility.css b/utility.css
index 5b68e8837..ac0180e44 100644
--- a/utility.css
+++ b/utility.css
@@ -1,7 +1,9 @@
 body {
-	font-family : sans-serif;
-	font-size : 12px;
-	background : #eee;
+	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;
@@ -16,7 +18,8 @@ div.content {
 	background : white;
 	border : 1px solid #ccc;
 	padding : 10px;
-	box-shadow : 0px 0px 3px #ccc;
+	border-radius : 4px;
+	box-shadow : inset 0 0 3px rgba(0,0,0,0.1);
 }
 
 p.warning {
@@ -96,9 +99,8 @@ div.warning span, div.notice span, div.error span {
 h1 {
 	color : #88b0f0;
 	font-size : 32px;
-	font-family : serif;
 	margin : 20px 0px 5px 0px;
-	text-shadow : 2px 2px 2px #fff;
+	text-shadow : 0 0 6px #fff;
 }
 
 h2 {