X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Ftt-rss.css;h=8d692cfa59be103bfca3a5ea17d8ff5fcf2e22ee;hb=2f43089de1ead3f164b8b31967d1abbb784319fa;hp=76e35e1104884ba4de1c5d329f14268dbe8c3bae;hpb=22f675e5c4195285b6b5033b451efa9cbb30384b;p=tt-rss.git

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 76e35e11..8d692cfa 100644
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -7,6 +7,10 @@ body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
 	font-size: 14px;
 }
 
+body#ttrssMain {
+	overflow : hidden;
+}
+
 div.postReply {
 	padding : 0px;
 }
@@ -64,7 +68,6 @@ div.articleNote {
 	border-style : solid;
 	border-color : #e7d796;
 	border-width : 1px;
-	background-color : #fff7d5;
 	color : #9a8c59;
 }
 
@@ -139,18 +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 -2px 2px rgba(0,0,0,0.1);
 }
 
 #notify img {
@@ -177,17 +192,17 @@ 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;
 }
@@ -544,7 +559,11 @@ div.loadingPrompt {
 div.whiteBox {
 	margin-left : 1px;
 	text-align : center;
-	padding : 1em;
+	padding : 1em 1em 0px 1em;
+	font-size : 11px;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	border-color : #ddd;
 }
 
 div.autocomplete {
@@ -910,14 +929,19 @@ img.feedIcon, img.tinyFeedIcon {
 	height : 100%;
 	margin-left : 1px;
 	text-align : center;
-	padding : 10px;
 	color : #555;
 	font-size : 11px;
 	font-style : italic;
 }
 
-#headlines-spacer a {
+#headlines-spacer a, #headlines-spacer span {
 	color : #555;
+	padding : 10px;
+	display : block;
+}
+
+#headlines-spacer a:hover {
+	color : #88b0f0;
 }
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {