updating to new WineHQ design
This commit is contained in:
Jeremy Newman
142
apidb.css
142
apidb.css
@@ -1,145 +1,3 @@
|
||||
/*******************************************************************/
|
||||
/* The following styles are copy/pasted from winehq.org stylesheet */
|
||||
/*******************************************************************/
|
||||
/* Body Document Defaults */
|
||||
BODY {
|
||||
background-color: #E2E2E2;
|
||||
color: #000000;
|
||||
font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
|
||||
margin: 0px 10px 0px 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
/* img */
|
||||
img { border: 0; }
|
||||
|
||||
/* Link Colors */
|
||||
A { color: #A50D0D; }
|
||||
A:visited { color: #FF0000; }
|
||||
A:hover { color: #FF6666; text-decoration: underline; }
|
||||
A:active { color: #FF0000; }
|
||||
A.hidden { text-decoration: none; color: #000000; }
|
||||
|
||||
/* General fonts and sizes */
|
||||
OL,UL,P { font-size: 12px; }
|
||||
TD,TR,TH { font-size: 12px; }
|
||||
INPUT { font-size: 12px; }
|
||||
PRE { font-family: monospace; font-size: 12px; }
|
||||
|
||||
/* Hn Sizes */
|
||||
H1 { font-size: 180%; }
|
||||
H2 { font-size: 150%; }
|
||||
H3 { font-size: 130%; }
|
||||
H4 { font-size: 120%; }
|
||||
H5 { font-size: 110%; }
|
||||
|
||||
/* WWN Colors */
|
||||
.wwnQuote { color: #A8003C; }
|
||||
p.indent { padding-left: 1em; padding-right: 1em;}
|
||||
|
||||
/* background colors */
|
||||
.vltgrey { background-color: #f9f9f9; }
|
||||
.ltgrey { background-color: #EFEFEF; }
|
||||
.grey { background-color: #C0C0C0; }
|
||||
.white { background-color: #FFFFFF; }
|
||||
.dkgrey { background-color: #888888; }
|
||||
.ltblack { background-color: #999999; }
|
||||
.black { background-color: #000000; }
|
||||
.blueish { background-color: #bed5f7; }
|
||||
|
||||
/* text colors */
|
||||
.inverse { color: #FFFFFF; }
|
||||
.disabled { color: #999999; }
|
||||
.normal { color: #000000; }
|
||||
.error { color: #ff0000; }
|
||||
.water { color: #6060ff; }
|
||||
.blueman { color: #335184; }
|
||||
|
||||
/* text styles */
|
||||
.strike { text-decoration: line-through; }
|
||||
.bold { font-weight: bold; }
|
||||
.newstitle { font-size: 14px; font-weight: bold; color: #000000; }
|
||||
|
||||
/* Menu Config */
|
||||
.menuTitle { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
|
||||
.menuTitle:visited { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
|
||||
.menuTitle:hover { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
|
||||
.menuLink { padding-left: 4px; padding-top: 5px; padding-bottom: 5px; background-color: #ffffff; font-size: 11px; width: 140px; display: block; }
|
||||
.menulink:hover { background-color: #e0e6ff; }
|
||||
.menuItem { padding-left: 4px; padding-top: 5px; padding-bottom: 5px; background-color: #ffffff; font-size: 11px; width: 140px; display: block; }
|
||||
.menuItem:visited { font-size: 11px; color: #000000; }
|
||||
.menuItem:hover { font-size: 11px; color: #A50D0D; }
|
||||
|
||||
.topMenu { background-color: #601919; }
|
||||
.sideMenu { background-color: #FFFFFF; }
|
||||
.border { background-color: #601919; }
|
||||
|
||||
/* Misc */
|
||||
.tiny { font-size: 8px; }
|
||||
.small { font-size: 10px; }
|
||||
.big { font-size: 14px; }
|
||||
.rowtitle { background-color: black; color: white; font-weight: bold; }
|
||||
|
||||
/* Generic Buttons */
|
||||
.button { background-color: #6b86bb; color: #ffffff; font-family: Sans-Serif; font-size: 12px; padding: 0; }
|
||||
.searchInput { background-color: #FFFFFF; color: #000000; font-family: Sans-Serif; font-size: 12px; padding: 0; }
|
||||
|
||||
/* Note Blip */
|
||||
.blip { color: #ff0000; font-size: 10px; }
|
||||
|
||||
/* Footer */
|
||||
.footer { font-size: 8pt; color: #777777; }
|
||||
|
||||
/* Status colors */
|
||||
.hdr { background-color: #000000; color: #ffffff; }
|
||||
.pct0 { background-color: #ff5050; }
|
||||
.pct5 { background-color: #ff5d4f; }
|
||||
.pct10 { background-color: #ff694e; }
|
||||
.pct15 { background-color: #ff764d; }
|
||||
.pct20 { background-color: #ff824b; }
|
||||
.pct25 { background-color: #ff8f4a; }
|
||||
.pct30 { background-color: #ff9b49; }
|
||||
.pct35 { background-color: #ffa848; }
|
||||
.pct40 { background-color: #ffb447; }
|
||||
.pct45 { background-color: #ffc146; }
|
||||
.pct50 { background-color: #ffcd45; }
|
||||
.pct55 { background-color: #ffda43; }
|
||||
.pct60 { background-color: #ffe642; }
|
||||
.pct65 { background-color: #fff341; }
|
||||
.pct70 { background-color: #ffff40; }
|
||||
.pct75 { background-color: #dcff48; }
|
||||
.pct80 { background-color: #c8ff50; }
|
||||
.pct85 { background-color: #b4ff58; }
|
||||
.pct90 { background-color: #a0ff60; }
|
||||
.pct95 { background-color: #8cff60; }
|
||||
.pct100 { background-color: #60ff60; }
|
||||
.nonexistent { background-color: #ff5050; }
|
||||
.poor { background-color: #ff8f4a; }
|
||||
.outdated { background-color: #ffcd45; }
|
||||
.outdadeq { background-color: #ffff40; }
|
||||
.adequate { background-color: #dcff48; }
|
||||
.adeqgood { background-color: #c0ff54; }
|
||||
.good { background-color: #60ff60; }
|
||||
|
||||
/* ToDo colors */
|
||||
.todo { background-color: red; }
|
||||
.inprogress { background-color: yellow; }
|
||||
.done { background-color: #32CD32; }
|
||||
.invalid { color: gray; text-decoration: line-through; }
|
||||
|
||||
/* Fun Projects */
|
||||
.works { background-color: #68838B; }
|
||||
.abandoned { background-color: gray; }
|
||||
.modified { font-weight: bold; }
|
||||
.submitted { font-style: italic; }
|
||||
.committed { font-style: italic; color: gray; }
|
||||
|
||||
/* App Support status */
|
||||
.platinum { background-color: #ECECEC; }
|
||||
.gold { background-color: #fff600; }
|
||||
.silver { background-color: silver; }
|
||||
.bronze { background-color: #fcba0a; }
|
||||
.garbage { background-color: #999966; }
|
||||
|
||||
/*******************************************************************/
|
||||
/* The following styles are used exclusively in appdb */
|
||||
/*******************************************************************/
|
||||
|
||||
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 1.4 KiB |
BIN
images/bg.jpg
Normal file
BIN
images/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
images/cw_logo_sm.png
Normal file
BIN
images/cw_logo_sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
images/side_menu_bg.png
Normal file
BIN
images/side_menu_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 B |
BIN
images/side_menu_bot.png
Normal file
BIN
images/side_menu_bot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 B |
BIN
images/side_menu_top.png
Normal file
BIN
images/side_menu_top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
images/tab_h.png
Normal file
BIN
images/tab_h.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 584 B |
BIN
images/tab_s.png
Normal file
BIN
images/tab_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
BIN
images/tab_u.png
Normal file
BIN
images/tab_u.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 616 B |
Binary file not shown.
|
Before Width: | Height: | Size: 125 B |
Binary file not shown.
|
Before Width: | Height: | Size: 105 B |
Binary file not shown.
|
Before Width: | Height: | Size: 114 B |
Binary file not shown.
|
Before Width: | Height: | Size: 114 B |
Binary file not shown.
|
Before Width: | Height: | Size: 125 B |
Binary file not shown.
|
Before Width: | Height: | Size: 105 B |
BIN
images/winehq_logo_16.png
Normal file
BIN
images/winehq_logo_16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 917 B |
BIN
images/winehq_logo_glass_sm.png
Normal file
BIN
images/winehq_logo_glass_sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/winehq_logo_text.png
Normal file
BIN
images/winehq_logo_text.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
@@ -1,2 +1,15 @@
|
||||
<!-- End Content -->
|
||||
</div>
|
||||
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
Hosted By
|
||||
<a href="http://www.codeweavers.com/"><img src="<?php echo BASE; ?>images/cw_logo_sm.png" alt="CodeWeavers"
|
||||
title="CodeWeavers - Run Windows applications and games on Mac and Linux"></a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -2,41 +2,60 @@
|
||||
/*********************************/
|
||||
/* Application Database - Header */
|
||||
/*********************************/
|
||||
?>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Wine AppDB <?php echo $title; ?></title>
|
||||
<meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>WineHQ <?php echo $title; ?></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta HTTP-EQUIV="Expires" CONTENT="Mon, 06 Jan 1990 00:00:01 GMT">
|
||||
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
||||
<meta name="description" content="Open Source Software for running Windows applications on other operating systems.">
|
||||
<meta name="keywords" content="windows, linux, macintosh, solaris, freebsd">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="copyright" content="Copyright WineHQ.org All Rights Reserved.">
|
||||
<meta name="language" content="English">
|
||||
<meta name="revisit-after" content="1">
|
||||
<link rel="stylesheet" href="<?php echo BASE; ?>styles.css" type="text/css" media="screen">
|
||||
<script language="JavaScript" src="<?php echo BASE; ?>jquery.js" type="text/javascript"></script>
|
||||
<script language="JavaScript" src="<?php echo BASE; ?>utils.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="<?php echo BASE; ?>apidb.css" type="text/css">
|
||||
<link rel="stylesheet" href="<?php echo BASE; ?>application.css" type="text/css">
|
||||
<script type="text/javascript"
|
||||
src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
|
||||
<script src="<?php echo BASE; ?>scripts.js" type="text/javascript"></script>
|
||||
<link rel="icon" type="image/png" href="<?php echo BASE; ?>images/winehq_logo_16.png">
|
||||
<link rel="shortcut icon" type="image/png" href="<?php echo BASE; ?>images/winehq_logo_16.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="100%"><a href="<?php echo BASE; ?>"><img src="<?php echo BASE; ?>images/winehq_top_logo.png" width="300" height="99" alt="Wine HQ"></a></td>
|
||||
<td>
|
||||
<img src="<?php echo BASE; ?>images/blank.gif" width="10" height="1" alt="">
|
||||
</td>
|
||||
<td width="468" align="center" valign="middle">
|
||||
<!-- BANNER AD -->
|
||||
<iframe src="http://www.winehq.org/bin/ad" scrolling="no" frameBorder="0" height="60" width="468"></iframe>
|
||||
<!-- END BANNER AD -->
|
||||
</td>
|
||||
<td>
|
||||
<img src="<?php echo BASE; ?>images/blank.gif" width=10 height=1 alt="">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div id="logo_glass"><a href="<?php echo BASE; ?>"><img src="<?php echo BASE; ?>images/winehq_logo_glass_sm.png" alt=""></a></div>
|
||||
<div id="logo_text"><a href="<?php echo BASE; ?>"><img src="<?php echo BASE; ?>images/winehq_logo_text.png" alt="WineHQ" title="WineHQ"></a></div>
|
||||
|
||||
<div id="logo_blurb"><?php echo preg_replace("/^ - /", "", $title); ?></div>
|
||||
|
||||
<div id="search_box">
|
||||
<form action="http://www.winehq.org/search" id="cse-search-box" style="margin: 0; padding: 0;">
|
||||
<input type="hidden" name="cx" value="partner-pub-0971840239976722:w9sqbcsxtyf">
|
||||
<input type="hidden" name="cof" value="FORID:10">
|
||||
<input type="hidden" name="ie" value="UTF-8">
|
||||
<span style="color: #ffffff;">Search:</span> <input type="text" name="q" size="20">
|
||||
</form>
|
||||
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
|
||||
</div>
|
||||
|
||||
<div id="tabs">
|
||||
<ul>
|
||||
<li><a href="http://www.winehq.org/">WineHQ</a></li>
|
||||
<li><a href="http://wiki.winehq.org/">Wiki</a></li>
|
||||
<li class="s"><a href="http://appdb.winehq.org/">AppDB</a></li>
|
||||
<li><a href="http://bugs.winehq.org/">Bugzilla</a></li>
|
||||
<li><a href="http://forums.winehq.org/">Forums</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="main_content">
|
||||
|
||||
<div class="rbox">
|
||||
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
|
||||
<div class="content" style="padding: 20px 20px 10px 80px">
|
||||
<!-- Start Content -->
|
||||
|
||||
@@ -165,19 +165,7 @@ $str .= '
|
||||
<tr><td>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="topMenu">
|
||||
<tr>
|
||||
<td valign="top" align="left"><img src="'.BASE.'images/winehq_border_top_left.gif" width="6" height="9" alt=""></td>
|
||||
<td rowspan="3" valign="middle" align="left"><img src="'.BASE.'images/winehq_border_dot_left.gif" width="12" height="3" alt=""></td>
|
||||
<td width="100%" rowspan="3" align="center"><span class="menuTitle">'.$title.'</span></td>
|
||||
<td rowspan="3" valign="middle" align="right"><img src="'.BASE.'images/winehq_border_dot_right.gif" width="12" height="3" alt=""></td>
|
||||
<td valign="top" align="left"><img src="'.BASE.'images/winehq_border_top_right.gif" width="6" height="9" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="'.BASE.'images/blank.gif" width="1" height="1" alt=""></td>
|
||||
<td><img src="'.BASE.'images/blank.gif" width="1" height="1" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="bottom" align="right"><img src="'.BASE.'images/winehq_border_bottom_left.gif" width="6" height="9" alt=""></td>
|
||||
<td valign="bottom" align="right"><img src="'.BASE.'images/winehq_border_bottom_right.gif" width="6" height="9" alt=""></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
|
||||
@@ -138,14 +138,7 @@ function apidb_header($title = 0)
|
||||
include(BASE."include/header.php");
|
||||
|
||||
// Display Sidebar
|
||||
echo "<table width='100%' border=0 cellspacing=0 cellpadding=0>\n";
|
||||
echo "<tr valign='top'>\n";
|
||||
echo "<td width=150>\n";
|
||||
apidb_sidebar();
|
||||
echo "</td>\n";
|
||||
echo "<td width='100%'>\n";
|
||||
|
||||
echo html_frame_start($page_title, '100%');
|
||||
|
||||
// Display Status Messages
|
||||
dumpmsgbuffer();
|
||||
@@ -157,11 +150,6 @@ function apidb_header($title = 0)
|
||||
*/
|
||||
function apidb_footer()
|
||||
{
|
||||
echo html_frame_end();
|
||||
|
||||
//Close Sidebar and Content Well
|
||||
echo "<br></td></tr></table>\n";
|
||||
|
||||
// grab the end of the page generating time
|
||||
global $sPageGeneratingStartTime;
|
||||
$sPageGeneratingEndTime = microtime();
|
||||
@@ -183,6 +171,11 @@ function apidb_sidebar()
|
||||
{
|
||||
global $sidebar_func_list;
|
||||
|
||||
echo '
|
||||
<div id="sidebar">
|
||||
<ul>
|
||||
';
|
||||
|
||||
//TURN on GLOBAL ADMIN MENU
|
||||
if ($_SESSION['current']->hasPriv("admin"))
|
||||
{
|
||||
@@ -208,6 +201,12 @@ function apidb_sidebar()
|
||||
$func = $sidebar_func_list[$i];
|
||||
$func();
|
||||
}
|
||||
|
||||
echo '
|
||||
</ul>
|
||||
</div>
|
||||
';
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -8,30 +8,7 @@ class htmlmenu {
|
||||
echo "<form action=\"$form\" method=\"post\">\n";
|
||||
|
||||
echo '
|
||||
<div align=left>
|
||||
<table width="160" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="topMenu">
|
||||
<tr>
|
||||
<td width="100%" rowspan="3" align="left"><span class="menuTitle"> '.$name.'</span></td>
|
||||
<td rowspan="3" valign="middle" align="right"><img src="'.BASE.'images/winehq_border_dot_right.gif" alt=""></td>
|
||||
<td valign="top" align="left"><img src="'.BASE.'images/winehq_border_top_right.gif" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="'.BASE.'images/blank.gif" width="1" height="1" alt=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="bottom" align="right"><img src="'.BASE.'images/winehq_border_bottom_right.gif" alt=""></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="155" border="0" cellspacing="0" cellpadding="1">
|
||||
<tr class="topMenu"><td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="5"><tr><td class="sidemenu">
|
||||
<li class="top"><p>'.$name.'</p></li>
|
||||
';
|
||||
|
||||
}
|
||||
@@ -43,32 +20,23 @@ class htmlmenu {
|
||||
|
||||
if($shUrl)
|
||||
{
|
||||
echo "<a href=\"$shUrl\" class=\"menuLink\">$sName</a>";
|
||||
} else
|
||||
echo " <li><p><a href=\"{$shUrl}\">{$sName}</a></p></li>\n";
|
||||
}
|
||||
else
|
||||
{
|
||||
echo "<div class=\"menuItem\">$sName</div>";
|
||||
echo " <li><p>{$sName}</a></li>\n";
|
||||
}
|
||||
}
|
||||
|
||||
function addmisc($sStuff, $sAlign = "left")
|
||||
{
|
||||
echo "<div align=\"$sAlign\" class=\"menuItem\">$sStuff</div>\n";
|
||||
echo "<div align=\"$sAlign\">$sStuff</div>\n";
|
||||
}
|
||||
|
||||
function done($form = null)
|
||||
{
|
||||
echo '
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td>
|
||||
<td><img src="'.BASE.'images/blank.gif" width=5 height=1 alt="-"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
<li class="bot"></li>
|
||||
';
|
||||
|
||||
if ($form)
|
||||
|
||||
@@ -10,14 +10,6 @@ function global_sidebar_menu()
|
||||
{
|
||||
global $aClean;
|
||||
|
||||
$g = new htmlmenu(APPDB_OWNER." Menu");
|
||||
$g->add(APPDB_OWNER, APPDB_OWNER_URL);
|
||||
$g->add("AppDB", BASE);
|
||||
$g->add("Bugzilla", BUGZILLA_ROOT);
|
||||
$g->add("Wine Wiki", "http://wiki.winehq.org");
|
||||
$g->add("Wine Forum", "http://forum.winehq.org");
|
||||
$g->done();
|
||||
|
||||
$g = new htmlmenu("AppDB");
|
||||
$g->add('Home', BASE.'index.php');
|
||||
$g->add("Screenshots", BASE."objectManager.php?sClass=screenshot&sTitle=View+Screenshots");
|
||||
@@ -25,52 +17,14 @@ function global_sidebar_menu()
|
||||
'sTitle=Browse%20Applications&sOrderBy=appName&bAscending=true');
|
||||
$g->add('Browse by Developer', BASE.'objectManager.php?sClass=vendor&sTitle=Browse%20by%20Developer');
|
||||
$g->add("Top 25", BASE."votestats.php");
|
||||
$g->add("Submit Application", BASE."objectManager.php?sClass=application_queue&".
|
||||
$g->add("Submit App", BASE."objectManager.php?sClass=application_queue&".
|
||||
"sTitle=Submit+Application&sAction=add");
|
||||
$g->add("Help & Documentation", BASE."help/");
|
||||
$g->add("Help", BASE."help/");
|
||||
$g->add("Statistics", BASE."appdbStats.php");
|
||||
$g->add('Distributions ('.distribution::objectGetEntriesCount('accepted').')', BASE.'objectManager.php?sClass=distribution&sTitle=View%20Distributions');
|
||||
$g->add("Email your suggestions for improving the AppDB", "mailto:appdb@winehq.org");
|
||||
$g->add("Email Us", "mailto:appdb@winehq.org");
|
||||
$g->done();
|
||||
|
||||
$g = new htmlmenu('Search the AppDB');
|
||||
$g->addmisc(app_search_box(!empty($aClean['sSearchQuery']) ? $aClean['sSearchQuery'] : ''));
|
||||
$g->done();
|
||||
|
||||
}
|
||||
|
||||
|
||||
function app_search_box($q = '')
|
||||
{
|
||||
// google custom search dialog
|
||||
// used in place of appdb specific search engine code
|
||||
// Chris Morgan <cmorgan@alum.wpi.edu> maintains
|
||||
// the search engine settings
|
||||
$shSearchStr = '
|
||||
<!-- Google CSE Search Box Begins -->
|
||||
<script type="text/javascript">
|
||||
document.write(\'<form id=\"searchbox_013271970634691685804:bc-56dvxydi\" action=\"http://appdb.winehq.org/search_results.php\">\')
|
||||
document.write(\'<input type="hidden" name="cx" value="013271970634691685804:bc-56dvxydi" >\')
|
||||
document.write(\'<input type=\"hidden\" name=\"cof" value=\"FORID:11\" >\')
|
||||
document.write(\'<input name=\"q\" type=\"text\" size=\"20\" >\')
|
||||
document.write(\'<input type=\"submit\" name=\"sa\" value=\"Search\" >\')
|
||||
document.write(\'<\/form>\')
|
||||
</script>
|
||||
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_013271970634691685804%3Abc-56dvxydi"></script>
|
||||
<!-- Google CSE Search Box Ends -->
|
||||
';
|
||||
// Search dialog using our own search engine, displayed when
|
||||
// JavaScript is unavailable
|
||||
$shSearchStr .= '
|
||||
<noscript>
|
||||
<form method="post" action="search.php">
|
||||
<input type="text" size="20" name="sSearchQuery">
|
||||
<input type="submit" value="Search">
|
||||
</form>
|
||||
</noscript>
|
||||
';
|
||||
|
||||
return $shSearchStr;
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
32
jquery.js
vendored
Normal file
32
jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
126
jquery.pngfix.js
Normal file
126
jquery.pngfix.js
Normal file
@@ -0,0 +1,126 @@
|
||||
/**
|
||||
* jQuery (PNG Fix) v1.2
|
||||
* Microsoft Internet Explorer 24bit PNG Fix
|
||||
*
|
||||
* The MIT License
|
||||
*
|
||||
* Copyright (c) 2007 Paul Campbell (pauljamescampbell.co.uk)
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in
|
||||
* all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
* THE SOFTWARE.
|
||||
*
|
||||
* @param Object
|
||||
* @return Array
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
$.fn.pngfix = function(options) {
|
||||
|
||||
// Review the Microsoft IE developer library for AlphaImageLoader reference
|
||||
// http://msdn2.microsoft.com/en-us/library/ms532969(VS.85).aspx
|
||||
|
||||
// ECMA scope fix
|
||||
var elements = this;
|
||||
var settings = $.extend({
|
||||
imageFixSrc: false,
|
||||
sizingMethod: false
|
||||
}, options);
|
||||
|
||||
if(!$.browser.msie || ($.browser.msie && $.browser.version >= 7)) {
|
||||
return(elements);
|
||||
}
|
||||
|
||||
function setFilter(el, path, mode) {
|
||||
var fs = el.attr("filters");
|
||||
var alpha = "DXImageTransform.Microsoft.AlphaImageLoader";
|
||||
if (fs[alpha]) {
|
||||
fs[alpha].enabled = true;
|
||||
fs[alpha].src = path;
|
||||
fs[alpha].sizingMethod = mode;
|
||||
} else {
|
||||
el.css("filter", 'progid:' + alpha + '(enabled="true", sizingMethod="' + mode + '", src="' + path + '")');
|
||||
}
|
||||
}
|
||||
|
||||
function setDOMElementWidth(el) {
|
||||
if(el.css("width") == "auto" & el.css("height") == "auto") {
|
||||
el.css("width", el.attr("offsetWidth") + "px");
|
||||
}
|
||||
}
|
||||
|
||||
return(
|
||||
elements.each(function() {
|
||||
|
||||
// Scope
|
||||
var el = $(this);
|
||||
|
||||
if(el.attr("tagName").toUpperCase() == "IMG" && (/\.png/i).test(el.attr("src"))) {
|
||||
if(!settings.imageFixSrc) {
|
||||
|
||||
// Wrap the <img> in a <span> then apply style/filters,
|
||||
// removing the <img> tag from the final render
|
||||
el.wrap("<span></span>");
|
||||
var par = el.parent();
|
||||
par.css({
|
||||
height: el.height(),
|
||||
width: el.width(),
|
||||
display: "inline-block"
|
||||
});
|
||||
setFilter(par, el.attr("src"), "scale");
|
||||
el.remove();
|
||||
} else if((/\.gif/i).test(settings.imageFixSrc)) {
|
||||
|
||||
// Replace the current image with a transparent GIF
|
||||
// and apply the filter to the background of the
|
||||
// <img> tag (not the preferred route)
|
||||
setDOMElementWidth(el);
|
||||
setFilter(el, el.attr("src"), "image");
|
||||
el.attr("src", settings.imageFixSrc);
|
||||
}
|
||||
|
||||
} else {
|
||||
var bg = new String(el.css("backgroundImage"));
|
||||
var matches = bg.match(/^url\("(.*)"\)$/);
|
||||
if(matches && matches.length) {
|
||||
|
||||
// Elements with a PNG as a backgroundImage have the
|
||||
// filter applied with a sizing method relevant to the
|
||||
// background repeat type
|
||||
setDOMElementWidth(el);
|
||||
el.css("backgroundImage", "none");
|
||||
|
||||
// Restrict scaling methods to valid MSDN defintions (or one custom)
|
||||
var sc = "crop";
|
||||
if(settings.sizingMethod) {
|
||||
sc = settings.sizingMethod;
|
||||
}
|
||||
setFilter(el, matches[1], sc);
|
||||
|
||||
// Fix IE peek-a-boo bug for internal links
|
||||
// within that DOM element
|
||||
el.find("a").each(function() {
|
||||
$(this).css("position", "relative");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
})(jQuery)
|
||||
332
styles.css
Normal file
332
styles.css
Normal file
@@ -0,0 +1,332 @@
|
||||
/* Body Document Defaults */
|
||||
BODY {
|
||||
background-color: #000000;
|
||||
color: #000000;
|
||||
background-image: url('images/bg.jpg');
|
||||
background-repeat: no-repeat;
|
||||
font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
|
||||
margin: 0;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* wine logo image */
|
||||
#logo_glass_big {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 200px;
|
||||
height: 313px;
|
||||
}
|
||||
#logo_glass {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 20px;
|
||||
left: 50px;
|
||||
width: 100px;
|
||||
height: 157px;
|
||||
}
|
||||
#logo_text {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 40px;
|
||||
left: 110px;
|
||||
width: 186px;
|
||||
height: 58px;
|
||||
}
|
||||
#logo_blurb {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
top: 92px;
|
||||
left: 130px;
|
||||
font-size: small;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* search box */
|
||||
#search_box {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 50px;
|
||||
right: 20px;
|
||||
width: 250px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* top tabs */
|
||||
#tabs {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
top: 0px;
|
||||
right: 10px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
#tabs UL {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#tabs LI {
|
||||
float: left;
|
||||
width: 112px;
|
||||
height: 28px;
|
||||
margin: 0px 2px 0px 2px;
|
||||
padding: 2px 0px 0px 0px;
|
||||
text-align: center;
|
||||
background-image: url('images/tab_u.png');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#tabs LI.s { background-image: url('images/tab_s.png'); }
|
||||
#tabs LI.s A { font-weight: bold; }
|
||||
#tabs LI:hover { background-image: url('images/tab_h.png'); }
|
||||
#tabs A { font-size: large; color: white; text-decoration: none; }
|
||||
|
||||
/* sidebar navigation */
|
||||
#sidebar {
|
||||
position: absolute;
|
||||
z-index: 6;
|
||||
top: 200px;
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 156px;
|
||||
}
|
||||
#sidebar UL {
|
||||
list-style: none;
|
||||
width: 156px;
|
||||
padding: 0;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
#sidebar LI {
|
||||
width: 156px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
padding: 5px 0 0 0;
|
||||
background-image: url('images/side_menu_bg.png');
|
||||
background-repeat: repeat-y;
|
||||
font-size: x-small;
|
||||
color: white;
|
||||
}
|
||||
#sidebar LI P { margin: 0; padding: 0 0 0 15px; }
|
||||
#sidebar LI.top {
|
||||
height: 33px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: url('images/side_menu_top.png');
|
||||
background-repeat: no-repeat;
|
||||
font-weight: bold;
|
||||
font-size: small;
|
||||
}
|
||||
#sidebar LI.top P { margin: 0; padding: 10px 0 0 5px; }
|
||||
#sidebar LI.bot {
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: url('images/side_menu_bot.png');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#sidebar A { font-size: x-small; color: white; text-decoration: none; }
|
||||
#sidebar A:hover { font-size: x-small; color: #ffcfcf; text-decoration: underline; font-weight: bold; }
|
||||
|
||||
/* main content well */
|
||||
#main_content {
|
||||
padding: 85px 10px 10px 100px;
|
||||
}
|
||||
|
||||
/* main content well front page left column */
|
||||
#main_left {
|
||||
width: 58%;
|
||||
width: expression("55%"); /* For IE */
|
||||
margin: 0 10px 0 0;
|
||||
float: left;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* main content well front page right column */
|
||||
#main_right {
|
||||
width: 40%;
|
||||
width: expression("30%"); /* For IE */
|
||||
margin: 0;
|
||||
float: right;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
#footer {
|
||||
clear: both;
|
||||
color: #ffffff;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
#footer IMG { vertical-align: middle; }
|
||||
|
||||
/* debug log */
|
||||
#debug_log
|
||||
{
|
||||
clear: both;
|
||||
height: 150px;
|
||||
margin: 10px;
|
||||
border: 2px inset #999999;
|
||||
font-family: monospace, sans-serif;
|
||||
color: #c0c0c0;
|
||||
background-color: #090909;
|
||||
overflow: auto;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* header text */
|
||||
H1.title { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
|
||||
H3.title { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
|
||||
P.newsdate { color: #4e4e4e; font-size: x-small; text-align: right; margin: 0 5px 10px 0;}
|
||||
P.newstitle { color: #4e4e4e; font-size: medium; font-weight: bold; border-bottom: 1px solid #C0C0C0; margin-bottom: 5px; }
|
||||
P.newstitle A { color: #4e4e4e; text-decoration: none; }
|
||||
P.newstitle A:hover { color: #FF6666; text-decoration: none; }
|
||||
DIV.newsblock { margin: 0 5px 25px 10px; padding: 0; }
|
||||
|
||||
/* winehq main page menu */
|
||||
ul.winehq_menu { list-style-type: none; margin: 20px 0px 0px 0px; }
|
||||
ul.winehq_menu li { margin: 0px 0px 25px 0px; padding: 5px 0 0 45px; cursor: pointer; }
|
||||
ul.winehq_menu li.info { background-image: url('images/main_info.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.info:hover { background-image: url('images/main_info_s.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.dl { background-image: url('images/main_dl.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.dl:hover { background-image: url('images/main_dl_s.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.help { background-image: url('images/main_help.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.help:hover { background-image: url('images/main_help_s.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.devel { background-image: url('images/main_devel.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.devel:hover { background-image: url('images/main_devel_s.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.donate { background-image: url('images/main_donate.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li.donate:hover { background-image: url('images/main_donate_s.png'); background-repeat: no-repeat }
|
||||
ul.winehq_menu li a { text-decoration: none; }
|
||||
ul.winehq_menu li a:hover .title { text-decoration: underline; color: red; }
|
||||
ul.winehq_menu span.title { font-size: x-large; color: maroon; padding-left: 20px; margin-top: 10px; }
|
||||
ul.winehq_menu span.subtitle { font-size: medium; color: #4e4e4e; padding-left: 35px; }
|
||||
|
||||
/* stuff */
|
||||
img { border: 0; }
|
||||
|
||||
/* Link Colors */
|
||||
A { color: #A50D0D; }
|
||||
A:visited { color: #FF0000; }
|
||||
A:hover { color: #FF6666; text-decoration: underline; }
|
||||
A:active { color: #FF0000; }
|
||||
A.hidden { text-decoration: none; color: #000000; }
|
||||
|
||||
/* General fonts and sizes */
|
||||
OL,UL,P { font-size: small; }
|
||||
TD,TR,TH { font-size: small; }
|
||||
INPUT { font-size: small; }
|
||||
PRE {
|
||||
font-family: monospace; font-size: medium;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap !important;
|
||||
}
|
||||
.small { font-size: xx-small; }
|
||||
|
||||
/* Hn Sizes */
|
||||
H1 { font-size: xx-large; }
|
||||
H2 { font-size: x-large; }
|
||||
H3 { font-size: large; }
|
||||
H4 { font-size: medium; }
|
||||
H5 { font-size: small; }
|
||||
|
||||
/* HR */
|
||||
hr
|
||||
{
|
||||
border: 0;
|
||||
color: #A50D0D;
|
||||
background-color: #A50D0D;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Rounded Corner Box */
|
||||
div.rbox { display:block; margin: 0px; }
|
||||
div.rbox b.rtop, b.rbottom { display:block; margin: 0px; }
|
||||
div.rbox b.rtop b, b.rbottom b { display:block; height: 1px; overflow: hidden; background: #FFFFFF; }
|
||||
div.rbox b.r1 { margin: 0 5px; }
|
||||
div.rbox b.r2 { margin: 0 3px; }
|
||||
div.rbox b.r3 { margin: 0 2px; }
|
||||
div.rbox b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px}
|
||||
div.rbox div.content { margin: 0; background-color: #FFFFFF; }
|
||||
|
||||
/* WWN Colors */
|
||||
.wwn TABLE { margin: 0px; padding: 0px; border-spacing: 0; }
|
||||
.wwn TH { color: #A50D0D; border-bottom: 1px solid #A50D0D; font-size: large; margin: 5px 0 5px 0; padding: 5px 0 5px 0; text-align: left; }
|
||||
.wwnQuote { color: #A8003C; }
|
||||
p.indent { padding-left: 1em; padding-right: 1em;}
|
||||
|
||||
/* RSS Feed Links */
|
||||
ul.rss {
|
||||
list-style: none;
|
||||
padding: 0 0 0 2px;
|
||||
margin: 0;
|
||||
}
|
||||
ul.rss li {
|
||||
background: url("./images/feed.gif") no-repeat 0 1px;
|
||||
padding: 0px 0 0px 0px;
|
||||
height: 18px;
|
||||
}
|
||||
ul.rss li a {
|
||||
font-size: x-small;
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
|
||||
/* template navigation links */
|
||||
.link-container { position: relative; height: 1.2em; }
|
||||
.link-container p { position: absolute; width: 50%; margin: 0; }
|
||||
.left-link { left: 0; }
|
||||
.right-link { right: 0; text-align: right; }
|
||||
|
||||
/* Status colors */
|
||||
.hdr { background-color: #000000; color: #ffffff; }
|
||||
.pct0 { background-color: #ff5050; }
|
||||
.pct5 { background-color: #ff5d4f; }
|
||||
.pct10 { background-color: #ff694e; }
|
||||
.pct15 { background-color: #ff764d; }
|
||||
.pct20 { background-color: #ff824b; }
|
||||
.pct25 { background-color: #ff8f4a; }
|
||||
.pct30 { background-color: #ff9b49; }
|
||||
.pct35 { background-color: #ffa848; }
|
||||
.pct40 { background-color: #ffb447; }
|
||||
.pct45 { background-color: #ffc146; }
|
||||
.pct50 { background-color: #ffcd45; }
|
||||
.pct55 { background-color: #ffda43; }
|
||||
.pct60 { background-color: #ffe642; }
|
||||
.pct65 { background-color: #fff341; }
|
||||
.pct70 { background-color: #ffff40; }
|
||||
.pct75 { background-color: #dcff48; }
|
||||
.pct80 { background-color: #c8ff50; }
|
||||
.pct85 { background-color: #b4ff58; }
|
||||
.pct90 { background-color: #a0ff60; }
|
||||
.pct95 { background-color: #8cff60; }
|
||||
.pct100 { background-color: #60ff60; }
|
||||
.nonexistent { background-color: #ff5050; }
|
||||
.poor { background-color: #ff8f4a; }
|
||||
.outdated { background-color: #ffcd45; }
|
||||
.outdadeq { background-color: #ffff40; }
|
||||
.adequate { background-color: #dcff48; }
|
||||
.adeqgood { background-color: #c0ff54; }
|
||||
.good { background-color: #60ff60; }
|
||||
|
||||
/* ToDo colors */
|
||||
.todo { background-color: red; }
|
||||
.inprogress { background-color: yellow; }
|
||||
.done { background-color: limegreen; }
|
||||
.invalid { color: gray; text-decoration: line-through; }
|
||||
|
||||
/* Fun Projects */
|
||||
.works { background-color: lightblue; }
|
||||
.abandoned { background-color: gray; }
|
||||
.modified { font-weight: bold; }
|
||||
.submitted { font-style: italic; }
|
||||
.committed { font-style: italic; color: gray; }
|
||||
|
||||
/* App Support status */
|
||||
.gold { background-color: wheat; }
|
||||
.silver { background-color: silver; }
|
||||
|
||||
|
||||
23
utils.js
Normal file
23
utils.js
Normal file
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
Misc JavaScipt for WineHQ
|
||||
*/
|
||||
|
||||
// include a file from js scripts dir
|
||||
function include_dom (script_filename) {
|
||||
var html_doc = document.getElementsByTagName('head').item(0);
|
||||
var js = document.createElement('script');
|
||||
js.setAttribute('language', 'javascript');
|
||||
js.setAttribute('type', 'text/javascript');
|
||||
js.setAttribute('src', script_filename);
|
||||
html_doc.appendChild(js);
|
||||
return false;
|
||||
}
|
||||
|
||||
// load and execute jquery IE6 PNG fix
|
||||
include_dom("jquery.pngfix.js");
|
||||
jQuery(function($) {
|
||||
$("img[@src$=png]").pngfix(); /* all img tags with .png extension */
|
||||
$("#tabs li").pngfix(); /* top tabs li backgrounds */
|
||||
});
|
||||
|
||||
// done
|
||||
Reference in New Issue
Block a user