external/aurweb
0
0
Fork 0
mirror of https://gitlab.archlinux.org/archlinux/aurweb.git synced 2025-02-03 10:43:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restyle the layout.

Browse source 
Make HTML markup more logical.
Remove some unused style sheets rules.

Signed-off-by: Loui Chang <louipc.ist@gmail.com>
This commit is contained in:
Loui Chang 2009-11-23 23:24:56 -05:00
parent cdd2e5dbd4
commit 1bc4836e19
6 changed files with 107 additions and 166 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

192
web/html/css/arch.css
View file

@ -2,142 +2,119 @@
* ul { padding: 20px; } * ul { padding: 20px; }
body { body {
min-width: 600px; min-width: 600px;
background: #fbf8f1 url("../images/titlebar.png") repeat-x top left;
padding: 0 30px;
color: #555; color: #555;
font-family: sans-serif; font-family: "DejaVu Sans", sans-serif;
font-size: 14px;
} }
/* Divs */ /* Divs */
#head_container { #title {
height: 220px;
}
#main_nav {
position: absolute;
top: 123px;
right: 30px;
width: 600px;
background-color: #333;
}
#sub_nav {
position: absolute;
top: 149px;
right: 30px;
min-width: 700px;
background-color: #1793d1;
}
#main_nav ul,
#sub_nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#main_nav ul li,
#sub_nav ul li {
display: block; display: block;
float: right; position: relative;
margin: 0 3px; height: 123px;
padding: 0; }
text-align: center; #main_nav,
#sub_nav {
list-style: none;
font-size: 13px; font-size: 13px;
line-height: 26px; line-height: 26px;
padding: 0 32px;
} }
#main_nav ul li.selected { #main_nav {
background-color: #333;
text-align: right;
}
#sub_nav {
min-width: 700px;
background-color: #1793d1;
text-align: right;
}
#main_nav a.selected {
background-color: #1793d1; background-color: #1793d1;
} }
#sub_nav ul li.selected { #sub_nav a.selected {
background-color: #333; background-color: #333;
} }
#main_nav ul li a, #main_nav a,
#sub_nav ul li a { #sub_nav a {
display: block; padding: 5px 9px;
padding: 0 8px; line-height: 26px;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
#main_nav ul li a:hover { #main_nav a:hover {
background-color: #1793d1; background-color: #1793d1;
} }
#lang_login_sub { #sub_nav a:hover {
display: block; background-color: #333;
position: relative;
top: -30px;
margin: auto;
width: 90%;
} }
#lang_login_sub .button { #lang_sub {
font-size: 9px; display: block;
margin: 2px; font-size: 10pt;
text-align: right;
position: relative;
margin-bottom: 10px;
margin-right: 35px;
}
#lang_sub ul {
list-style: none;
padding: 0px;
}
#lang_sub ul a {
text-decoration: none;
}
#lang_sub ul a:hover {
text-decoration: underline;
}
#lang_sub ul li {
display: inline;
padding-right: 1px;
} }
#login_bar { #login_bar {
font-size: 10px;
display: block; display: block;
float: left; margin-bottom: 40px;
} }
#login_bar input { #login_bar input {
margin-right: 5px; margin-right: 5px;
} }
#lang_bar { #login_bar .button {
display: block; margin: 2px;
position: relative;
float: right;
}
#lang_login_sub ul {
list-style: none;
padding: 0;
}
#lang_login_sub ul a {
text-decoration: none;
}
#lang_login_sub ul a:hover {
text-decoration: underline;
}
#lang_login_sub ul li {
display: inline;
padding-right: 1px;
font-size: 10px;
} }
#updates { #updates {
font-size: small; font-size: small;
/*position: relative;*/ /*position: relative;*/
top: 0; top: 0px;
background-color: #e7f0f6; background-color: #e7f0f6;
border: 1px solid #92cbe8; border: 1px solid #92cbe8;
padding: 10px; padding: 10px;
} }
#ads {
z-index: 0;
position: absolute;
top: 40px;
right: 10px;
}
#logo { #logo {
z-index: 1; z-index: 1;
position: absolute; position: relative;
top: 10px; top: 10px;
left: 25px; left: 25px;
width: 350px; width: 350px;
} }
#logo h1#archtitle { #logo h1#archtitle {
text-indent: -9999px; background: transparent url("../images/titlelogo.png") no-repeat top left;
margin: 0; margin: 0px;
padding: 0; padding: 0px;
} }
#logo h1#archtitle a { #logo h1#archtitle a {
color: transparent;
display: block; display: block;
background: transparent url("../images/titlelogo.png") top left no-repeat;
width: 350px; width: 350px;
height: 103px; height: 103px;
} }
.clear { .clear {
clear: both; clear: both;
margin: 0; margin: 0px;
padding: 0; padding: 0px;
} }
.right { .right {
float: right; float: right;
width: 320px; width: 320px;
padding: 0 10px 10px 0; padding: 0px 10px 10px 0px;
} }
.left { .left {
padding: 10px; padding: 10px;
@ -182,7 +159,7 @@ div.listing {
} }
/* Headers */ /* Headers */
h2 { h2 {
margin: 20px 0 10px 0; margin: 20px 0px 10px 0px;
} }
h2.title { h2.title {
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
@ -235,7 +212,7 @@ ul.small {
ul.links { ul.links {
list-style: none; list-style: none;
font-size: small; font-size: small;
padding: 0 0 20px 20px; padding: 0px 0px 20px 20px;
} }
img { img {
border: none; border: none;
@ -265,30 +242,8 @@ table.center {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
table#releases {
font-size: small;
width: 100%;
}
table#releases td {
padding-right: 20px;
}
table#repolinks {
font-size: small;
width: 100%;
}
table#repolinks td {
text-align: right;
}
table#repolinks th {
text-align: left;
}
table#art {
text-align: center;
margin-left: auto;
margin-right: auto;
}
table.results { table.results {
padding: 0; padding: 0px;
border-collapse: collapse; border-collapse: collapse;
} }
.results th { .results th {
@ -296,7 +251,7 @@ table.results {
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
border-top: 1px solid #46494d; border-top: 1px solid #46494d;
text-align: left; text-align: left;
padding: 0 5px 0 0; padding: 0px 5px 0px 0px;
} }
.results th>a { .results th>a {
text-decoration: none; text-decoration: none;
@ -329,20 +284,9 @@ blockquote.code {
font-size: .95em; font-size: .95em;
} }
/* Used by Django's FormWrappers */ /* AUR Styles */
textarea.vLargeTextField {
width: 450px;
height: 250px;
}
.pkgr2 {
background-color: #eee4cb;
}
#maincontent {
width: 100%;
text-align: left;
clear: both;
}
.pgbox { .pgbox {
margin: 0 25px;
margin-bottom: 1%; margin-bottom: 1%;
background-color: #fff; background-color: #fff;
border: 2px solid #ddd; border: 2px solid #ddd;
@ -372,7 +316,7 @@ textarea.vLargeTextField {
} }
.pgboxbody-comment > table { .pgboxbody-comment > table {
border-collapse: separate; border-collapse: separate;
border-spacing: 0 15px; border-spacing: 0px 15px;
} }
#advanced-search li { #advanced-search li {

4
web/html/css/fonts.css
View file

@ -105,7 +105,9 @@ h1, h2, h3, h4 {
color: #f00; color: #f00;
} }
.pkgoutput { .pkgoutput {
font-size: 12pt;
font-weight: bold; font-weight: bold;
text-align: center; text-align: left;
clear: both;
} }

10
web/html/packages.php
View file

@ -55,13 +55,13 @@ if ($_POST['action'] == "do_Flag" || isset($_POST['do_Flag'])) {
} }
html_header($title); html_header($title);
if ($output):
?> ?>
<div class="pkgoutput"><?php print $output ?></div><br />
<?php
endif;
<?php if ($output): ?>
<p class="pkgoutput"><?php print $output ?></p>
<?php endif; ?>
<?php
if (isset($_GET['ID'])) { if (isset($_GET['ID'])) {
include('pkg_search_form.php'); include('pkg_search_form.php');
if (!$_GET['ID'] = intval($_GET['ID'])) { if (!$_GET['ID'] = intval($_GET['ID'])) {

5
web/html/pkgsubmit.php
View file

@ -430,6 +430,10 @@ html_header("Submit");
?> ?>
<?php if ($error): ?>
<p class="pkgoutput"><?php print $error ?></p>
<?php endif; ?>
<div class="pgbox"> <div class="pgbox">
<div class="pgboxtitle"> <div class="pgboxtitle">
<span class="f3"><?php print __("Submit"); ?></span> <span class="f3"><?php print __("Submit"); ?></span>
@ -502,6 +506,7 @@ html_header("Submit");
else: else:
# Visitor is not logged in # Visitor is not logged in
print __("You must create an account before you can upload packages."); print __("You must create an account before you can upload packages.");
exit();
?> ?>
<br /> <br />

1
web/template/footer.php
View file

@ -5,6 +5,5 @@
echo "<p class=\"pgbox\" style=\"text-align: right; font-size: 14px;\"><b>$ver</b></p>\n"; echo "<p class=\"pgbox\" style=\"text-align: right; font-size: 14px;\"><b>$ver</b></p>\n";
} }
?> ?>
</div>
</body> </body>
</html> </html>

55
web/template/header.php
View file

@ -13,62 +13,53 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head> </head>
<body> <body>
<div id="head_container">
<div id="title"> <div id="title">
<div id="logo"><h1 id="archtitle"><a href="http://www.archlinux.org/" title="Arch Linux (Home)">Arch Linux</a></h1></div> <div id="logo"><h1 id="archtitle"><a href="http://www.archlinux.org/" title="Arch Linux (Home)">Arch Linux</a></h1></div>
</div> </div>
<div id="main_nav"> <div id="main_nav">
<ul> <a href="http://www.archlinux.org/">Home</a>
<li><a href="http://www.archlinux.org/download/">Download</a></li> <a href="http://bbs.archlinux.org/">Forums</a>
<li class="selected"><a href="index.php">AUR</a></li> <a href="http://wiki.archlinux.org/">Wiki</a>
<li><a href="http://bugs.archlinux.org/">Bugs</a></li> <a href="http://bugs.archlinux.org/">Bugs</a>
<li><a href="http://wiki.archlinux.org/">Wiki</a></li> <a class="selected" href="index.php">AUR</a>
<li><a href="http://bbs.archlinux.org/">Forums</a></li> <a href="http://www.archlinux.org/download/">Download</a>
<li><a href="http://www.archlinux.org/">Home</a></li>
</ul>
</div> </div>
<div id="sub_nav"> <div id="sub_nav">
<ul> <a href="index.php">AUR <?php print __("Home"); ?></a>
<a href="account.php"><?php print __("Accounts"); ?></a>
<a href="packages.php"><?php print __("Packages"); ?></a>
<a href="http://bugs.archlinux.org/index.php?tasks=all&amp;project=2"><?php print __("Bugs"); ?></a></li>
<a href="http://archlinux.org/mailman/listinfo/aur-general">
<?php print __("Discussion"); ?></a>
<?php <?php
if (isset($_COOKIE["AURSID"])) { if (isset($_COOKIE["AURSID"])) {
?>
<li><a href="pkgsubmit.php"><?php print __("Submit"); ?></a></li>
<li><a href="packages.php?SeB=m&K=<?php print username_from_sid($_COOKIE["AURSID"]); ?>"><?php print __("My Packages"); ?></a></li>
<?php
$SID = $_COOKIE['AURSID']; $SID = $_COOKIE['AURSID'];
$atype = account_from_sid($SID); $atype = account_from_sid($SID);
if ($atype == "Trusted User" || $atype == "Developer") { if ($atype == "Trusted User" || $atype == "Developer") {
?> ?>
<li><a href="tu.php"><?php print __("Trusted User"); ?></a></li> <a href="tu.php"><?php print __("Trusted User"); ?></a>
<?php <?php
} }
?>
<a href="packages.php?SeB=m&K=<?php print username_from_sid($_COOKIE["AURSID"]); ?>"><?php print __("My Packages"); ?></a>
<a href="pkgsubmit.php"><?php print __("Submit"); ?></a>
<?php
} }
?> ?>
<li><a href="http://archlinux.org/mailman/listinfo/aur-general">
<?php print __("Discussion"); ?></a></li>
<li><a href="http://bugs.archlinux.org/index.php?tasks=all&amp;project=2"><?php print __("Bugs"); ?></a></li>
<li><a href="packages.php"><?php print __("Packages"); ?></a></li>
<li><a href="account.php"><?php print __("Accounts"); ?></a></li>
<li><a href="index.php">AUR <?php print __("Home"); ?></a></li>
</ul>
</div> </div>
</div> <?php include("login_form.php"); ?>
<div id="lang_login_sub"> <div id="lang_sub">
<ul>
<li>Lang: </li>
<?php <?php
reset($SUPPORTED_LANGS); reset($SUPPORTED_LANGS);
foreach ($SUPPORTED_LANGS as $lang => $lang_name) { foreach ($SUPPORTED_LANGS as $lang => $lang_name) {
print '<li><a href="' print '<a href="'
. $_SERVER["PHP_SELF"]."?setlang=$lang\"" . $_SERVER["PHP_SELF"]."?setlang=$lang\""
. " title=\"" . $SUPPORTED_LANGS[$lang]. "\">" . " title=\"$lang_name\">"
. strtoupper($lang) . "</a></li>\n"; . strtolower($lang) . "</a>\n";
} }
?> ?>
</ul>
<?php include("login_form.php"); ?>
</div> </div>
<div id="maincontent">
<!-- Start of main content --> <!-- Start of main content -->