Modify markup to be more HTML5 compliant

classes/badges.class.php

 
     if (isset($Icon)) {
       if ($Tooltip) {
-        $html .= "<a class='badge_icon'><img class='tooltip' title='$Name</br>$Description' src='$Icon' /></a>";
+        $html .= '<a class="badge_icon"><img class="tooltip" alt="'.$Name.'" title="'.$Name.'</br>'.$Description.'" src="'.$Icon.'" /></a>';
       } else {
-        $html .= "<a class='badge_icon'><img title='$Name' src='$Icon' /></a>";
+        $html .= '<a class="badge_icon"><img alt="'.$Name.'" title="'.$Name.'" src="'.$Icon.'" /></a>';
       }
     }
 

classes/debug.class.php

       return;
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_perf').gtoggle(); return false;" class="brackets">View</a> Performance Statistics:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_perf').gtoggle(); return false;" class="brackets">View</a> Performance Statistics:</strong></td>
     </tr>
   </table>
-  <table id="debug_perf" class="debug_table hidden" width="100%">
+  <table id="debug_perf" class="debug_table hidden">
 <?
     foreach ($Perf as $Stat => $Value) {
 ?>
-    <tr valign="top">
+    <tr class="valign_top">
       <td class="debug_perf_stat"><?=$Stat?></td>
       <td class="debug_perf_data"><?=$Value?></td>
     </tr>
       $Includes = $this->get_includes();
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_include').gtoggle(); return false;" class="brackets">View</a> <?=number_format(count($Includes))?> Includes:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_include').gtoggle(); return false;" class="brackets">View</a> <?=number_format(count($Includes))?> Includes:</strong></td>
     </tr>
   </table>
-  <table id="debug_include" class="debug_table hidden" width="100%">
+  <table id="debug_include" class="debug_table hidden">
 <?
     foreach ($Includes as $File) {
 ?>
-    <tr valign="top">
+    <tr class="valign_top">
       <td><?=$File?></td>
     </tr>
 <?
       $Classes = $this->get_classes();
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_classes').gtoggle(); return false;" class="brackets">View</a> Classes:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_classes').gtoggle(); return false;" class="brackets">View</a> Classes:</strong></td>
     </tr>
   </table>
-  <table id="debug_classes" class="debug_table hidden" width="100%">
+  <table id="debug_classes" class="debug_table hidden">
     <tr>
-      <td align="left">
+      <td>
         <pre>
 <?          print_r($Classes); echo "\n"; ?>
         </pre>
 
   public function extension_table() {
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_extensions').gtoggle(); return false;" class="brackets">View</a> Extensions:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_extensions').gtoggle(); return false;" class="brackets">View</a> Extensions:</strong></td>
     </tr>
   </table>
-  <table id="debug_extensions" class="debug_table hidden" width="100%">
+  <table id="debug_extensions" class="debug_table hidden">
     <tr>
-      <td align="left">
+      <td>
         <pre>
 <?          print_r($this->get_extensions()); echo "\n"; ?>
         </pre>
       return;
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_flags').gtoggle(); return false;" class="brackets">View</a> Flags:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_flags').gtoggle(); return false;" class="brackets">View</a> Flags:</strong></td>
     </tr>
   </table>
-  <table id="debug_flags" class="debug_table hidden" width="100%">
-    <tr valign="top">
-      <td align="left" class="debug_flags_event"><strong>Event</strong></td>
-      <td align="left" class="debug_flags_time"><strong>Page time</strong></td>
+  <table id="debug_flags" class="debug_table hidden">
+    <tr class="valign_top">
+      <td class="debug_flags_event"><strong>Event</strong></td>
+      <td class="debug_flags_time"><strong>Page time</strong></td>
 <?    if ($Flags[0][3] !== false) { ?>
-      <td align="left" class="debug_flags_time"><strong>CPU time</strong></td>
+      <td class="debug_flags_time"><strong>CPU time</strong></td>
 <?    } ?>
-      <td align="left" class="debug_flags_memory"><strong>Memory</strong></td>
+      <td class="debug_flags_memory"><strong>Memory</strong></td>
     </tr>
 <?
     foreach ($Flags as $Flag) {
       list($Event, $MicroTime, $Memory, $CPUTime) = $Flag;
 ?>
-    <tr valign="top">
-      <td align="left"><?=$Event?></td>
-      <td align="left"><?=number_format($MicroTime, 3)?> ms</td>
+    <tr class="valign_top">
+      <td><?=$Event?></td>
+      <td><?=number_format($MicroTime, 3)?> ms</td>
 <?      if ($CPUTime !== false) { ?>
-      <td align="left"><?=number_format($CPUTime / 1000, 3)?> ms</td>
+      <td><?=number_format($CPUTime / 1000, 3)?> ms</td>
 <?      } ?>
-      <td align="left"><?=Format::get_size($Memory)?></td>
+      <td><?=Format::get_size($Memory)?></td>
     </tr>
 <?    } ?>
   </table>
       $Constants = $this->get_constants();
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_constants').gtoggle(); return false;" class="brackets">View</a> Constants:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_constants').gtoggle(); return false;" class="brackets">View</a> Constants:</strong></td>
     </tr>
   </table>
-  <table id="debug_constants" class="debug_table hidden" width="100%">
+  <table id="debug_constants" class="debug_table hidden">
     <tr>
-      <td align="left" class="debug_data debug_constants_data">
+      <td class="debug_data debug_constants_data">
         <pre>
 <?=         display_str(print_r($Constants, true))?>
         </pre>
       return;
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a toggle-target="#debug_ocelot" class="brackets">View</a> <?=number_format(count($OcelotRequests))?> Ocelot requests:</strong></td>
+      <td><strong><a data-toggle-target="#debug_ocelot" class="brackets">View</a> <?=number_format(count($OcelotRequests))?> Ocelot requests:</strong></td>
     </tr>
   </table>
-  <table id="debug_ocelot" class="debug_table hidden" width="100%">
+  <table id="debug_ocelot" class="debug_table hidden">
 <?    foreach ($OcelotRequests as $i => $Request) { ?>
     <tr>
-      <td align="left" class="debug_data debug_ocelot_data">
-        <a toggle-target="#debug_ocelot_<?=$i?>"><?=display_str($Request['path'])?></a>
+      <td class="debug_data debug_ocelot_data">
+        <a data-toggle-target="#debug_ocelot_<?=$i?>"><?=display_str($Request['path'])?></a>
         <pre id="debug_ocelot_<?=$i?>" class="hidden"><?=display_str($Request['response'])?></pre>
       </td>
-      <td align="left" class="debug_info" style="width: 100px;">
+      <td class="debug_info" style="width: 100px;">
         <?=display_str($Request['status'])?>
       </td>
-      <td align="left" class="debug_info debug_timing" style="width: 100px;">
+      <td class="debug_info debug_timing" style="width: 100px;">
         <?=number_format($Request['time'], 5)?> ms
       </td>
     </tr>
     $Header = ' '.number_format(count($CacheKeys))." $Header:";
 
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_cache').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_cache').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
     </tr>
   </table>
-  <table id="debug_cache" class="debug_table hidden" width="100%">
+  <table id="debug_cache" class="debug_table hidden">
 <?    foreach ($CacheKeys as $Key) { ?>
     <tr>
       <td class="label nobr debug_info debug_cache_key">
         <a href="#" onclick="$('#debug_cache_<?=$Key?>').gtoggle(); return false;"><?=display_str($Key)?></a>
         <a href="tools.php?action=clear_cache&amp;key=<?=$Key?>&amp;type=clear" target="_blank" class="brackets tooltip" title="Clear this cache key">Clear</a>
       </td>
-      <td align="left" class="debug_data debug_cache_data">
+      <td class="debug_data debug_cache_data">
         <pre id="debug_cache_<?=$Key?>" class="hidden">
 <?=         display_str(print_r(G::$Cache->get_value($Key, true), true))?>
         </pre>
       return;
     }
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_error').gtoggle(); return false;" class="brackets">View</a> <?=number_format(count($Errors))?> Errors:</strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_error').gtoggle(); return false;" class="brackets">View</a> <?=number_format(count($Errors))?> Errors:</strong></td>
     </tr>
   </table>
-  <table id="debug_error" class="debug_table hidden" width="100%">
+  <table id="debug_error" class="debug_table hidden">
 <?
     foreach ($Errors as $Error) {
       list($Error, $Location, $Call, $Args) = $Error;
 ?>
-    <tr valign="top">
-      <td align="left" class="debug_info debug_error_call">
+    <tr class="valign_top">
+      <td class="debug_info debug_error_call">
         <?=display_str($Call)?>(<?=display_str($Args)?>)
       </td>
-      <td class="debug_data debug_error_data" align="left">
+      <td class="debug_data debug_error_data">
         <?=display_str($Error)?>
       </td>
-      <td align="left">
+      <td>
         <?=display_str($Location)?>
       </td>
     </tr>
     }
     $Header = ' '.number_format(count($Queries))." $Header:";
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_database').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_database').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
     </tr>
   </table>
-  <table id="debug_database" class="debug_table hidden" width="100%">
+  <table id="debug_database" class="debug_table hidden">
 <?
     foreach ($Queries as $Query) {
       $SQL = $Query[0] ?? null;
         $Warnings = implode('<br />', $Warnings);
       }
 ?>
-    <tr valign="top">
+    <tr class="valign_top">
       <td class="debug_data debug_query_data"><div><?=str_replace("\t", '&nbsp;&nbsp;', nl2br(display_str(trim($SQL))))?></div></td>
-      <td class="debug_info debug_query_time" style="width: 130px;" align="left"><?=number_format($Time, 5)?> ms</td>
+      <td class="debug_info debug_query_time" style="width: 130px;"><?=number_format($Time, 5)?> ms</td>
       <td class="debug_info debug_query_warnings"><?=$Warnings?></td>
     </tr>
 <?    } ?>
     }
     $Header = ' '.number_format(count($Queries))." $Header:";
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_sphinx').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_sphinx').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
     </tr>
   </table>
-  <table id="debug_sphinx" class="debug_table hidden" width="100%">
+  <table id="debug_sphinx" class="debug_table hidden">
 <?
     foreach ($Queries as $Query) {
       list($Params, $Time) = $Query;
 ?>
-    <tr valign="top">
+    <tr class="valign_top">
       <td class="debug_data debug_sphinx_data"><pre><?=str_replace("\t", '  ', $Params)?></pre></td>
-      <td class="debug_info debug_sphinx_time" style="width: 130px;" align="left"><?=number_format($Time, 5)?> ms</td>
+      <td class="debug_info debug_sphinx_time" style="width: 130px;"><?=number_format($Time, 5)?> ms</td>
     </tr>
 <?    } ?>
   </table>
     $Header = ' '.number_format(count($Vars))." $Header:";
 
 ?>
-  <table class="layout" width="100%">
+  <table class="layout">
     <tr>
-      <td align="left"><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_loggedvars').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
+      <td><strong><a href="#" onclick="$(this).parents('.layout').next('#debug_loggedvars').gtoggle(); return false;" class="brackets">View</a><?=$Header?></strong></td>
     </tr>
   </table>
-  <table id="debug_loggedvars" class="debug_table hidden" width="100%">
+  <table id="debug_loggedvars" class="debug_table hidden">
 <?
     foreach ($Vars as $ID => $Var) {
       list($Key, $Data) = each($Var);
       $Size = count($Data['data']);
 ?>
     <tr>
-      <td align="left" class="debug_info debug_loggedvars_name">
+      <td class="debug_info debug_loggedvars_name">
         <a href="#" onclick="$('#debug_loggedvars_<?=$ID?>').gtoggle(); return false;"><?=display_str($Key)?></a> (<?=$Size . ($Size == 1 ? ' element' : ' elements')?>)
         <div><?=$Data['bt']['path'].':'.$Data['bt']['line'];?></div>
       </td>
-      <td class="debug_data debug_loggedvars_data" align="left">
+      <td class="debug_data debug_loggedvars_data">
         <pre id="debug_loggedvars_<?=$ID?>" class="hidden">
 <?=         display_str(print_r($Data['data'], true))?>
         </pre>

classes/donationsview.class.php

       <div class="box">
         <div class="head">
           <span><?=!empty($ProfileRewards['ProfileInfoTitle' . $i]) ? display_str($ProfileRewards['ProfileInfoTitle' . $i]) : "Extra Profile " . ($i + 1)?></span>
-          <span style="float: right;"><a toggle-target="#profilediv_<?=$i?>" toggle-replace="Show" class="brackets">Hide</a></span>
+          <span style="float: right;"><a data-toggle-target="#profilediv_<?=$i?>" data-toggle-replace="Show" class="brackets">Hide</a></span>
         </div>
         <div class="pad profileinfo" id="profilediv_<?=$i?>">
 <?          echo Text::full_format($ProfileRewards['ProfileInfo' . $i]); ?>
 ?>
     <div class="box box2" id="donation_history_box">
       <div class="head">
-        Donation History <a toggle-target="#donation_history" class="brackets" style="float: right;">Toggle</a>
+        Donation History <a data-toggle-target="#donation_history" class="brackets" style="float: right;">Toggle</a>
       </div>
       <div class="hidden" id="donation_history">
         <table cellpadding="6" cellspacing="1" border="0" class="border" width="100%">

classes/testingview.class.php

         <div class="head">
           <span><?=self::render_method_definition($Method)?></span>
           <span style="float: right;">
-            <a toggle-target="#method_params_<?=$Index?>" class="brackets">Params</a>
+            <a data-toggle-target="#method_params_<?=$Index?>" class="brackets">Params</a>
             <a href="#" class="brackets run" data-gazelle-id="<?=$Index?>" data-gazelle-class="<?=$ClassName?>" data-gazelle-method="<?=$MethodName?>">Run</a>
           </span>
         </div>

classes/text.class.php

                 }
                 $Str .= '"';
                 if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-                  $Str .= " onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($Group['WikiImage'], true)."\" onmouseleave=\"ungetCover(event)\"";
+                  $Str .= " onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($Group['WikiImage'], true)."\" onmouseleave=\"ungetCover(event)\"";
                 }
                 $Name = empty($Group['Name']) ? (empty($Group['NameRJ']) ? $Group['NameJP'] : $Group['NameRJ']) : $Group['Name'];
                 $Str .= '>'.$Name.'</a>';
     }
     if (count(self::$ProcessedSmileys) == 0 && count(self::$Smileys) > 0) {
       foreach (self::$Smileys as $Key => $Val) {
-        self::$ProcessedSmileys[$Key] = '<img border="0" src="'.STATIC_SERVER.'common/smileys/'.$Val.'" alt="" />';
+        self::$ProcessedSmileys[$Key] = '<img src="'.STATIC_SERVER.'common/smileys/'.$Val.'" alt="" />';
       }
       reset(self::$ProcessedSmileys);
     }

design/privateheader.php

 define('FOOTER_FILE', SERVER_ROOT.'/design/privatefooter.php');
 
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
   <title><?=display_str($PageTitle)?></title>
   <meta charset="utf-8" />
-  <meta id="auth_holder" userid="<?=G::$LoggedUser['ID']?>" authkey="<?=G::$LoggedUser['AuthKey']?>" />
-  <link rel="shortcut icon" href="favicon.ico?v=<?=md5_file('favicon.ico');?>" />
+  <meta name="userid" content="<?=G::$LoggedUser['ID']?>" />
+  <meta name="authkey" content="<?=G::$LoggedUser['AuthKey']?>" />
+  <link rel="shortcut icon" href="favicon.ico?v=<?=md5_file('favicon.ico')?>" />
   <link rel="search" type="application/opensearchdescription+xml" title="<?=SITE_NAME?>" href="<?=STATIC_SERVER?>opensearch.xml">
   <link rel="alternate" type="application/rss+xml"
       href="feeds.php?feed=feed_news&amp;user=<?=G::$LoggedUser['ID']?>&amp;auth=<?=G::$LoggedUser['RSS_Auth']?>&amp;passkey=<?=G::$LoggedUser['torrent_pass']?>&amp;authkey=<?=G::$LoggedUser['AuthKey']?>"
             </div>
           </li>
         </ul>
-        </ul>
       </div>
 <?
 if (isset(G::$LoggedUser['SearchType']) && G::$LoggedUser['SearchType']) { // Advanced search

design/publicheader.php

 global $LoggedUser;
 define('FOOTER_FILE',SERVER_ROOT.'/design/publicfooter.php');
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html>
 <html>
 <head>
   <title><?=display_str($PageTitle)?></title>
-  <meta http-equiv="X-UA-Compatible" content="chrome=1; IE=edge" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <link rel="shortcut icon" href="favicon.ico?v=<?=md5_file('favicon.ico');?>" />
   <link href="<?=STATIC_SERVER ?>styles/public/style.css?v=<?=filemtime(SERVER_ROOT.'/static/styles/public/style.css')?>" rel="stylesheet" type="text/css" />
 <?
 <?
   }
   $img = array_diff(scandir(SERVER_ROOT.'/misc/bg', 1), array('.', '..')); ?>
-  <meta id="bg_data" bg="<?=$img[rand(0,count($img)-1)]?>">
+  <meta name="bg_data" content="<?=$img[rand(0,count($img)-1)]?>">
 </head>
 <body>
 <div id="head"><span>
 <div id="content">
   <table class="layout" id="maincontent">
     <tr>
-      <td align="center" valign="middle">
+      <td class="centered">
         <a href="index.php"><div id="logo"></div></a>
 <?

design/views/generic/reply/quickreply.php

   if (!isset($InputTitle)) {
     $InputTitle = 'Post comment';
   }
-  if (!isset($Action)) {
-    $Action = '';
-  }
-
-  // TODO: Remove inline styles
-
-  // Old to do?
-  // TODO: Preview, come up with a standard, make it look like post or just a
-  // block of formatted BBcode, but decide and write some proper XHTML
-
 
   $ReplyText = new TEXTAREA_PREVIEW('body', 'quickpost', '',
       $TextareaCols, $TextareaRows, false, false, true, array(
             </tr>
             <tr>
 <?  if (Users::has_avatars_enabled()) { ?>
-              <td class="avatar" valign="top">
+              <td class="avatar valign_top">
                 <?=Users::show_avatar(G::$LoggedUser['Avatar'], G::$LoggedUser['ID'], G::$LoggedUser['Username'], (!isset($HeavyInfo['DisableAvatars']) || $HeavyInfo['DisableAvatars']))?>
               </td>
 <?  } ?>
-              <td class="body" valign="top">
+              <td class="body valign_top">
                 <div id="contentpreview" style="text-align: left;">
                   <div id="preview_<?=$ReplyText->getID()?>"></div>
                 </div>
               </td>
             </tr>
           </table>
-          <form class="send_form center" name="reply" id="quickpostform" action="<?=$Action?>" method="post"<? if (!check_perms('users_mod')) { ?> onsubmit="quickpostform.submit_button.disabled = true;"<? } ?>>
+          <form class="send_form center" name="reply" id="quickpostform" <?=isset($Action)?'action="'.$Action.'"':''?> method="post"<? if (!check_perms('users_mod')) { ?> onsubmit="quickpostform.submit_button.disabled = true;"<? } ?>>
             <input type="hidden" name="action" value="<?=$InputAction?>" />
             <input type="hidden" name="auth" value="<?=G::$LoggedUser['AuthKey']?>" />
             <input type="hidden" name="<?=$InputName?>" value="<?=$InputID?>" />

design/views/generic/reply/staffpm.php

 
         <input type="button" value="Preview" class="hidden button_preview_<?=$TextPrev->getID()?>" />
         <input type="submit" value="Send message" />
-        <input type="button" value="Hide" toggle-target="#compose" />
+        <input type="button" value="Hide" data-toggle-target="#compose" />
       </form>
     </div>

sections/artist/artist.php

 
     $DisplayName .= "<a href=\"torrents.php?id=$GroupID\" class=\"tooltip\" title=\"View torrent group\" ";
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover()" ';
+      $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover()" ';
     }
 
     $GroupName = empty($GroupName) ? (empty($GroupNameRJ) ? $GroupNameJP : $GroupNameRJ) : $GroupName;
 
     $DisplayName .= "<a class=\"torrent_name\" href=\"torrents.php?id=$GroupID&amp;torrentid=$TorrentID#torrent$TorrentID\" ";
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= "onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($WikiImage, true)."\" onmouseleave=\"ungetCover(event)\" ";
+      $DisplayName .= "onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($WikiImage, true)."\" onmouseleave=\"ungetCover(event)\" ";
     }
 
     $GroupName = empty($GroupName) ? (empty($GroupNameRJ) ? $GroupNameJP : $GroupNameRJ) : $GroupName;
       <div id="info" class="head">
         <a href="#">&uarr;</a>&nbsp;
         <strong>Information</strong>
-        <a class="brackets" toggle-target="#body">Toggle</a>
+        <a class="brackets" data-toggle-target="#body">Toggle</a>
       </div>
       <div id="body" class="body"><?=Text::full_format($Body)?></div>
     </div>
     $Range = range(0,count($Collages) - 1);
     shuffle($Range);
     $Indices = array_slice($Range, 0, MAX_COLLAGES);
-    $SeeAll = ' <a toggle-target=".collage_rows">(See all)</a>';
+    $SeeAll = ' <a data-toggle-target=".collage_rows">(See all)</a>';
   } else {
     $Indices = range(0, count($Collages)-1);
     $SeeAll = '';

sections/better/covers.php

 
   $DisplayName = "<a href=\"torrents.php?id=$ID\" class=\"tooltip\" title=\"View torrent group\" ";
   if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-    $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
+    $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
   }
   $DisplayName .= "dir=\"ltr\">$Name</a>";
   if ($Year > 0) {

sections/better/screenshots.php

 
   $DisplayName = "<a href=\"torrents.php?id=$ID\" class=\"tooltip\" title=\"View torrent group\" ";
   if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-    $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
+    $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
   }
   $DisplayName .= "dir=\"ltr\">$LangName</a>";
   if ($Year > 0) {

sections/collages/torrent_collage.php

 
   $DisplayName .= "<a href=\"torrents.php?id=$GroupID\" ";
   if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-    $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
+    $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)" ';
   }
   $GroupName = empty($GroupName) ? (empty($GroupNameRJ) ? $GroupNameJP : $GroupNameRJ) : $GroupName;
   $DisplayName .= "dir=\"ltr\">$GroupName</a>";

sections/forums/forum.php

 <? if (Forums::check_forumperm($ForumID, 'Write') && Forums::check_forumperm($ForumID, 'Create')) { ?>
     <a href="forums.php?action=new&amp;forumid=<?=$ForumID?>" class="brackets">New thread</a>
 <? } ?>
-    <a toggle-target="#searchforum" toggle-replace="Hide search" class="brackets">Search this forum</a>
+    <a data-toggle-target="#searchforum" data-toggle-replace="Hide search" class="brackets">Search this forum</a>
     <div id="searchforum" class="hidden center">
       <div style="display: inline-block;">
         <h3>Search this forum:</h3>

sections/forums/newthread.php

     </div>
 <?  if (check_perms('forums_polls_create')) { ?>
     <div class="box thin clear hidden" id="pollpreview">
-      <div class="head colhead_dark"><strong>Poll</strong> <a toggle-target="#threadpoll" class="brackets">View</a></div>
+      <div class="head colhead_dark"><strong>Poll</strong> <a data-toggle-target="#threadpoll" class="brackets">View</a></div>
       <div class="pad" id="threadpoll">
         <p><strong id="pollquestion"></strong></p>
         <div id="pollanswers"></div>
         <tr>
           <td colspan="2" class="center">
             <strong>Poll Settings</strong>
-            <a toggle-target="#poll_question, #poll_answers" class="brackets">View</a>
+            <a data-toggle-target="#poll_question, #poll_answers" class="brackets">View</a>
           </td>
         </tr>
         <tr id="poll_question" class="hidden">

sections/forums/search.php

 <?
   }
   if ($Type == 'body') { ?>
-        <a toggle-target="#post_<?=$PostID?>_text">(Show)</a> <span style="float: right;" class="tooltip last_read" title="Jump to post"><a href="forums.php?action=viewthread&amp;threadid=<?=$ID?><? if (!empty($PostID)) { echo "&amp;postid=$PostID#post$PostID"; } ?>"></a></span>
+        <a data-toggle-target="#post_<?=$PostID?>_text">(Show)</a> <span style="float: right;" class="tooltip last_read" title="Jump to post"><a href="forums.php?action=viewthread&amp;threadid=<?=$ID?><? if (!empty($PostID)) { echo "&amp;postid=$PostID#post$PostID"; } ?>"></a></span>
 <?  } ?>
       </td>
       <td>

sections/forums/thread.php

     <div class="center">
       <a href="reports.php?action=report&amp;type=thread&amp;id=<?=$ThreadID?>" class="brackets">Report thread</a>
       <a href="#" onclick="Subscribe(<?=$ThreadID?>);return false;" id="subscribelink<?=$ThreadID?>" class="brackets"><?=(in_array($ThreadID, $UserSubscriptions) ? 'Unsubscribe' : 'Subscribe')?></a>
-      <a toggle-target="#searchthread" toggle-replace="Hide search" class="brackets">Search this thread</a>
+      <a data-toggle-target="#searchthread" data-toggle-replace="Hide search" class="brackets">Search this thread</a>
     </div>
     <div id="searchthread" class="hidden center">
       <div style="display: inline-block;">
         <form class="search_form" name="forum_thread" action="forums.php" method="get">
           <input type="hidden" name="action" value="search" />
           <input type="hidden" name="threadid" value="<?=$ThreadID?>" />
-          <table cellpadding="6" cellspacing="1" border="0" class="layout border">
+          <table class="layout border">
             <tr>
               <td><strong>Search for:</strong></td>
               <td><input type="search" id="searchbox" name="search" size="70" /></td>
   //User has not voted
 ?>
       <div id="poll_container">
-        <form class="vote_form" name="poll" id="poll" action="">
+        <form class="vote_form" name="poll" id="poll">
           <input type="hidden" name="action" value="poll" />
           <input type="hidden" name="auth" value="<?=$LoggedUser['AuthKey']?>" />
           <input type="hidden" name="large" value="1" />
     $AuthorInfo = Users::user_info($AuthorID);
     if ($LoggedUser['Class'] >= $AuthorInfo['Class']) {
 ?>
-        <form class="manage_form hidden" name="user" id="warn<?=$PostID?>" action="" method="post">
+        <form class="manage_form hidden" name="user" id="warn<?=$PostID?>" method="post">
           <input type="hidden" name="action" value="warn" />
           <input type="hidden" name="postid" value="<?=$PostID?>" />
           <input type="hidden" name="userid" value="<?=$AuthorID?>" />
   </tr>
   <tr>
 <?  if (Users::has_avatars_enabled()) { ?>
-    <td class="avatar" valign="top">
+    <td class="avatar valign_top">
     <?=Users::show_avatar($Avatar, $AuthorID, $Username, $HeavyInfo['DisableAvatars'], 150, true)?>
     </td>
 <?  } ?>
-    <td class="body" valign="top"<? if (!Users::has_avatars_enabled()) { echo ' colspan="2"'; } ?>>
+    <td class="body valign_top"<? if (!Users::has_avatars_enabled()) { echo ' colspan="2"'; } ?>>
       <div id="content<?=$PostID?>">
         <?=Text::full_format($Body) ?>
 <?  if ($EditedUserID) { ?>
 <?    } ?>
         Last edited by
         <?=Users::format_username($EditedUserID, false, false, false, false, false, $IsDonorForum) ?> <?=time_diff($EditedTime, 2, true, true)?>
+        </div>
 <?  } ?>
       </div>
-      </div>
     </td>
   </tr>
 </table>
   $Notes = G::$DB->to_array();
 ?>
   <br />
-  <h3 id="thread_notes">Thread notes</h3> <a toggle-target="#thread_notes_table" class="brackets">Toggle</a>
+  <h3 id="thread_notes">Thread notes</h3> <a data-toggle-target="#thread_notes_table" class="brackets">Toggle</a>
   <form action="forums.php" method="post">
     <input type="hidden" name="action" value="take_topic_notes" />
     <input type="hidden" name="auth" value="<?=$LoggedUser['AuthKey']?>" />
     <input type="hidden" name="topicid" value="<?=$ThreadID?>" />
-    <table cellpadding="6" cellspacing="1" border="0" width="100%" class="layout border hidden" id="thread_notes_table">
+    <table class="layout border hidden" id="thread_notes_table">
 <?
   foreach ($Notes as $Note) {
 ?>
   }
 ?>
       <tr>
-        <td colspan="2" class="center">
+        <td class="center">
           <div class="field_div textarea_wrap"><textarea id="topic_notes" name="body" cols="90" rows="3" onkeyup="resize('threadnotes');" style=" margin: 0px; width: 735px;"></textarea></div>
           <input type="submit" value="Save" />
         </td>
     <input type="hidden" name="threadid" value="<?=$ThreadID?>" />
     <input type="hidden" name="page" value="<?=$Page?>" />
     </div>
-    <table cellpadding="6" cellspacing="1" border="0" width="100%" class="layout border slight_margin">
+    <table class="layout border slight_margin">
       <tr>
         <td class="label"><label for="sticky_thread_checkbox">Sticky</label></td>
         <td>
-          <input type="checkbox" id="sticky_thread_checkbox" toggle-target="#ranking_row" name="sticky"<? if ($ThreadInfo['IsSticky']) { echo ' checked="checked"'; } ?> tabindex="2" />
+          <input type="checkbox" id="sticky_thread_checkbox" data-toggle-target="#ranking_row" name="sticky"<? if ($ThreadInfo['IsSticky']) { echo ' checked="checked"'; } ?> tabindex="2" />
         </td>
       </tr>
       <tr id="ranking_row"<?=!$ThreadInfo['IsSticky'] ? ' class="hidden"' : ''?>>

sections/index/private.php

     $DisplayTime = '('.str_replace(['week','day','hour','min','Just now','s',' '],['w','d','h','m','0m'],time_diff($ExpiryTime, 1, false)).') ';
     $DisplayName = '<a href="torrents.php?torrentid='.$ID.'"';
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= " onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($Image)."\" onmouseleave=\"ungetCover(event)\"";
+      $DisplayName .= " onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($Image)."\" onmouseleave=\"ungetCover(event)\"";
     }
     $DisplayName .= '>'.($Name?$Name:($NameRJ?$NameRJ:$NameJP)).'</a>';
 ?>
   <div class="box" id="recommended">
     <div class="head colhead_dark">
       <strong>Latest Vanity House additions</strong>
-      <a toggle-target="#vanityhouse", toggle-replace="Hide" class="brackets">Show</a>
+      <a data-toggle-target="#vanityhouse", data-toggle-replace="Hide" class="brackets">Show</a>
     </div>
 
     <table class="torrent_table hidden" id="vanityhouse">
 <?  if (check_perms('admin_manage_news')) { ?>
         - <a href="tools.php?action=editnews&amp;id=<?=$NewsID?>" class="brackets">Edit</a>
 <?  } ?>
-      <span style="float: right;"><a toggle-target="#newsbody<?=$NewsID?>" toggle-replace="Show" class="brackets">Hide</a></span>
+      <span style="float: right;"><a data-toggle-target="#newsbody<?=$NewsID?>" data-toggle-replace="Show" class="brackets">Hide</a></span>
       </div>
       <div id="newsbody<?=$NewsID?>" class="pad"><?=Text::full_format($Body)?></div>
     </div>

sections/requests/requests.php

       $ArtistLink = Artists::display_artists($ArtistForm, true, true);
       $FullName = "$ArtistLink<a href=\"requests.php?action=view&amp;id=$RequestID\"><span ";
       if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-        $FullName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($Request['Image']).'" onmouseleave="ungetCover(event)" ';
+        $FullName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($Request['Image']).'" onmouseleave="ungetCover(event)" ';
       }
       $FullName .= "dir=\"ltr\">$Title</span></a>";
 

sections/snatchlist/snatchlist.php

 foreach ($Torrents as $Torrent) {
   $DisplayName = "<a href=\"torrents.php?id=$Torrent[ID]&torrentid=$Torrent[fid]\" ";
   if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-    $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($Torrent['WikiImage'], true).'" onmouseleave="ungetCover(event)" ';
+    $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($Torrent['WikiImage'], true).'" onmouseleave="ungetCover(event)" ';
   }
   $DisplayName .= "dir=\"ltr\">$Torrent[Name]</a>";
 

sections/staff/index.php

     <h3>Contact Staff</h3>
     <div id="below_box">
       <p>If you are looking for help with a general question, we appreciate it if you would only message through the staff inbox, where we can all help you.</p>
-      <p>You can do that by <strong><a toggle-target="#compose">sending a message to the Staff Inbox</a></strong>.</p>
+      <p>You can do that by <strong><a data-toggle-target="#compose">sending a message to the Staff Inbox</a></strong>.</p>
     </div>
     <? View::parse('generic/reply/staffpm.php', array('Hidden' => true)); ?>
 <? if ($FrontLineSupport) { ?>

sections/staffblog/index.php

       <div class="head">
         <?=((empty($_GET['action'])) ? 'Create a staff blog post' : 'Edit staff blog post')?>
         <span style="float: right;">
-          <a toggle-target="#postform" toggle-replace="<?=(($_REQUEST['action'] != 'editblog') ? 'Hide' : 'Show')?>" class="brackets"><?=(($_REQUEST['action'] != 'editblog') ? 'Show' : 'Hide')?></a>
+          <a data-toggle-target="#postform" data-toggle-replace="<?=(($_REQUEST['action'] != 'editblog') ? 'Hide' : 'Show')?>" class="brackets"><?=(($_REQUEST['action'] != 'editblog') ? 'Show' : 'Hide')?></a>
         </span>
       </div>
       <form class="<?=((empty($_GET['action'])) ? 'create_form' : 'edit_form')?>" name="blog_post" action="staffblog.php" method="post">

sections/staffpm/user_inbox.php

   <div class="header">
     <h2>Staff PMs</h2>
     <div class="linkbox">
-      <a toggle-target="#compose" class="brackets">Compose new</a>
+      <a data-toggle-target="#compose" class="brackets">Compose new</a>
     </div>
   </div>
   <br />

sections/staffpm/viewconv.php

   if ($Status != 'Resolved') { ?>
           <input type="button" value="Resolve" onclick="location.href='staffpm.php?action=resolve&amp;id=<?=$ConvID?>';" />
 <?    if ($IsFLS) { //Moved by request ?>
-          <input type="button" value="Common answers" toggle-target="#common_answers" />
+          <input type="button" value="Common answers" data-toggle-target="#common_answers" />
 <?    } ?>
           <input type="button" id="previewbtn" value="Preview" class="hidden button_preview_<?=$TextPrev->getID()?>" />
           <input type="submit" value="Send message" />
   }
   if (check_perms('users_give_donor')) { ?>
           <br />
-          <input type="button" value="Make Donor" toggle-target="#make_donor_form" />
+          <input type="button" value="Make Donor" data-toggle-target="#make_donor_form" />
 <?  } ?>
         </form>
 <?  if (check_perms('users_give_donor')) { ?>

sections/tools/managers/enable_requests.php

     <a class="brackets tooltip" href="tools.php?action=enable_requests&amp;view=invalid_email&amp;<?=Format::get_url(array('view', 'action'))?>" title="Non-matching email address">Invalid Email</a>
     <a class="brackets tooltip" href="tools.php?action=enable_requests&amp;view=ip_overlap&amp;<?=Format::get_url(array('view', 'action'))?>" title="Requests with IP matches to other accounts">IP Overlap</a>
     <a class="brackets tooltip" href="tools.php?action=enable_requests&amp;view=manual_disable&amp;<?=Format::get_url(array('view', 'action'))?>" title="Requests for accounts that were not disabled for inactivity">Manual Disable</a>
-    <a class="brackets tooltip" title="Show/Hide Search" toggle-target="#search_form">Search</a>
-    <a class="brackets tooltip" title="Show/Hide Search" toggle-target="#scores">Scores</a>
+    <a class="brackets tooltip" title="Show/Hide Search" data-toggle-target="#search_form">Search</a>
+    <a class="brackets tooltip" title="Show/Hide Search" data-toggle-target="#scores">Scores</a>
 </div><br />
 <div class="thin">
     <table id="scores" class="hidden" style="width: 50%; margin: 0 auto;">

sections/top10/torrents.php

 
     $DisplayName .= "<a href=\"torrents.php?id=$GroupID&amp;torrentid=$TorrentID\" class=\"tooltip\" title=\"View torrent\" ";
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover()" ';
+      $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover()" ';
     }
 
 

sections/top10/votes.php

 
   $DisplayName .= '<a href="torrents.php?id='.$GroupID.'" dir="ltr"';
   if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-    $DisplayName .= ' onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)"';
+    $DisplayName .= ' onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)"';
   }
   $DisplayName .= '>'.$GroupName.'</a>';
   if ($GroupYear > 0) {
 
     $DisplayName = $Group['Rank'] .' - <a href="torrents.php?id='.$GroupID.'" dir="ltr"';
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= ' onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)"';
+      $DisplayName .= ' onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage, true).'" onmouseleave="ungetCover(event)"';
     }
     $DisplayName .= '>'.$GroupName.'</a>';
     if ($Torrent['IsSnatched']) {

sections/torrents/browse.php

   <div class="header">
     <h2>Torrents</h2>
   </div>
-  <form class="search_form" name="torrents" method="get" action="" onsubmit="$(this).disableUnset();">
+  <form class="search_form" name="torrents" method="get" onsubmit="$(this).disableUnset();">
   <div class="box filter_torrents">
     <div class="head">
       <strong>
       <table class="layout">
         <tr id="artist_name" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label"><!--Artist name:--></td>
-          <td colspan="3" class="ft_artistname">
+          <td class="ft_artistname">
             <input type="search" spellcheck="false" size="65" name="artistname" class="inputtext smaller fti_advanced" placeholder="Artist name" value="<?Format::form('artistname')?>" />
           </td>
         </tr>
         <tr id="album_torrent_name" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label"><!--Torrent name:--></td>
-          <td colspan="3" class="ft_groupname">
+          <td class="ft_groupname">
             <input type="search" spellcheck="false" size="65" name="advgroupname" class="inputtext smaller fti_advanced" placeholder="Torrent name" value="<?Format::form('advgroupname')?>" />
           </td>
         </tr>
         </tr>
         <tr id="file_list" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label"><!--File list:--></td>
-          <td colspan="3" class="ft_filelist">
+          <td class="ft_filelist">
             <input type="search" spellcheck="false" size="65" name="filelist" class="inputtext fti_advanced" placeholder="File list" value="<?Format::form('filelist')?>" />
           </td>
         </tr>
         <tr id="torrent_description" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label"><!--<span title="Search torrent descriptions (not group information)" class="tooltip">Torrent description:</span>--></td>
-          <td colspan="3" class="ft_description">
+          <td class="ft_description">
             <input type="search" spellcheck="false" size="65" name="description" class="inputtext fti_advanced tooltip_left" placeholder="Torrent description" title="Search torrent descriptions (not group information)" value="<?Format::form('description')?>" />
           </td>
         </tr>
         <tr id="rip_specifics" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label">Release specifics:</td>
-          <td class="nobr ft_ripspecifics" colspan="3">
+          <td class="nobr ft_ripspecifics">
             <select id="container" name="container" class="ft_container fti_advanced">
               <option value="">Container</option>
   <?  foreach ($Containers as $Container) { ?>
         </tr>
         <tr id="subber" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label"><!--Translation Group:--></td>
-          <td colspan="3" class="ft_subber">
+          <td class="ft_subber">
             <input type="search" spellcheck="false" size="65" name="subber" class="inputtext smaller fti_advanced" placeholder="Translation Group" value="<?Format::form('subber')?>" />
           </td>
         </tr>
         <tr id="misc" class="ftr_advanced<?=$HideAdvanced?>">
           <td class="label">Misc:</td>
-          <td class="nobr ft_misc" colspan="3">
+          <td class="nobr ft_misc">
             <select name="freetorrent" class="ft_freetorrent fti_advanced">
               <option value="">Leech Status</option>
               <option value="1"<?Format::selected('freetorrent', 1)?>>Freeleech</option>
               <option value="1"<?Format::selected('censored', 1)?>>Censored</option>
               <option value="0"<?Format::selected('censored', 0)?>>Uncensored</option>
             </select>
-            </select>
           </td>
         </tr>
         <tr id="search_terms" class="ftr_basic<?=$HideBasic?>">
           <td class="label"><!--Search terms:--></td>
-          <td colspan="3" class="ftb_searchstr">
+          <td class="ftb_searchstr">
             <input type="search" spellcheck="false" size="48" name="searchstr" class="inputtext fti_basic" placeholder="Search terms" value="<?Format::form('searchstr')?>" />
           </td>
         </tr>
         <tr id="tagfilter">
           <td class="label"><!--<span title="Use !tag to exclude tag" class="tooltip">Tags (comma-separated):</span>--></td>
-          <td colspan="3" class="ft_taglist">
+          <td class="ft_taglist">
             <input type="search" size="37" id="tags" name="taglist" class="inputtext smaller tooltip_left" title="Use !tag to exclude tag" placeholder="Tags (comma separated)" value="<?=display_str($Search->get_terms('taglist'))?>"<? Users::has_autocomplete_enabled('other'); ?> />&nbsp;
             <input type="radio" name="tags_type" id="tags_type0" value="0"<?Format::selected('tags_type', 0, 'checked')?> /><label for="tags_type0"> Any</label>&nbsp;&nbsp;
             <input type="radio" name="tags_type" id="tags_type1" value="1"<?Format::selected('tags_type', 1, 'checked')?> /><label for="tags_type1"> All</label>
         </tr>
         <tr id="order">
           <td class="label">Order by:</td>
-          <td colspan="3" class="ft_order">
+          <td class="ft_order">
             <select name="order_by" style="width: auto;" class="ft_order_by">
               <option value="time"<?Format::selected('order_by', 'time')?>>Time added</option>
               <option value="year"<?Format::selected('order_by', 'year')?>>Year</option>
           <td class="label">
             <label for="group_results">Group by release:</label>
           </td>
-          <td colspan="3" class="ft_group_results">
+          <td class="ft_group_results">
             <input type="checkbox" value="1" name="group_results" id="group_results"<?=$GroupResults ? ' checked="checked"' : ''?> />
           </td>
         </tr>
   $x = 0;
   foreach ($GenreTags as $Tag) {
   ?>
-          <td width="12.5%"><a href="#" onclick="add_tag('<?=$Tag?>'); return false;"><?=$Tag?></a></td>
+          <td><a href="#" onclick="add_tag('<?=$Tag?>'); return false;"><?=$Tag?></a></td>
   <?
     $x++;
     if ($x % 7 == 0) {
   <? } ?>
         </tr>
       </table>
-      <table class="layout cat_list" width="100%">
+      <table class="layout cat_list">
         <tr>
           <td class="label">
-            <a class="brackets" toggle-target="#taglist" toggle-replace="<?=(empty($LoggedUser['ShowTags']) ? 'Hide tags' : 'View tags')?>"><?=(empty($LoggedUser['ShowTags']) ? 'View tags' : 'Hide tags')?></a>
+            <a class="brackets" data-toggle-target="#taglist" data-toggle-replace="<?=(empty($LoggedUser['ShowTags']) ? 'Hide tags' : 'View tags')?>"><?=(empty($LoggedUser['ShowTags']) ? 'View tags' : 'Hide tags')?></a>
           </td>
         </tr>
       </table>
       <td class="small"></td>
   <?  } ?>
       <td class="small cats_col"></td>
-      <td width="100%">Name / <a href="<?=header_link('year')?>">Year</a></td>
+      <td>Name / <a href="<?=header_link('year')?>">Year</a></td>
       <td>Files</td>
       <td><a href="<?=header_link('time')?>">Time</a></td>
       <td><a href="<?=header_link('size')?>">Size</a></td>
     $CoverArt = $GroupInfo['WikiImage'];
     $DisplayName .= "<a class=\"torrent_title\" href=\"torrents.php?id=$GroupID\" ";
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= "onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($CoverArt)."\" onmouseleave=\"ungetCover(event)\" ";
+      $DisplayName .= "onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($CoverArt)."\" onmouseleave=\"ungetCover(event)\" ";
     }
     $DisplayName .= "dir=\"ltr\">$GroupName</a>";
     if ($GroupYear) {
     $CoverArt = $GroupInfo['WikiImage'];
     $DisplayName .= "<a class=\"torrent_name\" href=\"torrents.php?id=$GroupID&amp;torrentid=$TorrentID#torrent$TorrentID\" ";
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= "onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($CoverArt)."\" onmouseleave=\"ungetCover(event)\" ";
+      $DisplayName .= "onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($CoverArt)."\" onmouseleave=\"ungetCover(event)\" ";
     }
     $DisplayName .= "dir=\"ltr\">$GroupName</a>";
     if (isset($GroupedCategories[$CategoryID - 1])) {

sections/torrents/details.php

 <?  }?>
             | <a href="torrents.php?torrentid=<?=$TorrentID ?>" class="tooltip" title="Permalink">PL</a>
           ]</span>
-          &raquo; <a toggle-target="#torrent_<?=$TorrentID?>"><?=$ExtraInfo; ?></a>
+          &raquo; <a data-toggle-target="#torrent_<?=$TorrentID?>"><?=$ExtraInfo; ?></a>
         </td>
         <td class="number_column nobr"><?=Format::get_size($Size)?></td>
         <td class="number_column"><?=number_format($Snatched)?></td>
     <div class="box">
       <div class="head">
         <span style="font-weight: bold;">Requests (<?=number_format(count($Requests))?>)</span>
-        <a toggle-target="#requests" toggle-replace="Hide" style="float: right;" class="brackets">Show</a>
+        <a data-toggle-target="#requests" data-toggle-replace="Hide" style="float: right;" class="brackets">Show</a>
       </div>
       <table id="requests" class="request_table hidden">
         <tr class="colhead">
     $Range = range(0, count($Collages) - 1);
     shuffle($Range);
     $Indices = array_slice($Range, 0, MAX_COLLAGES);
-    $SeeAll = ' <a toggle-target=".collage_rows">(See all)</a>';
+    $SeeAll = ' <a data-toggle-target=".collage_rows">(See all)</a>';
   } else {
     $Indices = range(0, count($Collages) - 1);
     $SeeAll = '';
     $Range = range(0,count($PersonalCollages) - 1);
     shuffle($Range);
     $Indices = array_slice($Range, 0, MAX_PERS_COLLAGES);
-    $SeeAll = ' <a toggle-target=".personal_rows">(See all)</a>';
+    $SeeAll = ' <a data-toggle-target=".personal_rows">(See all)</a>';
   } else {
     $Indices = range(0, count($PersonalCollages) - 1);
     $SeeAll = '';
 <?
     if (count($Screenshots) > 0) {
 ?>
-    <a style="float: right;" class='brackets' toggle-target=".torrent_screenshots" toggle-replace="Hide">Show</a>
+    <a style="float: right;" class='brackets' data-toggle-target=".torrent_screenshots" data-toggle-replace="Hide">Show</a>
 <?  }
 
     $DB->query("

sections/torrents/functions.php

 <?  } ?>
               | <a href="torrents.php?torrentid=<?=($TorrentID)?>" class="tooltip" title="Permalink">PL</a>
             ]</span>
-            &raquo; <a toggle-target="#torrent_<?=($TorrentID)?>"><?=($ExtraInfo)?></a>
+            &raquo; <a data-toggle-target="#torrent_<?=($TorrentID)?>"><?=($ExtraInfo)?></a>
           </td>
           <td class="number_column nobr"><?=(Format::get_size($Size))?></td>
           <td class="number_column"><?=(number_format($Snatched))?></td>

sections/torrents/notify.php

       }
       $DisplayName .= "<a href=\"torrents.php?id=$GroupID&amp;torrentid=$TorrentID#torrent$TorrentID\" ";
       if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-         $DisplayName .= "onmouseover=\"getCover(event)\" cover=\"".ImageTools::process($GroupInfo['WikiImage'], true)."\" onmouseleave=\"ungetCover(event)\" ";
+         $DisplayName .= "onmouseover=\"getCover(event)\" data-cover=\"".ImageTools::process($GroupInfo['WikiImage'], true)."\" onmouseleave=\"ungetCover(event)\" ";
       }
       $DisplayName .= "class=\"tooltip\" title=\"View torrent\" dir=\"ltr\">" . $GroupInfo['Name'] . '</a>';
 

sections/torrents/user.php

     }
     $DisplayName .= '<a href="torrents.php?id='.$GroupID.'&amp;torrentid='.$TorrentID.'" ';
     if (!isset($LoggedUser['CoverArt']) || $LoggedUser['CoverArt']) {
-      $DisplayName .= 'onmouseover="getCover(event)" cover="'.ImageTools::process($WikiImage).'" onmouseleave="ungetCover()" ';
+      $DisplayName .= 'onmouseover="getCover(event)" data-cover="'.ImageTools::process($WikiImage).'" onmouseleave="ungetCover()" ';
     }
     $GroupName = empty($GroupName) ? (empty($GroupNameRJ) ? $GroupNameJP : $GroupNameRJ) : $GroupName;
     $DisplayName .= 'dir="ltr">'.$GroupName.'</a>';

sections/torrents/voter_picks.php

 ?>
     <table class="box vote_matches_table" id="vote_matches">
       <tr class="colhead">
-        <td><a href="#">&uarr;</a>&nbsp;People who like this also liked... <a toggle-target=".votes_rows" class="brackets" style="float: right;">Toggle</a></td>
+        <td><a href="#">&uarr;</a>&nbsp;People who like this also liked... <a data-toggle-target=".votes_rows" class="brackets" style="float: right;">Toggle</a></td>
       </tr>
 <?
   $Top10Groups = array_keys($Top10);

sections/upload/upload.php

   <p><?=$NewDNU ? '<strong class="important_text">' : '' ?>Last updated: <?=time_diff($Updated)?><?=$NewDNU ? '</strong>' : '' ?></p>
   <p>The following releases are currently forbidden from being uploaded to the site. Do not upload them unless your torrent meets a condition specified in the comment.
 <?  if ($HideDNU) { ?>
-  <span id="showdnu"><a toggle-target="#dnulist" toggle-replace="Hide" class="brackets">Show</a></span>
+  <span id="showdnu"><a data-toggle-target="#dnulist" data-toggle-replace="Hide" class="brackets">Show</a></span>
 <?  } ?>
   </p>
   <table id="dnulist" class="<?=($HideDNU ? 'hidden' : '')?>">

sections/user/edit.php

             <option value="<?=($Style['ID'])?>"<?=$Style['ID'] == $StyleID ? ' selected="selected"' : ''?>><?=($Style['ProperName'])?></option>
 <?  } ?>
           </select>&nbsp;&nbsp;
-          <a toggle-target="#css_gallery" class="brackets">Show gallery</a>
+          <a data-toggle-target="#css_gallery" class="brackets">Show gallery</a>
           <div id="css_gallery" class="hidden">
 <?  foreach ($Stylesheets as $Style) { ?>
             <div class="preview_wrapper">

sections/user/linkedfunctions.php

       <input type="hidden" id="form_comment_hash" name="form_comment_hash" value="<?=$CommentHash?>" />
       <div class="box box2" id="l_a_box">
         <div class="head">
-          Linked Accounts (<?=max($DupeCount - 1, 0)?>) <span style="float: right;"><a toggle-target=".linkedaccounts" class="brackets">Toggle</a></span>
+          Linked Accounts (<?=max($DupeCount - 1, 0)?>) <span style="float: right;"><a data-toggle-target=".linkedaccounts" class="brackets">Toggle</a></span>
         </div>
         <table width="100%" class="layout hidden linkedaccounts">
           <?=($DupeCount ? "<tr>\n" : '')?>

sections/user/notify_edit.php

     <a href="feeds.php?feed=torrents_notify_<?=$N['ID']?>_<?=$LoggedUser['torrent_pass']?>&amp;user=<?=$LoggedUser['ID']?>&amp;auth=<?=$LoggedUser['RSS_Auth']?>&amp;passkey=<?=$LoggedUser['torrent_pass']?>&amp;authkey=<?=$LoggedUser['AuthKey']?>&amp;name=<?=urlencode($N['Label'])?>"><img src="<?=STATIC_SERVER?>/common/symbols/rss.png" alt="RSS feed" /></a>
     <?=display_str($N['Label'])?>
     <a href="user.php?action=notify_delete&amp;id=<?=$N['ID']?>&amp;auth=<?=$LoggedUser['AuthKey']?>" onclick="return confirm('Are you sure you want to delete this notification filter?')" class="brackets">Delete</a>
-    <a toggle-target="#filter_<?=$N['ID']?>" class="brackets">Show</a>
+    <a data-toggle-target="#filter_<?=$N['ID']?>" class="brackets">Show</a>
   </h3>
 <?  } ?>
   <form class="box pad slight_margin <?=($NewFilter ? 'create_form' : 'edit_form')?>" id="<?=($NewFilter ? 'filter_form' : '')?>" name="notification" action="user.php" method="post">

sections/user/user.php

     <div class="box">
       <div class="head">
         <?=!empty($InfoTitle) ? $InfoTitle : 'Profile';?>
-        <span style="float: right;"><a toggle-target="#profilediv" toggle-replace="Show" class="brackets">Hide</a></span>&nbsp;
+        <span style="float: right;"><a data-toggle-target="#profilediv" data-toggle-replace="Show" class="brackets">Hide</a></span>&nbsp;
       </div>
       <div class="pad profileinfo" id="profilediv">
 <?
     <div class="head">
       <?=display_str($CName)?> - <a href="collages.php?id=<?=$CollageID?>" class="brackets">See full</a>
       <span style="float: right;">
-        <a toggle-target="#collage<?=$CollageID?>_box .collage_images" toggle-replace="Show" class="brackets">Hide</a>
+        <a data-toggle-target="#collage<?=$CollageID?>_box .collage_images" data-toggle-replace="Show" class="brackets">Hide</a>
       </span>
     </div>
     <div id="user_collage_images" class="collage_images">
 ?>
     <div class="box" id="invitetree_box">
       <div class="head">
-        Invite Tree <span style="float: right"><a toggle-target="#invitetree" class="brackets">Toggle</a></span>
+        Invite Tree <span style="float: right"><a data-toggle-target="#invitetree" class="brackets">Toggle</a></span>
       </div>
       <div id="invitetree" class="hidden">
 <?        $Tree->make_tree(); ?>
 ?>
     <div class="box" id="requests_box">
       <div class="head">
-        Requests <span style="float: right;"><a toggle-target="#requests" class="brackets">Show</a></span>
+        Requests <span style="float: right;"><a data-toggle-target="#requests" class="brackets">Show</a></span>
       </div>
       <div id="requests" class="hidden">
         <table cellpadding="6" cellspacing="1" border="0" width="100%">
 ?>
     <div class="box" id="staffpms_box">
       <div class="head">
-        Staff PMs <a toggle-target="#staffpms" class="brackets" style="float:right;">Toggle</a>
+        Staff PMs <a data-toggle-target="#staffpms" class="brackets" style="float:right;">Toggle</a>
       </div>
       <table width="100%" class="message_table hidden" id="staffpms">
         <tr class="colhead">
         Staff Notes
         <a href="#" name="admincommentbutton" onclick="ChangeTo('text'); return false;" class="brackets">Edit</a>
         <span style="float: right;">
-        <a toggle-target="#staffnotes" class="brackets">Toggle</a>
+        <a data-toggle-target="#staffnotes" class="brackets">Toggle</a>
         </span>
       </div>
       <div id="staffnotes" class="pad">

sections/userhistory/email_history2.php

     $Record['IP'] = apc_exists('DBKEY') ? DBCrypt::decrypt($Record['IP']) : '[Encrypted]';
 ?>
     <tr class="row">
-      <td><?=display_str($Record['Email'])?><?=(($MatchCount > 0) ? ' <a toggle-target="#matches_'.$j.'">('.$MatchCount.')</a>' : '')?></td>
+      <td><?=display_str($Record['Email'])?><?=(($MatchCount > 0) ? ' <a data-toggle-target="#matches_'.$j.'">('.$MatchCount.')</a>' : '')?></td>
       <td><?=time_diff($Record['StartTime'])?></td>
       <td><?=time_diff($Record['EndTime'])?></td>
       <td><?=time_diff($Record['ElapsedTime'])?></td>
 $Invite['IP'] = apc_exists('DBKEY') ? DBCrypt::decrypt($Invite['IP']) : '[Encrypted]';
 ?>
     <tr class="row">
-      <td><?=display_str($Invite['Email'])?><?=(($MatchCount > 0) ? ' <a toggle-target="#matches_invite">('.$MatchCount.')</a>' : '')?></td>
+      <td><?=display_str($Invite['Email'])?><?=(($MatchCount > 0) ? ' <a data-toggle-target="#matches_invite">('.$MatchCount.')</a>' : '')?></td>
       <td>Never</td>
       <td><?=time_diff($Invite['EndTime'])?></td>
       <td><?=time_diff($Invite['AccountAge'])?></td>

sections/userhistory/subscribed_collages.php

           <strong><a href="collage.php?id=<?=$CollageID?>"><?=$CollageName?></a></strong> (<?=$NewTorrentCount?> new torrent<?=($NewTorrentCount == 1 ? '' : 's')?>)
         </span>&nbsp;
         <span style="float: right;">
-          <a toggle-target="#discog_table_<?=$CollageID?>" toggle-replace="<?=($ShowAll ? 'Hide' : 'Show')?>" class="brackets"><?=($ShowAll ? 'Show' : 'Hide')?></a>&nbsp;&nbsp;&nbsp;<a href="userhistory.php?action=catchup_collages&amp;auth=<?=$LoggedUser['AuthKey']?>&amp;collageid=<?=$CollageID?>" class="brackets">Catch up</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="CollageSubscribe(<?=$CollageID?>); return false;" id="subscribelink<?=$CollageID?>" class="brackets">Unsubscribe</a>
+          <a data-toggle-target="#discog_table_<?=$CollageID?>" data-toggle-replace="<?=($ShowAll ? 'Hide' : 'Show')?>" class="brackets"><?=($ShowAll ? 'Show' : 'Hide')?></a>&nbsp;&nbsp;&nbsp;<a href="userhistory.php?action=catchup_collages&amp;auth=<?=$LoggedUser['AuthKey']?>&amp;collageid=<?=$CollageID?>" class="brackets">Catch up</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="CollageSubscribe(<?=$CollageID?>); return false;" id="subscribelink<?=$CollageID?>" class="brackets">Unsubscribe</a>
         </span>
       </td>
     </tr>

static/functions/browse.js

   }
   //Preload first result's cover
   if ($('#torrent_table').length > 0) {
-    var a = $('a[cover]')[0]
-    if (a) preload(a.attributes.cover.value)
+    var a = $('a[data-cover]')[0]
+    if (a) preload(a.attributes['data-cover'].value)
   }
 })

static/functions/global.js

 }
 
 function getCover(event) {
-  image = event.target.attributes.cover.value
+  image = event.target.attributes['data-cover'].value
   $('#coverCont img').remove()
   var coverCont = ($('#coverCont').length==0)?document.body.appendChild(document.createElement('div')):$('#coverCont')[0]
   coverCont.id = 'coverCont'
   coverCont.style.display = 'block'
   //Preload next image
   if ($('.torrent_table, .request_table').length > 0) {
-    var as = $('[cover]')
+    var as = $('[data-cover]')
     var a = event.target
-    preload((as[as.toArray().indexOf(a)+1]||as[0]).attributes.cover.value)
-    preload((as[as.toArray().indexOf(a)-1]||as[0]).attributes.cover.value)
+    preload((as[as.toArray().indexOf(a)+1]||as[0]).attributes['data-cover'].value)
+    preload((as[as.toArray().indexOf(a)-1]||as[0]).attributes['data-cover'].value)
   }
 }
 function ungetCover(event) {
 
 $(function() {
   if ($('.request_table').length > 0) {
-    var a = $('[cover]')[0]
-    if (a) preload(a.attributes.cover.value)
+    var a = $('[data-cover]')[0]
+    if (a) preload(a.attributes['data-cover'].value)
   }
 
-  document.querySelectorAll('[toggle-target]').forEach(function(el) {
+  document.querySelectorAll('[data-toggle-target]').forEach(function(el) {
     el.addEventListener('click', function(event) {
-      $(el.attributes['toggle-target'].value).gtoggle()
-      if (el.attributes['toggle-replace']) {
-        [el.innerHTML, el.attributes['toggle-replace'].value] = [el.attributes['toggle-replace'].value, el.innerHTML]
+      $(el.attributes['data-toggle-target'].value).gtoggle()
+      if (el.attributes['data-toggle-replace']) {
+        [el.innerHTML, el.attributes['data-toggle-replace'].value] = [el.attributes['data-toggle-replace'].value, el.innerHTML]
       }
     })
   })

static/functions/news_ajax.js

           }));
           // I'm so happy with this condition statement.
           if (privileged) {
-            $('#news' + this[0]).append('<div class="head"><strong>' + this[1] + '</strong> ' + this[2] + ' - <a href="tools.php?action=editnews&amp;id=' + this[0] + '" class="brackets">Edit</a><span style="float: right;"><a class="brackets" toggle-target="#newsbody' + this[0] + '" toggle-replace="Show">Hide</a></span></div>');
+            $('#news' + this[0]).append('<div class="head"><strong>' + this[1] + '</strong> ' + this[2] + ' - <a href="tools.php?action=editnews&amp;id=' + this[0] + '" class="brackets">Edit</a><span style="float: right;"><a class="brackets" data-toggle-target="#newsbody' + this[0] + '" data-toggle-replace="Show">Hide</a></span></div>');
           } else {
-            $('#news' + this[0]).append('<div class="head"><strong>' + this[1] + '</strong> ' + this[2] + '<span style="float: right;"><a class="brackets" toggle-target="#newsbody' + this[0] + '" toggle-replace="Show">Hide</a></span></div>');
+            $('#news' + this[0]).append('<div class="head"><strong>' + this[1] + '</strong> ' + this[2] + '<span style="float: right;"><a class="brackets" data-toggle-target="#newsbody' + this[0] + '" data-toggle-replace="Show">Hide</a></span></div>');
           }
           $('#news' + this[0]).append('<div class="pad" id="newsbody'+this[0]+'">' + this[3] + '</div>');
         });

static/functions/public.js

 $(() => {
-  if ($('#bg_data')) {
-    $('#content')[0].style.backgroundImage = "url(/misc/bg/"+$('#bg_data')[0].attributes.bg.value+")";
+  if ($('[name=bg_data]')) {
+    $('#content')[0].style.backgroundImage = "url(/misc/bg/"+$('[name=bg_data]')[0].attributes.content.value+")";
   }
 
   if ($('#no-cookies')) {

static/functions/script_start.js

   }
 });
 
-if (document.head.children.auth_holder) {
-  var authkey = document.head.children.auth_holder.attributes.authkey.value;
-  var userid = parseInt(document.head.children.auth_holder.attributes.userid.value);
+if ($('meta[name=authkey]')) {
+  var authkey = $('meta[name=authkey]').raw().content;
+  var userid = parseInt($('meta[name=userid]').raw().content);
 }

static/styles/global.css

   width: 20%;
 }
 
-[toggle-target], [quote-jump] {
+[data-toggle-target], [quote-jump] {
   cursor: pointer;
 }
 
   width: 95%
 }
 
-td.label {
+td.label, .valign_top {
   vertical-align: top;
 }
 
   max-width: 500px;
 }
 
+.display_block {
+  display: block;
+}
+
 .sidebar img {
   max-width: 100%;
   width: initial;

static/styles/public/style.css

   text-align: justify;
 }
 
+.centered {
+  text-align: center;
+  vertical-align: middle;
+}
+
 .hidden {
   display: none;
 }