From 19484877126497f350cecb920ef64c5fe305bf31 Mon Sep 17 00:00:00 2001 From: "Johan \"Papa\" Cwiklinski" Date: Mon, 24 May 2010 23:09:30 +0200 Subject: Add CSS and image files ; change main page layout and validate xhtml 1.0 strict --- css/rpmphp.css | 186 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 186 insertions(+) create mode 100644 css/rpmphp.css (limited to 'css') 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; +}*/ -- cgit