Add CSS and image files ; change main page layout and validate xhtml 1.0 strict

1 files changed, 186 insertions, 0 deletions

diff --git a/css/rpmphp.css b/css/rpmphp.css
new file mode 100644
index 0000000..1bf4ae9
--- /dev/null
+++ b/css/rpmphp.css
@@ -0,0 +1,186 @@
+*
+{
+  margin: 0;
+  padding: 0;
+}
+
+body {
+	font-family:"DejaVu Sans", Helvetica, sans-serif;
+	font-size:0.85em;
+	background: #FFFFFF url(../images/border-left.png) 0 0 repeat-y;
+	color:#333333;
+}
+
+img{
+	border:none;
+}
+
+input{
+	border:1px solid #AAAAAA;
+}
+
+input[type='submit']:hover{
+	background-color:#bbb;
+	color:#fff;
+}
+
+h1{
+	color:#3C6EB4;
+	padding:.2em;
+	margin:.2em 0;
+}
+
+h2{
+	color:#666666;
+	padding:.1em;
+	margin:.3em 1em;
+}
+
+a{
+	color:#337ACC;
+	text-decoration:none;
+}
+
+a:hover{
+	text-decoration:underline;
+}
+
+p{
+	margin:0 .5em;
+}
+
+#reports{
+	background-color:#E5E5E5;
+	-moz-border-radius:5px 5px 5px 5px;
+	-webkit-border-radius:5px 5px 5px 5px;
+	display:inline-block;
+	padding:.5em 2em;
+	margin-left:1.2em;
+}
+
+#wrapper{
+	margin-left: 18px;
+	min-height: 100%;
+	background: #FFFFFF url(../images/border-right.png) 100% 0 repeat-y;
+}
+
+#header {
+	border-top: 10px solid #337ACC;
+	padding: 1ex 17px;
+	margin-right: 18px;
+	background: #FFFFFF url(../images/line.png) 0 100% repeat-x;
+	position:relative;
+}
+
+#header h1{
+	margin:0;
+}
+
+#ariane p{
+	display:inline;
+	margin-right:0;
+}
+
+#ariane ul{
+	display:inline;
+}
+
+#footer{
+	text-align: center;
+	background: #FFFFFF url(../images/line-bottom.png) 0 0 repeat-x;
+	border-bottom: 10px solid #337ACC;
+	height: 80px;
+	color: #AAAAAA;
+	margin:1em 18px 0 0;
+	font-size:0.8em;
+}
+
+#footer p.disclaimer{
+	padding-top:3ex;
+}
+
+#footer ul{
+	list-style: none;
+}
+
+#footer li,
+#ariane li{
+	display: inline;
+	border-left: 1px solid #AAAAAA;
+	padding: 0 0.75ex;
+	margin-left: -1px;
+}
+
+#footer ul li:first-child,
+#ariane ul li:first-child{
+	border-left:none;
+}
+
+#headsearch{
+	position:absolute;
+	right:1em;
+	bottom:1.5em;
+}
+
+#list-packages{
+	width:90%;
+	margin:1em auto 0 auto;
+	border-collapse:collapse;
+}
+
+#list-packages caption{
+	background-color:#2963A6;
+	color:white;
+	padding:.1em 0;
+}
+
+#list-packages td,
+#list-packages th{
+	padding:.2em;
+}
+
+#list-packages thead th{
+	background-color:#DDDDDD;
+	border-bottom:1px solid #bbb;
+}
+
+#list-packages tbody tr.odd td{
+	background-color:#F0F0F0;
+	border-bottom:1px solid #DDDDDD;
+	border-top:1px solid #DDDDDD;
+}
+
+.error {
+	background:url(../images/icon-error.png) no-repeat left;
+	padding-left: 21px;
+}
+
+.info {
+	background:url(../images/icon-info.png) no-repeat left;
+	padding-left: 21px;
+}
+
+.attn {
+	background:url(../images/attention.png) no-repeat left;
+	padding-left: 21px;
+}
+
+.check {
+	background:url(../images/checkmark.png) no-repeat left;
+	padding-left: 21px;
+}
+
+.cpan {
+	background:url(../images/perl.gif) no-repeat left;
+	padding-left: 18px;
+}
+
+/*.rt {
+	background:url(/img/rt.png) no-repeat left;
+	padding-left: 18px;
+}
+
+.bz {
+	background:url(/img/bz.png) no-repeat left;
+	padding-left: 18px;
+}*/