modify notify/warn/error boxes css

classes/pref/prefs.php

@@ -629,9 +629,9 @@ class Pref_Prefs extends Handler_Protected {
 
 		print "<h2>".__("Plugins")."</h2>";
 
-		print_notice(__("Download more plugins at tt-rss.org <a class=\"visibleLink\" target=\"_blank\" href=\"http://tt-rss.org/forum/viewforum.php?f=22\">forums</a> or <a target=\"_blank\" class=\"visibleLink\" href=\"http://tt-rss.org/wiki/Plugins\">wiki</a>."));
+		print "<p>" . __("You will need to reload Tiny Tiny RSS for plugin changes to take effect.") . "</p>";
 
-		print "<p class='insensitive'>" . __("You will need to reload Tiny Tiny RSS for plugin changes to take effect.") . "</p>";
+		print_notice(__("Download more plugins at tt-rss.org <a class=\"visibleLink\" target=\"_blank\" href=\"http://tt-rss.org/forum/viewforum.php?f=22\">forums</a> or <a target=\"_blank\" class=\"visibleLink\" href=\"http://tt-rss.org/wiki/Plugins\">wiki</a>."));
 
 		print "<form dojoType=\"dijit.form.Form\" id=\"changePluginsForm\">";
 

tt-rss.css

@@ -331,39 +331,29 @@ a.helpLink:hover {
 	display : block;
 }
 
+div.notice, div.warning, div.error {
+	padding : 4px 10px 4px 4px;
+	display : inline-block;
+	margin : 2px 0px 2px 0px;
+	font-size : 11px;
+	box-shadow : 0px 0px 2px #ccc;
+}
+
 div.notice {
-	background : #ffffff;
-	border : 1px solid #88b0f0;
-	width : 60%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 12px;
+	background : #ecf4ff;
 }
 
 div.warning {
 	background : #fff7d5;
-	border : 1px solid #d7c47a;
-	font-size : 12px;
-	width : 60%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-}
-
-div.warning img, div.notice img, div.error img {
-	vertical-align : middle;
-	padding : 5px;
-}
-
-span.filterDateError {
-	color : #ff0000;
 }
 
 div.error {
-	border : 1px solid #ff0000;
 	background : #ffcccc;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 12px;
+}
+
+div.warning img, div.notice img, div.error img {
+	margin-right : 4px;
+	vertical-align : middle;
 }
 
 ul.nomarks {

utility.css

@@ -7,6 +7,11 @@ body {
 	max-width : 800px;
 }
 
+form {
+	margin : 0px;
+	padding : 0px;
+}
+
 div.content {
 	background : white;
 	border : 1px solid #ccc;
@@ -44,36 +49,29 @@ a:hover {
 	color : black;
 }
 
+div.notice, div.warning, div.error {
+	padding : 4px 10px 4px 4px;
+	display : inline-block;
+	margin : 2px 0px 2px 0px;
+	font-size : 12px;
+	box-shadow : 0px 0px 2px #ccc;
+}
+
 div.notice {
-	background : #ffffff;
-	border : 1px solid #88b0f0;
-	width : 50%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 9pt;
+	background : #ecf4ff;
 }
 
 div.warning {
 	background : #fff7d5;
-	border : 1px solid #d7c47a;
-	font-size : 9pt;
-	width : 50%;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
 }
 
+div.error {
+	background : #ffcccc;
+}
 
 div.warning img, div.notice img, div.error img {
+	margin-right : 4px;
 	vertical-align : middle;
-	padding : 5px;
-}
-
-div.error {
-	border : 1px solid #ff0000;
-	background : #ffcccc;
-	padding : 5px;
-	margin : 0px 0px 5px 0px;
-	font-size : 9pt;
 }
 
 h1 {