Move common header and footer HTML code into separate (and reusable) files, change RPM page layout and validate xhtml 1.0 strict

1 files changed, 33 insertions, 5 deletions

diff --git a/css/rpmphp.css b/css/rpmphp.css
index 1bf4ae9..89ce374 100644
--- a/css/rpmphp.css
+++ b/css/rpmphp.css
@@ -64,6 +64,11 @@ p{
 	background: #FFFFFF url(../images/border-right.png) 100% 0 repeat-y;
 }
 
+#fedora-content{
+	margin-right:18px;
+	position:relative;
+}
+
 #header {
 	border-top: 10px solid #337ACC;
 	padding: 1ex 17px;
@@ -150,29 +155,52 @@ p{
 	border-top:1px solid #DDDDDD;
 }
 
+#filter{
+	display:inline-block;
+	position:absolute;
+	right:1em;
+}
+
+#filter fieldset{
+	padding:.2em;
+}
+
+#count_found{
+	text-align:right;
+	font-size:.9em;
+	font-style:italic;
+}
+
+#legend{
+	margin:0 auto;
+	list-style:none;
+	width:20%;
+	text-align:center;
+}
+
 .error {
 	background:url(../images/icon-error.png) no-repeat left;
-	padding-left: 21px;
+	padding-left: 21px!important;
 }
 
 .info {
 	background:url(../images/icon-info.png) no-repeat left;
-	padding-left: 21px;
+	padding-left: 21px!important;
 }
 
 .attn {
 	background:url(../images/attention.png) no-repeat left;
-	padding-left: 21px;
+	padding-left: 21px!important;
 }
 
 .check {
 	background:url(../images/checkmark.png) no-repeat left;
-	padding-left: 21px;
+	padding-left: 21px!important;
 }
 
 .cpan {
 	background:url(../images/perl.gif) no-repeat left;
-	padding-left: 18px;
+	padding-left: 18px!important;
 }
 
 /*.rt {