]> mj.ucw.cz Git - pciids.git/commitdiff
Make a blue square around the header
authorMichal Vaner <vorner@ucw.cz>
Sat, 4 Oct 2008 20:44:03 +0000 (22:44 +0200)
committerMichal Vaner <vorner@ucw.cz>
Sat, 4 Oct 2008 20:44:03 +0000 (22:44 +0200)
PciIds/Html/Help.pm
PciIds/Html/List.pm
PciIds/Html/Util.pm
index.html
static/common.css
static/screen.css

index 5d0833425f853ae01c880f3cbea06f5d0c111418..42cc8387afe9fcea872bfd3106fd3a82cb14e0c8 100644 (file)
@@ -38,7 +38,7 @@ sub getHelp( $$ ) {
        my $addr = PciIds::Address::new( $req->uri() );
        print "<div class='top'>\n";
        genMenu( $req, $addr, $args, $auth, [ ( $helpname eq 'index' ) ? () : [ 'Help index', 'help', 'index' ] ] );
-       print "<h1>$head</h1>\n";
+       print "<div class='bluesquare'><h1>$head</h1><p class='home'>The PCI ID Repository</div>\n";
        print "<div class='clear'></div></div>\n";
        genPath( $req, $addr, 1 );
        my $url = setAddrPrefix( $req->uri(), 'read' ).buildExcept( 'help', $args ).'?help=';
index bc5866a3c89dd9a5648b1ae2104f7d06d897122f..6eeb6b270d012bf07f8a21c85cf557d419b7b26b 100644 (file)
@@ -44,9 +44,8 @@ sub list( $$$$ ) {
        genHtmlHead( $req, $id, "<style type='text/css' media='screen,print'>col.id-col { width: ".$address->subIdSize()*1.25."ex; }</style>\n" );
        print "<div class='top'>\n";
        genMenu( $req, $address, $args, $auth, [ [ 'Help', 'help', 'list' ], $address->helpName() ? [ 'ID syntax', 'help', $address->helpName() ] : (), [ '', 'jump' ] ] );
-       print '<h1>'.encode( $id ).'</h1>';
-       print "<div class='clear'></div>\n";
-       print "</div\n>";
+       print '<div class="bluesquare"><h1>The PCI ID Repository</h1><p class="home">The home of the <code>pci.ids</code> file</div>';
+       print "<div class='clear'></div></div>\n";
        genPath( $req, $address, 0 );
        print htmlDiv( 'name', '<p>Name: '.encode( $name ) ) if defined $name && $name ne '';
        print htmlDiv( 'note', '<p>Note: '.encode( $note ) ) if defined $note && $note ne '';
index 3ddb347768b23b47a010ca45ed8acf3b1c999bee..6668ac01a016bb92ca27f3dd379a187bea051191 100644 (file)
@@ -224,7 +224,7 @@ sub genCustomHead( $$$$$$ ) {
        my( $req, $args, $addr, $caption, $lactions, $ractions ) = @_;
        print "<div class='top'>\n";
        genLocMenu( $req, $args, $addr, $lactions, $ractions );
-       print "<h1>$caption</h1>\n";
+       print "<div class='bluesquare'><h1>$caption</h1><p class='home'>The PCI ID Repository</div>\n";
        print "<div class='clear'></div></div>\n";
        genPath( $req, $addr, 1 );
 }
index 45502ae7d50722054a5fc66bb5e2f318cbecf948..aa402efa029c52ba11474205f5b1a47968ef73bc 100644 (file)
@@ -5,10 +5,10 @@
 <link rel='stylesheet' type='text/css' media='print' href='/static/print.css'>
 </head><body>
 
-<div class=header>
-<h1 class=collapse>The PCI ID Repository</h1>
-<p class=collapse style='margin-top: 1ex'>The home of the <code>pci.ids</code> file
-</div>
+<div class='top'><div class='bigbluesquare'>
+<h1>The PCI ID Repository</h1>
+<p class='home'>The home of the <code>pci.ids</code> file
+</div></div>
 
 <p>This is a public repository of all known ID's used in PCI devices:
 ID's of vendors, devices, subsystems and device classes. It is used in
index fa07a32b4f8f5dfa4c8c7fc8adca69a23dde26ea..4d3c69bf6a8472f5813e2637ef6f0248e5ed0b2b 100644 (file)
@@ -42,13 +42,22 @@ form.admin col.controls
 {
        width: 3%;
 }
-.header
+div.top
 {
-       text-align: center;
-       padding: 1ex;
+       padding: 0ex;
        margin: 0 0 4ex 0;
 }
-.collapse
+div.top h1,
+div.top p.home
 {
+       text-align: center;
        margin: 0 0;
 }
+div.top h1
+{
+       margin-top: 0.5ex;
+}
+div.top p.home
+{
+       margin-bottom: 1ex;
+}
index ac754b77e55eb2f804466532121ea4ab14c9b295..71d4950f2b4a0d19d53e48cbe038a586bcb1e721 100644 (file)
@@ -57,11 +57,34 @@ div.rmenu
        text-align: right;
        width: 20%;
        padding-right: 1em;
+       margin: 0px;
 }
-div.top h1
+div.bigbluesquare
 {
-       text-align: center;
-       padding-top: 0.5ex;
+       width: 100%;
+}
+div.bluesquare
+{
+       position: absolute;
+       left: 20%;
+       top: 1ex;
+       width: 60%;
+}
+div.bluesquare,
+div.bigbluesquare
+{
+       background-color: #4c3bff;
+       color: #fffa45;
+       border: solid blue;
+}
+div.rmenu,
+div.lmenu
+{
+       background: #DDDDFF;
+}
+div.top p.home
+{
+       margin-top: 1ex;
 }
 div.top ul
 {
@@ -96,10 +119,3 @@ form.admin table
 {
        background: #BBBBFF;
 }
-.header
-{
-       background-color: #4c3bff;
-       color: #fffa45;
-       border: solid blue;
-       border-width: 1px;
-}