X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=utility.css;h=bdf4fde58854b7dcd79a6b0a72c3c1d91059260b;hb=f820f205d0ec1c5ce9027e49755fc8642b0c5b42;hp=d6cac4f22f787f626550a7f44346a81810c220b7;hpb=a4919a16638bc07cc9c6715a7cab679497264c83;p=tt-rss.git

diff --git a/utility.css b/utility.css
index d6cac4f2..bdf4fde5 100644
--- a/utility.css
+++ b/utility.css
@@ -1,13 +1,29 @@
 body {
-	margin : 2em;
-	padding : 0em;
+	font-family : sans-serif;
+	font-size : 12px;
+	background : #eee;
+	margin-left : auto;
+	margin-right : auto;
+	max-width : 800px;
+}
+
+form {
+	margin : 0px;
+	padding : 0px;
+}
+
+div.content {
+	background : white;
+	border : 1px solid #ccc;
+	padding : 10px;
+	box-shadow : 0px 0px 3px #ccc;
 }
 
 p.warning {
 	color : red;
 }
 
-p.query {
+p.query, code {
 	color : green;
 }
 
@@ -15,6 +31,11 @@ p.insensitive {
 	color : gray;
 }
 
+div.insensitive-small {
+	color : gray;
+	font-size : 10px;
+}
+
 .floatingLogo {
 	float : right;
 }
@@ -28,51 +49,167 @@ 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;
-	width : 50%;
 }
 
 h1 {
-	color : #88b0f0;
-	font-size : 16pt;
-/*	border-width : 0px 0px 1px 0px;
-	border-color : black;
-	border-style : solid; */
+	color : black;
+	font-size : 32px;
+	font-family : serif;
+	/* text-shadow : 2px 2px 2px #f0f0f0; */
 }
 
 h2 {
 	color : #88b0f0;
 	font-size : 14pt;
-/*	border-width : 0px 0px 1px 0px;
-	border-color : black;
-	border-style : solid; */
+	border-width : 0px 0px 1px 0px;
+	border-color : #f0f0f0;
+	border-style : solid; 
 }
+
+div.rss h1 {
+	border-width : 0px 0px 1px 0px;
+	border-color : gray;
+	border-style : dotted;
+	color : gray;
+	margin-right : 90px;
+}
+
+div.rss h2 {
+	font-size : 12pt;
+}
+
+div.rss a.extlink {
+	color : gray;
+	border-width : 0px 0px 1px 0px;
+	border-color : #778899;
+	border-style : dotted;
+	font-size : 9pt;
+}
+
+div.rss img {
+	max-width : 775px;
+}
+
+div.rss p.description {
+	color : gray;
+	font-size : 9pt;
+}
+
+div.rss div.content {
+	margin-top : 0.5em;
+}
+
+div.rss img.feedicon {
+	float : right;
+}
+
+div.rss hr {
+	border-width : 0px 0px 1px 0px;
+	border-style : dashed;
+	border-color : #e0e0e0;
+}
+
+body#sharepopup {
+	background-color : white;
+	background-image : url("images/toolbar.png");
+	background-repeat : repeat-x;
+	background-position : bottom;
+	margin : 10px;
+	padding : 0px;
+}
+
+body#sharepopup h1 {
+	font-size : 14px;
+	margin : 0px;
+	color : #88b0f0;
+}
+
+body#sharepopup table {
+	background : white;
+	border : 1px solid #88b0f0;
+	padding : 5px;
+}
+
+body#sharepopup form { 
+	height : 100%;
+}
+
+body#sharepopup input { 
+	width : 100%;
+}
+
+div.autocomplete {
+	position : absolute;
+	width : 250px;
+	background-color : white;
+	border :1px solid #778899;
+	margin : 0px;
+	padding : 0px;
+	z-index : 4;
+}
+
+div.autocomplete ul {
+	list-style-type : none;
+	margin : 0px;
+	padding : 0px;
+	font-size : 10px;
+}
+
+div.autocomplete ul li.selected { 
+	background-color : #fff7d5;
+}
+
+div.autocomplete ul li {
+	list-style-type : none;
+	display : block;
+	margin : 0;
+	padding : 2px;
+	height : 32px;
+	cursor : pointer;
+}
+
+fieldset { 
+	border-width : 0px;
+	padding : 0px 0px 5px 0px;
+	margin : 0px;
+}
+
+fieldset input {
+	font-family : sans-serif;
+	font-size : medium;
+	border-spacing : 2px;
+	border : 1px solid #b5bcc7;
+	padding : 2px;
+}
+
+fieldset label {
+	width : 120px;
+	margin-right : 20px;
+	display : inline-block;
+	text-align : right;
+	color : gray;
+}
+