Retab project

design/privatefooter.php

@@ -1,44 +1,44 @@
 </div>
 <?php TEXTAREA_PREVIEW::JavaScript(); ?>
 <div id="footer">
-<? 	if (!empty($Options['disclaimer'])) { ?>
-	<br /><br />
-	<div id="disclaimer_container" class="thin" style="text-align: center; margin-bottom: 20px;">
-		None of the files shown here are actually hosted on this server. The links are provided solely by this site's users. These BitTorrent files are meant for the distribution of backup files. By downloading the BitTorrent file, you are claiming that you own the original file. The administrator of this site (<?=site_url()?>) holds NO RESPONSIBILITY if these files are misused in any way and cannot be held responsible for what its users post, or any other actions of it.
-	</div>
-	<div class='thin'><a href='/canary.php'>Warrant Canary</a></div>
+<?   if (!empty($Options['disclaimer'])) { ?>
+  <br /><br />
+  <div id="disclaimer_container" class="thin" style="text-align: center; margin-bottom: 20px;">
+    None of the files shown here are actually hosted on this server. The links are provided solely by this site's users. These BitTorrent files are meant for the distribution of backup files. By downloading the BitTorrent file, you are claiming that you own the original file. The administrator of this site (<?=site_url()?>) holds NO RESPONSIBILITY if these files are misused in any way and cannot be held responsible for what its users post, or any other actions of it.
+  </div>
+  <div class='thin'><a href='/canary.php'>Warrant Canary</a></div>
 <?
-	}
-	if (count($UserSessions) > 1) {
-		foreach ($UserSessions as $ThisSessionID => $Session) {
-			if ($ThisSessionID != $SessionID) {
-				$LastActive = $Session;
-				break;
-			}
-		}
-	}
+  }
+  if (count($UserSessions) > 1) {
+    foreach ($UserSessions as $ThisSessionID => $Session) {
+      if ($ThisSessionID != $SessionID) {
+        $LastActive = $Session;
+        break;
+      }
+    }
+  }
 
-	$Load = sys_getloadavg();
+  $Load = sys_getloadavg();
 ?>
-	<p>Site and design &copy; <?=date('Y')?> <?=SITE_NAME?></p>
-<?	if (!empty($LastActive)) { ?>
-	<p>
-		<a href="user.php?action=sessions">
-			<span class="tooltip" title="Manage sessions">Last activity: </span><?=time_diff($LastActive['LastUpdate'])?><span class="tooltip" title="Manage sessions"> from <?=(apc_exists('DBKEY')?(DBCrypt::decrypt($LastActive['IP'])):'[Encrypted]') ?></span>
-		</a>
-	</p>
-<?	} ?>
-	<p>
-		<strong>Time:</strong> <span><?=number_format(((microtime(true) - $ScriptStartTime) * 1000), 5)?> ms</span>
-		<strong>Used:</strong> <span><?=Format::get_size(memory_get_usage(true))?></span>
-		<strong>Load:</strong> <span><?=number_format($Load[0], 2).' '.number_format($Load[1], 2).' '.number_format($Load[2], 2)?></span>
-		<strong>Date:</strong> <span id="site_date"><?=date('M d Y')?></span>, <span id="site_time"><?=date('H:i')?></span>
+  <p>Site and design &copy; <?=date('Y')?> <?=SITE_NAME?></p>
+<?  if (!empty($LastActive)) { ?>
+  <p>
+    <a href="user.php?action=sessions">
+      <span class="tooltip" title="Manage sessions">Last activity: </span><?=time_diff($LastActive['LastUpdate'])?><span class="tooltip" title="Manage sessions"> from <?=(apc_exists('DBKEY')?(DBCrypt::decrypt($LastActive['IP'])):'[Encrypted]') ?></span>
+    </a>
+  </p>
+<?  } ?>
+  <p>
+    <strong>Time:</strong> <span><?=number_format(((microtime(true) - $ScriptStartTime) * 1000), 5)?> ms</span>
+    <strong>Used:</strong> <span><?=Format::get_size(memory_get_usage(true))?></span>
+    <strong>Load:</strong> <span><?=number_format($Load[0], 2).' '.number_format($Load[1], 2).' '.number_format($Load[2], 2)?></span>
+    <strong>Date:</strong> <span id="site_date"><?=date('M d Y')?></span>, <span id="site_time"><?=date('H:i')?></span>
 
-	</p>
-	</div>
+  </p>
+  </div>
 <? if (DEBUG_MODE || check_perms('site_debug')) { ?>
-	<!-- Begin Debugging -->
-	<div id="site_debug">
+  <!-- Begin Debugging -->
+  <div id="site_debug">
 <?
 $Debug->perf_table();
 $Debug->flag_table();
@@ -49,8 +49,8 @@ $Debug->cache_table();
 $Debug->vars_table();
 $Debug->ocelot_table();
 ?>
-	</div>
-	<!-- End Debugging -->
+  </div>
+  <!-- End Debugging -->
 <? } ?>
 
 </div>
@@ -59,9 +59,9 @@ $Debug->ocelot_table();
 <?
 global $NotificationSpans;
 if (!empty($NotificationSpans)) {
-	foreach ($NotificationSpans as $Notification) {
-		echo "$Notification\n";
-	}
+  foreach ($NotificationSpans as $Notification) {
+    echo "$Notification\n";
+  }
 }
 ?>
 <!-- Extra divs, for stylesheet developers to add imagery -->

design/publicfooter.php

@@ -3,7 +3,7 @@
   </table>
 </div>
 <div id="foot">
-	<span><a href="#"><?=SITE_NAME?></a> | <a href="https://what.cd/gazelle/">Project Gazelle</a></span>
+  <span><a href="#"><?=SITE_NAME?></a> | <a href="https://what.cd/gazelle/">Project Gazelle</a></span>
 </div>
 </body>
 </html>

design/publicheader.php

@@ -5,16 +5,16 @@ 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">
 <html>
 <head>
-	<title><?=display_str($PageTitle)?></title>
-	<meta http-equiv="X-UA-Compatible" content="chrome=1; 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" />
-	<script src="<?=STATIC_SERVER?>functions/jquery.js" type="text/javascript"></script>
-	<script src="<?=STATIC_SERVER?>functions/script_start.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/script_start.js')?>" type="text/javascript"></script>
-	<script src="<?=STATIC_SERVER?>functions/ajax.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/ajax.class.js')?>" type="text/javascript"></script>
-	<script src="<?=STATIC_SERVER?>functions/cookie.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/cookie.class.js')?>" type="text/javascript"></script>
-	<script src="<?=STATIC_SERVER?>functions/storage.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/storage.class.js')?>" type="text/javascript"></script>
-	<script src="<?=STATIC_SERVER?>functions/global.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/global.js')?>" type="text/javascript"></script>
+  <title><?=display_str($PageTitle)?></title>
+  <meta http-equiv="X-UA-Compatible" content="chrome=1; 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" />
+  <script src="<?=STATIC_SERVER?>functions/jquery.js" type="text/javascript"></script>
+  <script src="<?=STATIC_SERVER?>functions/script_start.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/script_start.js')?>" type="text/javascript"></script>
+  <script src="<?=STATIC_SERVER?>functions/ajax.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/ajax.class.js')?>" type="text/javascript"></script>
+  <script src="<?=STATIC_SERVER?>functions/cookie.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/cookie.class.js')?>" type="text/javascript"></script>
+  <script src="<?=STATIC_SERVER?>functions/storage.class.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/storage.class.js')?>" type="text/javascript"></script>
+  <script src="<?=STATIC_SERVER?>functions/global.js?v=<?=filemtime(SERVER_ROOT.'/static/functions/global.js')?>" type="text/javascript"></script>
 <? $img = array_diff(scandir(SERVER_ROOT.'/misc/bg', 1), array('.', '..')); ?>
   <style> #content { background-image: url(<? echo("'/misc/bg/" . $img[rand(0,count($img)-1)] . "'"); ?>); }</style>
 </head>

design/views/generic/reply/quickreply.php

@@ -5,13 +5,13 @@
  *
  * To include it in a section use this example.
 
-		View::parse('generic/reply/quickreply.php', array(
-			'InputTitle' => 'Post reply',
-			'InputName' => 'thread',
-			'InputID' => $ThreadID,
-			'ForumID' => $ForumID,
-			'TextareaCols' => 90
-		));
+    View::parse('generic/reply/quickreply.php', array(
+      'InputTitle' => 'Post reply',
+      'InputName' => 'thread',
+      'InputID' => $ThreadID,
+      'ForumID' => $ForumID,
+      'TextareaCols' => 90
+    ));
 
  * Note that InputName and InputID are the only required variables
  * They're used to construct the $_POST.
@@ -27,133 +27,133 @@
  * comments), add a key 'SubscribeBox' to the array passed to View::parse.
  * Example:
 
-		View::parse('generic/reply/quickreply.php', array(
-			'InputTitle' => 'Post comment',
-			'InputName' => 'groupid',
-			'InputID' => $GroupID,
-			'TextareaCols' => 65,
-			'SubscribeBox' => true
-		));
+    View::parse('generic/reply/quickreply.php', array(
+      'InputTitle' => 'Post comment',
+      'InputName' => 'groupid',
+      'InputID' => $GroupID,
+      'TextareaCols' => 65,
+      'SubscribeBox' => true
+    ));
  */
-	global $HeavyInfo, $UserSubscriptions, $ThreadInfo, $Document;
+  global $HeavyInfo, $UserSubscriptions, $ThreadInfo, $Document;
 
-	if (G::$LoggedUser['DisablePosting']) {
-		return;
-	}
-	if (!isset($TextareaCols)) {
-		$TextareaCols = 70;
-	}
-	if (!isset($TextareaRows)) {
-		$TextareaRows = 8;
-	}
-	if (!isset($InputAction)) {
-		$InputAction = 'reply';
-	}
-	if (!isset($InputTitle)) {
-		$InputTitle = 'Post comment';
-	}
-	if (!isset($Action)) {
-		$Action = '';
-	}
+  if (G::$LoggedUser['DisablePosting']) {
+    return;
+  }
+  if (!isset($TextareaCols)) {
+    $TextareaCols = 70;
+  }
+  if (!isset($TextareaRows)) {
+    $TextareaRows = 8;
+  }
+  if (!isset($InputAction)) {
+    $InputAction = 'reply';
+  }
+  if (!isset($InputTitle)) {
+    $InputTitle = 'Post comment';
+  }
+  if (!isset($Action)) {
+    $Action = '';
+  }
 
-	// TODO: Remove inline styles
+  // 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
+  // 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(
-				'tabindex="1"',
-				'onkeyup="resize(\'quickpost\')"'
-			));
+  $ReplyText = new TEXTAREA_PREVIEW('body', 'quickpost', '',
+      $TextareaCols, $TextareaRows, false, false, true, array(
+        'tabindex="1"',
+        'onkeyup="resize(\'quickpost\')"'
+      ));
 ?>
 
-			<br />
-			<div id="reply_box">
-				<h3><?=$InputTitle?></h3>
-				<div class="box pad">
-					<table class="forum_post box vertical_margin hidden preview_wrap" id="preview_wrap_<?=$ReplyText->getID()?>">
-						<colgroup>
-<?	if (Users::has_avatars_enabled()) { ?>
-							<col class="col_avatar" />
-<?	} ?>
-							<col class="col_post_body" />
-						</colgroup>
-						<tr class="colhead_dark">
-							<td colspan="<?=(Users::has_avatars_enabled() ? 2 : 1)?>">
-								<div style="float: left;"><a href="#quickreplypreview">#XXXXXX</a>
-									by <strong><?=Users::format_username(G::$LoggedUser['ID'], true, true, true, true)?></strong> Just now
-								</div>
-								<div style="float: right;">
-									<a href="#quickreplypreview" class="brackets">Report</a>
-									&nbsp;
-									<a href="#">&uarr;</a>
-								</div>
-							</td>
-						</tr>
-						<tr>
-<?	if (Users::has_avatars_enabled()) { ?>
-							<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">
-								<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;"<? } ?>>
-						<input type="hidden" name="action" value="<?=$InputAction?>" />
-						<input type="hidden" name="auth" value="<?=G::$LoggedUser['AuthKey']?>" />
-						<input type="hidden" name="<?=$InputName?>" value="<?=$InputID?>" />
-						<div id="quickreplytext">
+      <br />
+      <div id="reply_box">
+        <h3><?=$InputTitle?></h3>
+        <div class="box pad">
+          <table class="forum_post box vertical_margin hidden preview_wrap" id="preview_wrap_<?=$ReplyText->getID()?>">
+            <colgroup>
+<?  if (Users::has_avatars_enabled()) { ?>
+              <col class="col_avatar" />
+<?  } ?>
+              <col class="col_post_body" />
+            </colgroup>
+            <tr class="colhead_dark">
+              <td colspan="<?=(Users::has_avatars_enabled() ? 2 : 1)?>">
+                <div style="float: left;"><a href="#quickreplypreview">#XXXXXX</a>
+                  by <strong><?=Users::format_username(G::$LoggedUser['ID'], true, true, true, true)?></strong> Just now
+                </div>
+                <div style="float: right;">
+                  <a href="#quickreplypreview" class="brackets">Report</a>
+                  &nbsp;
+                  <a href="#">&uarr;</a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+<?  if (Users::has_avatars_enabled()) { ?>
+              <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">
+                <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;"<? } ?>>
+            <input type="hidden" name="action" value="<?=$InputAction?>" />
+            <input type="hidden" name="auth" value="<?=G::$LoggedUser['AuthKey']?>" />
+            <input type="hidden" name="<?=$InputName?>" value="<?=$InputID?>" />
+            <div id="quickreplytext">
 <?
-							echo $ReplyText->getBuffer();
+              echo $ReplyText->getBuffer();
 ?>
-							<br />
-						</div>
-						<div class="preview_submit">
+              <br />
+            </div>
+            <div class="preview_submit">
 <?
-	if (isset($SubscribeBox) && !isset($ForumID) && Subscriptions::has_subscribed_comments($Document, $InputID) === false) {
+  if (isset($SubscribeBox) && !isset($ForumID) && Subscriptions::has_subscribed_comments($Document, $InputID) === false) {
 ?>
-							<input id="subscribebox" type="checkbox" name="subscribe"<?=!empty($HeavyInfo['AutoSubscribe']) ? ' checked="checked"' : ''?> tabindex="2" />
-							<label for="subscribebox">Subscribe</label>
+              <input id="subscribebox" type="checkbox" name="subscribe"<?=!empty($HeavyInfo['AutoSubscribe']) ? ' checked="checked"' : ''?> tabindex="2" />
+              <label for="subscribebox">Subscribe</label>
 <?
-	}
-	// Forum thread logic
-	// This might use some more abstraction
-	if (isset($ForumID)) {
-		if (!Subscriptions::has_subscribed($InputID)) {
+  }
+  // Forum thread logic
+  // This might use some more abstraction
+  if (isset($ForumID)) {
+    if (!Subscriptions::has_subscribed($InputID)) {
 ?>
-							<input id="subscribebox" type="checkbox" name="subscribe"<?=!empty($HeavyInfo['AutoSubscribe']) ? ' checked="checked"' : ''?> tabindex="2" />
-							<label for="subscribebox">Subscribe</label>
+              <input id="subscribebox" type="checkbox" name="subscribe"<?=!empty($HeavyInfo['AutoSubscribe']) ? ' checked="checked"' : ''?> tabindex="2" />
+              <label for="subscribebox">Subscribe</label>
 <?
-		}
-		if ($ThreadInfo['LastPostAuthorID'] == G::$LoggedUser['ID']
-			&& (check_perms('site_forums_double_post')
-				|| in_array($ForumID, FORUMS_TO_ALLOW_DOUBLE_POST))
-		) {
+    }
+    if ($ThreadInfo['LastPostAuthorID'] == G::$LoggedUser['ID']
+      && (check_perms('site_forums_double_post')
+        || in_array($ForumID, FORUMS_TO_ALLOW_DOUBLE_POST))
+    ) {
 ?>
-							<input id="mergebox" type="checkbox" name="merge" tabindex="2" />
-							<label for="mergebox">Merge</label>
+              <input id="mergebox" type="checkbox" name="merge" tabindex="2" />
+              <label for="mergebox">Merge</label>
 <?
-		}
-		if (!G::$LoggedUser['DisableAutoSave']) {
+    }
+    if (!G::$LoggedUser['DisableAutoSave']) {
 ?>
-							<script type="application/javascript">
-								var storedTempTextarea = new StoreText('quickpost', 'quickpostform', <?=$InputID?>);
-							</script>
+              <script type="application/javascript">
+                var storedTempTextarea = new StoreText('quickpost', 'quickpostform', <?=$InputID?>);
+              </script>
 <?
-		}
-	}
+    }
+  }
 ?>
-							<input type="button" value="Preview" class="hidden button_preview_<?=$ReplyText->getID()?>" tabindex="1" />
-							<input type="submit" value="Post reply" id="submit_button" tabindex="1" />
-						</div>
-					</form>
-				</div>
-			</div>
+              <input type="button" value="Preview" class="hidden button_preview_<?=$ReplyText->getID()?>" tabindex="1" />
+              <input type="submit" value="Post reply" id="submit_button" tabindex="1" />
+            </div>
+          </form>
+        </div>
+      </div>

design/views/generic/textarea/buttons.phtml

@@ -1,3 +1,3 @@
 <div class="submit_div preview_submit">
-	<input type="button" value="Preview" class="hidden button_preview_<?=$ID?>" />
+  <input type="button" value="Preview" class="hidden button_preview_<?=$ID?>" />
 </div>

design/views/generic/textarea/preview.phtml

@@ -1,4 +1,4 @@
 
 <div class="box vertical_space body hidden preview_wrap" id="preview_wrap_<?=$ID?>">
-	<div id="preview_<?=$ID?>"></div>
+  <div id="preview_<?=$ID?>"></div>
 </div>

design/views/generic/textarea/script_factory.phtml

@@ -1,4 +1,4 @@
 
 <script type="text/javascript" class="preview_code">
-	$(document).ready(function () { TextareaPreview.factory([<?=$script?>]); });
+  $(document).ready(function () { TextareaPreview.factory([<?=$script?>]); });
 </script>

design/views/generic/textarea/textarea.phtml

@@ -1,4 +1,4 @@
 
 <div id="textarea_wrap_<?=$NID?>" class="field_div textarea_wrap">
-	<textarea name="<?=$Name?>" id="<?=$ID?>" cols="<?=$Cols?>" rows="<?=$Rows?>" <?=$Attributes?>><?=$Value?></textarea>
+  <textarea name="<?=$Name?>" id="<?=$ID?>" cols="<?=$Cols?>" rows="<?=$Rows?>" <?=$Attributes?>><?=$Value?></textarea>
 </div>

static/styles/log.css

@@ -1,47 +1,47 @@
 pre, blockquote {
-	color: #444;
+  color: #444;
 }
 
 .log1 {
-	color: purple;
+  color: purple;
 }
 
 .log2 {
-	color: yellow;
+  color: yellow;
 }
 
 .log3 {
-	color: blue;
+  color: blue;
 }
 
 .log4 {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .log5 {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 .good {
-	font-weight: bold;
-	color: green;
+  font-weight: bold;
+  color: green;
 }
 
 .bad {
-	font-weight: bold;
-	color: red;
+  font-weight: bold;
+  color: red;
 }
 
 .goodish {
-	font-weight: bold;
-	color: #35BF00;
+  font-weight: bold;
+  color: #35BF00;
 }
 
 .badish {
-	font-weight: bold;
-	color: #E5B244;
+  font-weight: bold;
+  color: #E5B244;
 }
 
 pre {
-	overflow: auto;
+  overflow: auto;
 }

static/styles/tooltipster/custom.css

@@ -1,28 +1,28 @@
 /* Main */
 
 body {
-	background-color: #dcdcdc;
-	color: #0b0b0b;
-	font-size: 16px;
-	line-height: 22px;
+  background-color: #dcdcdc;
+  color: #0b0b0b;
+  font-size: 16px;
+  line-height: 22px;
 }
 
 .container, #container {
-	width: 978px;
-	margin: 10px auto;
-	padding: 60px;
-	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
-	background: #fff;
-	text-align: left;
-	display: block;
-	overflow: hidden;
+  width: 978px;
+  margin: 10px auto;
+  padding: 60px;
+  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
+  background: #fff;
+  text-align: left;
+  display: block;
+  overflow: hidden;
 }
 
 .item {
-	width: 200px;
-	float: left;
-	padding: 10px;
-	margin: 10px;
-	background: #000;
-	color: #fff;
+  width: 200px;
+  float: left;
+  padding: 10px;
+  margin: 10px;
+  background: #000;
+  color: #fff;
 }

static/styles/tooltipster/reset.css

@@ -13,32 +13,32 @@ article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size:100%;
-	vertical-align: baseline;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size:100%;
+  vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
-	display: block;
+  display: block;
 }
 body {
-	line-height: 1;
+  line-height: 1;
 }
 ol, ul {
-	list-style: none;
+  list-style: none;
 }
 blockquote, q {
-	quotes: none;
+  quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
-	content: '';
-	content: none;
+  content: '';
+  content: none;
 }
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
+  border-collapse: collapse;
+  border-spacing: 0;
 }

static/styles/tooltipster/style.css

@@ -1,30 +1,30 @@
 /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
 .tooltipster-default {
-	border-radius: 5px;
-	border: 2px solid #808080;
-	background: #E0E0E0;
-	color: #444;
+  border-radius: 5px;
+  border: 2px solid #808080;
+  background: #E0E0E0;
+  color: #444;
 }
 
 /* Use this next selector to style things like font-size and line-height: */
 .tooltipster-default .tooltipster-content {
-	font-family: Arial, sans-serif;
-	font-size: 11px;
-	line-height: 14px;
-	padding: 4px 5px;
-	overflow: hidden;
+  font-family: Arial, sans-serif;
+  font-size: 11px;
+  line-height: 14px;
+  padding: 4px 5px;
+  overflow: hidden;
 }
 
 /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
 .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
-	/* border-color: ... !important; */
+  /* border-color: ... !important; */
 }
 
 
 /* If you're using the icon option, use this next selector to style them */
 .tooltipster-icon {
-	cursor: help;
-	margin-left: 4px;
+  cursor: help;
+  margin-left: 4px;
 }
 
 
@@ -36,255 +36,255 @@
 
 /* This is the base styling required to make all Tooltipsters work */
 .tooltipster-base {
-	padding: 0;
-	font-size: 0;
-	line-height: 0;
-	position: absolute;
-	z-index: 9999999;
-	pointer-events: none;
-	width: auto;
-	overflow: visible;
+  padding: 0;
+  font-size: 0;
+  line-height: 0;
+  position: absolute;
+  z-index: 9999999;
+  pointer-events: none;
+  width: auto;
+  overflow: visible;
 }
 .tooltipster-base .tooltipster-content {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 
 /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
 .tooltipster-arrow {
-	display: block;
-	text-align: center;
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: -1;
+  display: block;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
 }
 .tooltipster-arrow span, .tooltipster-arrow-border {
-	display: block;
-	width: 0;
-	height: 0;
-	position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
 }
 .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
-	border-left: 8px solid transparent !important;
-	border-right: 8px solid transparent !important;
-	border-top: 8px solid;
-	bottom: -8px;
+  border-left: 8px solid transparent !important;
+  border-right: 8px solid transparent !important;
+  border-top: 8px solid;
+  bottom: -8px;
 }
 .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
-	border-left: 9px solid transparent !important;
-	border-right: 9px solid transparent !important;
-	border-top: 9px solid;
-	bottom: -8px;
+  border-left: 9px solid transparent !important;
+  border-right: 9px solid transparent !important;
+  border-top: 9px solid;
+  bottom: -8px;
 }
 
 .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
-	border-left: 8px solid transparent !important;
-	border-right: 8px solid transparent !important;
-	border-bottom: 8px solid;
-	top: -8px;
+  border-left: 8px solid transparent !important;
+  border-right: 8px solid transparent !important;
+  border-bottom: 8px solid;
+  top: -8px;
 }
 .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
-	border-left: 9px solid transparent !important;
-	border-right: 9px solid transparent !important;
-	border-bottom: 9px solid;
-	top: -8px;
+  border-left: 9px solid transparent !important;
+  border-right: 9px solid transparent !important;
+  border-bottom: 9px solid;
+  top: -8px;
 }
 .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
-	left: 0;
-	right: 0;
-	margin: 0 auto;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
 }
 .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
-	left: 6px;
+  left: 6px;
 }
 .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
-	left: 5px;
+  left: 5px;
 }
 .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
-	right: 6px;
+  right: 6px;
 }
 .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
-	right: 5px;
+  right: 5px;
 }
 .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
-	border-top: 8px solid transparent !important;
-	border-bottom: 8px solid transparent !important;
-	border-left: 8px solid;
-	top: 50%;
-	margin-top: -7px;
-	right: -8px;
+  border-top: 8px solid transparent !important;
+  border-bottom: 8px solid transparent !important;
+  border-left: 8px solid;
+  top: 50%;
+  margin-top: -7px;
+  right: -8px;
 }
 .tooltipster-arrow-left .tooltipster-arrow-border {
-	border-top: 9px solid transparent !important;
-	border-bottom: 9px solid transparent !important;
-	border-left: 9px solid;
-	margin-top: -8px;
+  border-top: 9px solid transparent !important;
+  border-bottom: 9px solid transparent !important;
+  border-left: 9px solid;
+  margin-top: -8px;
 }
 .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
-	border-top: 8px solid transparent !important;
-	border-bottom: 8px solid transparent !important;
-	border-right: 8px solid;
-	top: 50%;
-	margin-top: -7px;
-	left: -8px;
+  border-top: 8px solid transparent !important;
+  border-bottom: 8px solid transparent !important;
+  border-right: 8px solid;
+  top: 50%;
+  margin-top: -7px;
+  left: -8px;
 }
 .tooltipster-arrow-right .tooltipster-arrow-border {
-	border-top: 9px solid transparent !important;
-	border-bottom: 9px solid transparent !important;
-	border-right: 9px solid;
-	margin-top: -8px;
+  border-top: 9px solid transparent !important;
+  border-bottom: 9px solid transparent !important;
+  border-right: 9px solid;
+  margin-top: -8px;
 }
 
 
 /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
 
 .tooltipster-fade {
-	opacity: 0;
-	-webkit-transition-property: opacity;
-	-moz-transition-property: opacity;
-	-o-transition-property: opacity;
-	-ms-transition-property: opacity;
-	transition-property: opacity;
+  opacity: 0;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  -ms-transition-property: opacity;
+  transition-property: opacity;
 }
 .tooltipster-fade-show {
-	opacity: 1;
+  opacity: 1;
 }
 
 .tooltipster-grow {
-	-webkit-transform: scale(0,0);
-	-moz-transform: scale(0,0);
-	-o-transform: scale(0,0);
-	-ms-transform: scale(0,0);
-	transform: scale(0,0);
-	-webkit-transition-property: -webkit-transform;
-	-moz-transition-property: -moz-transform;
-	-o-transition-property: -o-transform;
-	-ms-transition-property: -ms-transform;
-	transition-property: transform;
-	-webkit-backface-visibility: hidden;
+  -webkit-transform: scale(0,0);
+  -moz-transform: scale(0,0);
+  -o-transform: scale(0,0);
+  -ms-transform: scale(0,0);
+  transform: scale(0,0);
+  -webkit-transition-property: -webkit-transform;
+  -moz-transition-property: -moz-transform;
+  -o-transition-property: -o-transform;
+  -ms-transition-property: -ms-transform;
+  transition-property: transform;
+  -webkit-backface-visibility: hidden;
 }
 .tooltipster-grow-show {
-	-webkit-transform: scale(1,1);
-	-moz-transform: scale(1,1);
-	-o-transform: scale(1,1);
-	-ms-transform: scale(1,1);
-	transform: scale(1,1);
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -webkit-transform: scale(1,1);
+  -moz-transform: scale(1,1);
+  -o-transform: scale(1,1);
+  -ms-transform: scale(1,1);
+  transform: scale(1,1);
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 }
 
 .tooltipster-swing {
-	opacity: 0;
-	-webkit-transform: rotateZ(4deg);
-	-moz-transform: rotateZ(4deg);
-	-o-transform: rotateZ(4deg);
-	-ms-transform: rotateZ(4deg);
-	transform: rotateZ(4deg);
-	-webkit-transition-property: -webkit-transform, opacity;
-	-moz-transition-property: -moz-transform;
-	-o-transition-property: -o-transform;
-	-ms-transition-property: -ms-transform;
-	transition-property: transform;
+  opacity: 0;
+  -webkit-transform: rotateZ(4deg);
+  -moz-transform: rotateZ(4deg);
+  -o-transform: rotateZ(4deg);
+  -ms-transform: rotateZ(4deg);
+  transform: rotateZ(4deg);
+  -webkit-transition-property: -webkit-transform, opacity;
+  -moz-transition-property: -moz-transform;
+  -o-transition-property: -o-transform;
+  -ms-transition-property: -ms-transform;
+  transition-property: transform;
 }
 .tooltipster-swing-show {
-	opacity: 1;
-	-webkit-transform: rotateZ(0deg);
-	-moz-transform: rotateZ(0deg);
-	-o-transform: rotateZ(0deg);
-	-ms-transform: rotateZ(0deg);
-	transform: rotateZ(0deg);
-	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+  opacity: 1;
+  -webkit-transform: rotateZ(0deg);
+  -moz-transform: rotateZ(0deg);
+  -o-transform: rotateZ(0deg);
+  -ms-transform: rotateZ(0deg);
+  transform: rotateZ(0deg);
+  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
+  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
 }
 
 .tooltipster-fall {
-	top: 0;
-	-webkit-transition-property: top;
-	-moz-transition-property: top;
-	-o-transition-property: top;
-	-ms-transition-property: top;
-	transition-property: top;
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  top: 0;
+  -webkit-transition-property: top;
+  -moz-transition-property: top;
+  -o-transition-property: top;
+  -ms-transition-property: top;
+  transition-property: top;
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 }
 .tooltipster-fall-show {
 }
 .tooltipster-fall.tooltipster-dying {
-	-webkit-transition-property: all;
-	-moz-transition-property: all;
-	-o-transition-property: all;
-	-ms-transition-property: all;
-	transition-property: all;
-	top: 0px !important;
-	opacity: 0;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -o-transition-property: all;
+  -ms-transition-property: all;
+  transition-property: all;
+  top: 0px !important;
+  opacity: 0;
 }
 
 .tooltipster-slide {
-	left: -40px;
-	-webkit-transition-property: left;
-	-moz-transition-property: left;
-	-o-transition-property: left;
-	-ms-transition-property: left;
-	transition-property: left;
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  left: -40px;
+  -webkit-transition-property: left;
+  -moz-transition-property: left;
+  -o-transition-property: left;
+  -ms-transition-property: left;
+  transition-property: left;
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
 }
 .tooltipster-slide.tooltipster-slide-show {
 }
 .tooltipster-slide.tooltipster-dying {
-	-webkit-transition-property: all;
-	-moz-transition-property: all;
-	-o-transition-property: all;
-	-ms-transition-property: all;
-	transition-property: all;
-	left: 0px !important;
-	opacity: 0;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -o-transition-property: all;
+  -ms-transition-property: all;
+  transition-property: all;
+  left: 0px !important;
+  opacity: 0;
 }
 
 
 /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
 .tooltipster-content-changing {
-	opacity: 0.5;
-	-webkit-transform: scale(1.1, 1.1);
-	-moz-transform: scale(1.1, 1.1);
-	-o-transform: scale(1.1, 1.1);
-	-ms-transform: scale(1.1, 1.1);
-	transform: scale(1.1, 1.1);
+  opacity: 0.5;
+  -webkit-transform: scale(1.1, 1.1);
+  -moz-transform: scale(1.1, 1.1);
+  -o-transform: scale(1.1, 1.1);
+  -ms-transform: scale(1.1, 1.1);
+  transform: scale(1.1, 1.1);
 }
 
 
 .gold_theme {
-	background: gold radial-gradient(lightyellow, gold);
-	color: #A25128;
+  background: gold radial-gradient(lightyellow, gold);
+  color: #A25128;
 }
 .gold_theme .tooltipster-arrow>span+span {
-	border-top-color: rgb(255,228,81) !important;
+  border-top-color: rgb(255,228,81) !important;
 }
 
 /* Use this next selector to style things like font-size and line-height: */
 .gold_theme .tooltipster-content {
-	font-family: Arial, sans-serif;
-	font-size: 14px;
-	line-height: 16px;
-	padding: 8px 10px;
-	overflow: hidden;
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 10px;
+  overflow: hidden;
 }

static/styles/tooltipster/themes/tooltipster-light.css

@@ -1,12 +1,12 @@
 .tooltipster-light {
-	border-radius: 5px;
-	border: 1px solid #cccccc;
-	background: #ededed;
-	color: #666666;
+  border-radius: 5px;
+  border: 1px solid #cccccc;
+  background: #ededed;
+  color: #666666;
 }
 .tooltipster-light .tooltipster-content {
-	font-family: Arial, sans-serif;
-	font-size: 14px;
-	line-height: 16px;
-	padding: 8px 10px;
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 10px;
 }

static/styles/tooltipster/themes/tooltipster-noir.css

@@ -1,12 +1,12 @@
 .tooltipster-noir {
-	border-radius: 0px;
-	border: 3px solid #2c2c2c;
-	background: #fff;
-	color: #2c2c2c;
+  border-radius: 0px;
+  border: 3px solid #2c2c2c;
+  background: #fff;
+  color: #2c2c2c;
 }
 .tooltipster-noir .tooltipster-content {
-	font-family: 'Georgia', serif;
-	font-size: 14px;
-	line-height: 16px;
-	padding: 8px 10px;
+  font-family: 'Georgia', serif;
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 10px;
 }

static/styles/tooltipster/themes/tooltipster-punk.css

@@ -1,12 +1,12 @@
 .tooltipster-punk {
-	border-radius: 5px;
-	border-bottom: 3px solid #f71169;
-	background: #2a2a2a;
-	color: #fff;
+  border-radius: 5px;
+  border-bottom: 3px solid #f71169;
+  background: #2a2a2a;
+  color: #fff;
 }
 .tooltipster-punk .tooltipster-content {
-	font-family: 'Courier', monospace;
-	font-size: 14px;
-	line-height: 16px;
-	padding: 8px 10px;
+  font-family: 'Courier', monospace;
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 10px;
 }

static/styles/tooltipster/themes/tooltipster-shadow.css

@@ -1,12 +1,12 @@
 .tooltipster-shadow {
-	border-radius: 5px;
-	background: #fff;
-	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
-	color: #2c2c2c;
+  border-radius: 5px;
+  background: #fff;
+  box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
+  color: #2c2c2c;
 }
 .tooltipster-shadow .tooltipster-content {
-	font-family: 'Arial', sans-serif;
-	font-size: 14px;
-	line-height: 16px;
-	padding: 8px 10px;
+  font-family: 'Arial', sans-serif;
+  font-size: 14px;
+  line-height: 16px;
+  padding: 8px 10px;
 }