From 98b89534923c61cf7593f9503d2b86c2fc6e33f1 Mon Sep 17 00:00:00 2001
From: Cameron <cameron@e107coders.org>
Date: Fri, 15 Mar 2013 19:23:43 -0700
Subject: [PATCH] GUI Fixes

---
 e107_admin/search.php                    |   4 +-
 e107_admin/wmessage.php                  |   4 +-
 e107_handlers/sitelinks_class.php        |   2 +-
 e107_plugins/forum/forum_admin_class.php |  14 +-
 e107_plugins/poll/admin_config.php       |   2 +-
 e107_plugins/poll/poll_class.php         |   8 +-
 e107_web/js/bootstrap/css/darkstrap.css  | 213 ++++++++---------------
 7 files changed, 91 insertions(+), 156 deletions(-)

diff --git a/e107_admin/search.php b/e107_admin/search.php
index bd3506bc7..863fef9b8 100644
--- a/e107_admin/search.php
+++ b/e107_admin/search.php
@@ -245,14 +245,14 @@ if ($query[0] == 'settings')
 						<td>".SEALAN_12."</td>
 						<td class='form-inline'>
 							".$frm->radio_multi('time_restrict', array(0 => LAN_DISABLED, 1 => SEALAN_13), $search_prefs['time_restrict'])."&nbsp;
-							".$frm->text('time_secs', $tp -> toForm($search_prefs['time_secs']), 3, 'class=tbox&size=5')."&nbsp;".SEALAN_14."
+							".$frm->text('time_secs', $tp -> toForm($search_prefs['time_secs']), 3, 'class=tbox&size=mini')."&nbsp;".SEALAN_14."
 						</td>
 					</tr>
 					<tr>
 						<td>".SEALAN_3."</td>
 						<td class='form-inline'>
 							".$frm->radio_switch('search_sort', $search_prefs['mysql_sort'], 'MySQL', SEALAN_31)."&nbsp;
-							".$frm->text('php_limit', $tp -> toForm($search_prefs['php_limit']), 5, 'class=tbox&size=5')."&nbsp;".SEALAN_32."
+							".$frm->text('php_limit', $tp -> toForm($search_prefs['php_limit']), 5, 'class=tbox&size=mini')."&nbsp;".SEALAN_32."
 							<span class='field-help'>".SEALAN_49."</span>
 						</td>
 					</tr>
diff --git a/e107_admin/wmessage.php b/e107_admin/wmessage.php
index aea30d406..d775eb4b9 100644
--- a/e107_admin/wmessage.php
+++ b/e107_admin/wmessage.php
@@ -149,8 +149,8 @@ if ($action == "main" || $action == "")
 				<td>".strip_tags($tp->toHTML($row['gen_ip']))."</td>
 				<td>".r_userclass_name($row['gen_intdata'])."</td>
             	<td class='center nowrap'>
-            		<a href='".e_SELF."?create.edit.{$row['gen_id']}'>".ADMIN_EDIT_ICON."</a>
-            		<input type='image' title='".LAN_DELETE."' name='main_delete[".$row['gen_id']."]' src='".ADMIN_DELETE_ICON_PATH."' onclick=\"return jsconfirm('".LAN_CONFIRMDEL." [ID: {$row['gen_id']} ]')\"/>
+            		<a class='btn btn-large' href='".e_SELF."?create.edit.{$row['gen_id']}'>".ADMIN_EDIT_ICON."</a>
+            		<input class='btn btn-large' type='image' title='".LAN_DELETE."' name='main_delete[".$row['gen_id']."]' src='".ADMIN_DELETE_ICON_PATH."' onclick=\"return jsconfirm('".LAN_CONFIRMDEL." [ID: {$row['gen_id']} ]')\"/>
 				</td>
 			</tr>";
 		}
diff --git a/e107_handlers/sitelinks_class.php b/e107_handlers/sitelinks_class.php
index 2fea744da..43e2f3407 100644
--- a/e107_handlers/sitelinks_class.php
+++ b/e107_handlers/sitelinks_class.php
@@ -1239,7 +1239,7 @@ class e_navigation
 					break;
 						
 					case 'div':
-						$text .= "<div class='core-mainpanel-block'><a class='core-mainpanel-link-icon e-tip muted' href='".$link."' title='{$description}'>".$icon."<br />
+						$text .= "<div class='core-mainpanel-block'><a data-toggle='tooltip' class='core-mainpanel-link-icon  muted' href='".$link."' title='{$description}'>".$icon."<br />
 						<small class='core-mainpanel-link-text'>".$tp->toHTML($title,FALSE,"defs, emotes_off")."</small></a>	
 						</div>";					
 					break;
diff --git a/e107_plugins/forum/forum_admin_class.php b/e107_plugins/forum/forum_admin_class.php
index cf26a553b..ea9bd23b7 100755
--- a/e107_plugins/forum/forum_admin_class.php
+++ b/e107_plugins/forum/forum_admin_class.php
@@ -333,8 +333,8 @@ class forumAdmin
 			$text .= "
 			<table class='table adminlist'>
 			<tr>
-				<td colspan='2'>".FORLAN_28."</td>
-				<td>".LAN_OPTIONS."</td>
+				<th colspan='2'>".FORLAN_28."</th>
+				<th>".LAN_OPTIONS."</th>
 			</tr>";
 			while ($row = $sql->db_Fetch(MYSQL_ASSOC))
 			{
@@ -363,8 +363,8 @@ class forumAdmin
 				{
 					$text .= "
 					<div style='text-align:left; padding-left: 30px'>
-					<a href='".e_SELF."?cat.edit.{$parent['forum_id']}'>".ADMIN_EDIT_ICON."</a>
-					<a href='".e_SELF."?delete.{$parent['forum_id']}'>".ADMIN_DELETE_ICON."</a>
+					<a class='btn btn-large' href='".e_SELF."?cat.edit.{$parent['forum_id']}'>".ADMIN_EDIT_ICON."</a>
+					<a class='btn btn-large' href='".e_SELF."?delete.{$parent['forum_id']}'>".ADMIN_DELETE_ICON."</a>
 					</div>
 					";
 				}
@@ -412,9 +412,9 @@ class forumAdmin
 							$sub_img = count($subList[$forum['forum_parent']][$forum['forum_id']]) ? IMAGE_sub : IMAGE_nosub;
 							$text .= "
 							<div style='text-align:left; padding-left: 30px'>
-							<a href='".e_SELF."?create.edit.{$forum['forum_id']}'>".ADMIN_EDIT_ICON."</a>
-							<a href='".e_SELF."?delete.{$forum['forum_id']}'>".ADMIN_DELETE_ICON."</a>
-							&nbsp;&nbsp;<a href='".e_SELF."?subs.{$forum['forum_id']}'>".$sub_img."</a> (".count($subList[$forum['forum_parent']][$forum['forum_id']]).")
+							<a class='btn btn-large' href='".e_SELF."?create.edit.{$forum['forum_id']}'>".ADMIN_EDIT_ICON."</a>
+							<a class='btn btn-large' href='".e_SELF."?delete.{$forum['forum_id']}'>".ADMIN_DELETE_ICON."</a>
+							&nbsp;&nbsp;<a class='btn btn-large' href='".e_SELF."?subs.{$forum['forum_id']}'>".$sub_img."</a> (".count($subList[$forum['forum_parent']][$forum['forum_id']]).")
 							</div>
 							";
 						}
diff --git a/e107_plugins/poll/admin_config.php b/e107_plugins/poll/admin_config.php
index ebfa91b5b..f91b19de7 100644
--- a/e107_plugins/poll/admin_config.php
+++ b/e107_plugins/poll/admin_config.php
@@ -211,7 +211,7 @@ function poll_list()
 	}
 	$text .= "</form>";
 	
-	$ns->tablerender(POLLAN_MENU_CAPTION." - ".POLLAN_1, $mes->render(). $text);
+	$ns->tablerender(POLLAN_MENU_CAPTION.SEP.POLLAN_1, $mes->render(). $text);
 }
 
 
diff --git a/e107_plugins/poll/poll_class.php b/e107_plugins/poll/poll_class.php
index 73679f227..fc39df92e 100644
--- a/e107_plugins/poll/poll_class.php
+++ b/e107_plugins/poll/poll_class.php
@@ -519,7 +519,7 @@ class poll
 				$text .= "</span><br />";
 			}
 
-			$text .="</div><input class='button' type='button' name='addoption' value='".LAN_6."' onclick=\"duplicateHTML('pollopt','pollsection')\" /><br />
+			$text .="</div><input class='btn' type='button' name='addoption' value='".LAN_6."' onclick=\"duplicateHTML('pollopt','pollsection')\" /><br />
 			</td></tr>
 
 
@@ -556,7 +556,7 @@ class poll
 		<tr>
 		<td style='width:30%'><div class='normaltext'>".POLLAN_3.":</div></td>
 		<td style='width:70%'>
-		<input class='tbox' type='text' name='poll_title' size='70' value='".$tp -> post_toForm(varset($_POST['poll_title']))."' maxlength='200' />";
+		<input class='tbox input-xxlarge' type='text' name='poll_title' size='70' value='".$tp -> post_toForm(varset($_POST['poll_title']))."' maxlength='200' />";
 
 		$option_count = (varset($_POST['poll_option']) && count($_POST['poll_option']) ? count($_POST['poll_option']) : 2);
 
@@ -568,11 +568,11 @@ class poll
 		for($count = 1; $count <= $option_count; $count++)
 		{
 			$opt = ($count==1) ? "id='pollopt'" : "";
-			$text .="<span {$opt}><input  class='tbox' type='text' name='poll_option[]' size='40' value=\"".$tp -> post_toForm($_POST['poll_option'][($count-1)])."\" maxlength='200' />";
+			$text .="<span class='form-inline' style='display:inline-block; padding-bottom:5px' {$opt}><input  class='tbox input-large' type='text' name='poll_option[]' size='40' value=\"".$tp -> post_toForm($_POST['poll_option'][($count-1)])."\" maxlength='200' />";
 			$text .= "</span><br />";
 		}
 
-		$text .="</div><input class='btn button' type='button' name='addoption' value='".POLLAN_8."' onclick=\"duplicateHTML('pollopt','pollsection')\" /><br />
+		$text .="</div><input class='btn' type='button' name='addoption' value='".POLLAN_8."' onclick=\"duplicateHTML('pollopt','pollsection')\" /><br />
 		</td></tr>
 
 		<tr>
diff --git a/e107_web/js/bootstrap/css/darkstrap.css b/e107_web/js/bootstrap/css/darkstrap.css
index cc9216093..6accb6899 100644
--- a/e107_web/js/bootstrap/css/darkstrap.css
+++ b/e107_web/js/bootstrap/css/darkstrap.css
@@ -1,5 +1,9 @@
-/* info: Dark stylesheet */
-/* line 53, ../darkstrap.scss */
+/* 
+ * Darkstrap v0.9.2
+ * By danneu (http://github.com/danneu/darkstrap)
+ * Based off Twitter Bootstrap v2.2.2
+ */
+
 tr.warning,
 tr.success,
 tr.error,
@@ -47,12 +51,10 @@ input:-moz-placeholder,
 textarea:-moz-placeholder {
   color: #666666;
 }
-/* line 86, ../bootstrap/bootstrap/_mixins.scss */
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   color: #666666;
 }
-/* line 89, ../bootstrap/bootstrap/_mixins.scss */
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
   color: #666666;
@@ -93,7 +95,6 @@ textarea::-webkit-input-placeholder {
 .table tbody + tbody {
   border-top: 2px solid #666666;
 }
-/* line 53, ../bootstrap/bootstrap/_tables.scss */
 .table .table {
   background-color: #2f2f2f;
 }
@@ -110,55 +111,43 @@ textarea::-webkit-input-placeholder {
   background-color: #444444;
 }
 
-/* line 165, ../bootstrap/bootstrap/_tables.scss */
 .table-hover tbody tr:hover td,
 .table-hover tbody tr:hover th {
   background-color: #666666;
 }
 
 
-/* line 200, ../bootstrap/bootstrap/_tables.scss */
 .table tbody tr.success td {
   background-color: #5bb75b;
 }
-/* line 203, ../bootstrap/bootstrap/_tables.scss */
 .table tbody tr.error td {
   background-color: #fc5b5e;
 }
-/* line 206, ../bootstrap/bootstrap/_tables.scss */
 .table tbody tr.warning td {
   background-color: #faa732;
 }
-/* line 209, ../bootstrap/bootstrap/_tables.scss */
 .table tbody tr.info td {
   background-color: #3a87ad;
 }
 
-/* line 216, ../bootstrap/bootstrap/_tables.scss */
 .table-hover tbody tr.success:hover td {
   background-color: #4cad4c;
 }
-/* line 219, ../bootstrap/bootstrap/_tables.scss */
 .table-hover tbody tr.error:hover td {
   background-color: #fc4245;
 }
-/* line 222, ../bootstrap/bootstrap/_tables.scss */
 .table-hover tbody tr.warning:hover td {
   background-color: #f99c19;
 }
-/* line 225, ../bootstrap/bootstrap/_tables.scss */
 .table-hover tbody tr.info:hover td {
   background-color: #34789a;
 }
 
-/* line 18, ../bootstrap/bootstrap/_sprites.scss */
 [class^="icon-"],
 [class*=" icon-"] {
   background-image: url("../img/glyphicons-halflings.png");
 }
 
-/* White icons with optional class, or on hover/active states of certain elements */
-/* line 44, ../bootstrap/bootstrap/_sprites.scss */
 .icon-white,
 .nav-pills > .active > a > [class^="icon-"],
 .nav-pills > .active > a > [class*=" icon-"],
@@ -176,7 +165,6 @@ textarea::-webkit-input-placeholder {
 }
 
 
-/* line 222, ../bootstrap/bootstrap/_buttons.scss */
 .btn-link:hover {
   color: #1ab2ff;
 }
@@ -187,14 +175,12 @@ textarea::-webkit-input-placeholder {
 }
 
 
-/* line 38, ../bootstrap/bootstrap/_alerts.scss */
 .alert-success {
   background-color: #5bb75b;
   border-color: #5cad4c;
 }
 
 
-/* line 47, ../bootstrap/bootstrap/_alerts.scss */
 .alert-danger,
 .alert-error {
   background-color: #fc5b5e;
@@ -230,7 +216,6 @@ textarea::-webkit-input-placeholder {
   color: #c6c6c6;
   text-shadow: 0 1px 0 #444444;
 }
-/* line 66, ../bootstrap/bootstrap/_navbar.scss */
 .navbar-text {
   color: #c6c6c6;
 }
@@ -238,19 +223,16 @@ textarea::-webkit-input-placeholder {
 .navbar-link {
   color: #c6c6c6;
 }
-/* line 76, ../bootstrap/bootstrap/_navbar.scss */
 .navbar-link:hover {
   color: white;
 }
 
-/* line 83, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .divider-vertical {
   border-left: 1px solid #222222;
   border-right: 1px solid #444444;
 }
 
 
-/* line 238, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav > li > a {
   color: #c6c6c6;
   text-shadow: 0 1px 0 #444444;
@@ -261,7 +243,6 @@ textarea::-webkit-input-placeholder {
   color: white;
 }
 
-/* line 262, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav > .active > a,
 .navbar .nav > .active > a:hover,
 .navbar .nav > .active > a:focus {
@@ -269,7 +250,6 @@ textarea::-webkit-input-placeholder {
   background-color: #151515;
 }
 
-/* line 271, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .btn-navbar {
   background-color: #292929;
   background-image: -moz-linear-gradient(top, #373737, #151515);
@@ -281,24 +261,19 @@ textarea::-webkit-input-placeholder {
   border-color: #151515 #151515 black;
   *background-color: #151515;
 }
-/* line 496, ../bootstrap/bootstrap/_mixins.scss */
 .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
   background-color: #151515;
   *background-color: #090909;
 }
-/* line 504, ../bootstrap/bootstrap/_mixins.scss */
 .navbar .btn-navbar:active, .navbar .btn-navbar.active {
   background-color: black \9;
 }
 
-
-/* line 339, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav li.dropdown > a:hover .caret {
   border-top-color: white;
   border-bottom-color: white;
 }
 
-/* line 347, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav li.dropdown.open > .dropdown-toggle,
 .navbar .nav li.dropdown.active > .dropdown-toggle,
 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
@@ -306,13 +281,11 @@ textarea::-webkit-input-placeholder {
   color: white;
 }
 
-/* line 351, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav li.dropdown > .dropdown-toggle .caret {
   border-top-color: #c6c6c6;
   border-bottom-color: #c6c6c6;
 }
 
-/* line 357, ../bootstrap/bootstrap/_navbar.scss */
 .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
 .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
 .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
@@ -320,8 +293,6 @@ textarea::-webkit-input-placeholder {
   border-bottom-color: white;
 }
 
-
-/* line 108, ../darkstrap.scss */
 .well {
   -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
   -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
@@ -329,9 +300,9 @@ textarea::-webkit-input-placeholder {
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
   border: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
 }
 
-/* line 112, ../darkstrap.scss */
 .darkwell, .breadcrumb, code, pre, select,
 input[type="text"],
 input[type="password"],
@@ -354,18 +325,16 @@ input[type="color"],
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
   border: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
 }
 
-/* line 116, ../darkstrap.scss */
 .breadcrumb {
   border: 0;
 }
-/* line 119, ../darkstrap.scss */
 .breadcrumb li {
   text-shadow: 0 1px 0 black;
 }
 
-/* line 124, ../darkstrap.scss */
 .page-header {
   -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
   -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
@@ -373,26 +342,21 @@ input[type="color"],
   border-bottom: 1px solid #121212;
 }
 
-/* line 125, ../darkstrap.scss */
 h1, h2, h3, h4, h5, h6 {
   color: white;
 }
 
-/* line 126, ../darkstrap.scss */
 h6 {
   color: #999;
 }
 
-/* line 132, ../darkstrap.scss */
 blockquote {
   border-left-color: #111;
 }
-/* line 134, ../darkstrap.scss */
 blockquote.pull-right {
   border-right-color: #111;
 }
 
-/* line 137, ../darkstrap.scss */
 hr {
   -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
   -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
@@ -401,20 +365,17 @@ hr {
   border-top: none;
 }
 
-/* line 142, ../darkstrap.scss */
 code {
   border: none;
   padding: 2px 4px;
 }
 
-/* line 147, ../darkstrap.scss */
 pre {
   border: none;
   color: #c6c6c6;
   padding: 8px;
 }
 
-/* line 155, ../darkstrap.scss */
 legend {
   -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
   -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
@@ -423,7 +384,6 @@ legend {
   color: #fff;
 }
 
-/* line 175, ../darkstrap.scss */
 select,
 input[type="text"],
 input[type="password"],
@@ -443,7 +403,6 @@ input[type="color"],
   color: white;
   height: 21px;
 }
-/* line 83, ../bootstrap/bootstrap/_mixins.scss */
 select:-moz-placeholder,
 input[type="text"]:-moz-placeholder,
 input[type="password"]:-moz-placeholder,
@@ -462,7 +421,6 @@ input[type="color"]:-moz-placeholder,
 .uneditable-input:-moz-placeholder {
   color: #666666;
 }
-/* line 86, ../bootstrap/bootstrap/_mixins.scss */
 select:-ms-input-placeholder,
 input[type="text"]:-ms-input-placeholder,
 input[type="password"]:-ms-input-placeholder,
@@ -481,7 +439,6 @@ input[type="color"]:-ms-input-placeholder,
 .uneditable-input:-ms-input-placeholder {
   color: #666666;
 }
-/* line 89, ../bootstrap/bootstrap/_mixins.scss */
 select::-webkit-input-placeholder,
 input[type="text"]::-webkit-input-placeholder,
 input[type="password"]::-webkit-input-placeholder,
@@ -501,29 +458,23 @@ input[type="color"]::-webkit-input-placeholder,
   color: #666666;
 }
 
-/* line 184, ../darkstrap.scss */
 textarea {
   color: white;
 }
-/* line 83, ../bootstrap/bootstrap/_mixins.scss */
 textarea:-moz-placeholder {
   color: #666666;
 }
-/* line 86, ../bootstrap/bootstrap/_mixins.scss */
 textarea:-ms-input-placeholder {
   color: #666666;
 }
-/* line 89, ../bootstrap/bootstrap/_mixins.scss */
 textarea::-webkit-input-placeholder {
   color: #666666;
 }
 
-/* line 191, ../darkstrap.scss */
 select {
   height: 29px;
 }
 
-/* line 194, ../darkstrap.scss */
 .input-prepend .add-on,
 .input-append .add-on {
   background: #444;
@@ -532,12 +483,10 @@ select {
   text-shadow: 0 1px 0 black;
 }
 
-/* line 201, ../darkstrap.scss */
 .form-actions {
   border-top-color: #222;
 }
 
-/* line 204, ../darkstrap.scss */
 .well .form-actions {
   border-top-color: #000;
   background-color: rgba(0, 0, 0, 0.3);
@@ -546,13 +495,11 @@ select {
   margin-bottom: -17px;
 }
 
-/* line 213, ../darkstrap.scss */
 .help-inline,
 .help-block {
   color: #999;
 }
 
-/* line 66, ../darkstrap.scss */
 .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
   color: #faa732;
   border-color: #faa732;
@@ -562,7 +509,6 @@ select {
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
 }
-/* line 73, ../darkstrap.scss */
 .control-group.warning input:focus,
 .control-group.warning select:focus,
 .control-group.warning textarea:focus {
@@ -571,13 +517,11 @@ select {
   -moz-box-shadow: 0 0 6px #faa732;
   box-shadow: 0 0 6px #faa732;
 }
-/* line 79, ../darkstrap.scss */
 .control-group.warning .control-label,
 .control-group.warning .help-block,
 .control-group.warning .help-inline {
   color: #faa732;
 }
-/* line 66, ../darkstrap.scss */
 .control-group.success input, .control-group.success select, .control-group.success textarea {
   color: #5bb75b;
   border-color: #5bb75b;
@@ -587,7 +531,6 @@ select {
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
 }
-/* line 73, ../darkstrap.scss */
 .control-group.success input:focus,
 .control-group.success select:focus,
 .control-group.success textarea:focus {
@@ -596,13 +539,11 @@ select {
   -moz-box-shadow: 0 0 6px #5bb75b;
   box-shadow: 0 0 6px #5bb75b;
 }
-/* line 79, ../darkstrap.scss */
 .control-group.success .control-label,
 .control-group.success .help-block,
 .control-group.success .help-inline {
   color: #5bb75b;
 }
-/* line 66, ../darkstrap.scss */
 .control-group.error input, .control-group.error select, .control-group.error textarea {
   color: #fc5b5e;
   border-color: #fc5b5e;
@@ -612,7 +553,6 @@ select {
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
 }
-/* line 73, ../darkstrap.scss */
 .control-group.error input:focus,
 .control-group.error select:focus,
 .control-group.error textarea:focus {
@@ -621,13 +561,11 @@ select {
   -moz-box-shadow: 0 0 6px #fc5b5e;
   box-shadow: 0 0 6px #fc5b5e;
 }
-/* line 79, ../darkstrap.scss */
 .control-group.error .control-label,
 .control-group.error .help-block,
 .control-group.error .help-inline {
   color: #fc5b5e;
 }
-/* line 66, ../darkstrap.scss */
 .control-group.info input, .control-group.info select, .control-group.info textarea {
   color: #3a87ad;
   border-color: #3a87ad;
@@ -637,7 +575,6 @@ select {
   background: #202020;
   background-color: rgba(0, 0, 0, 0.3);
 }
-/* line 73, ../darkstrap.scss */
 .control-group.info input:focus,
 .control-group.info select:focus,
 .control-group.info textarea:focus {
@@ -646,21 +583,18 @@ select {
   -moz-box-shadow: 0 0 6px #3a87ad;
   box-shadow: 0 0 6px #3a87ad;
 }
-/* line 79, ../darkstrap.scss */
 .control-group.info .control-label,
 .control-group.info .help-block,
 .control-group.info .help-inline {
   color: #3a87ad;
 }
 
-/* line 226, ../darkstrap.scss */
 input:focus:invalid,
 textarea:focus:invalid,
 select:focus:invalid {
   border-color: #fc5b5e;
 }
 
-/* line 232, ../darkstrap.scss */
 input:focus:invalid:focus,
 textarea:focus:invalid:focus,
 select:focus:invalid:focus {
@@ -668,18 +602,15 @@ select:focus:invalid:focus {
   box-shadow: 0 0 6px #fc5b5e;
 }
 
-/* line 237, ../darkstrap.scss */
 .btn-link {
   text-shadow: none;
 }
 
-/* line 244, ../darkstrap.scss */
 .img-polaroid {
   background-color: #111;
   background-color: rgba(0, 0, 0, 0.3);
 }
 
-/* line 257, ../darkstrap.scss */
 .nav-tabs .open .dropdown-toggle,
 .nav-pills .open .dropdown-toggle,
 .nav > .open.active > a:hover {
@@ -687,132 +618,108 @@ select:focus:invalid:focus {
   border-color: transparent transparent #666666 transparent;
 }
 
-/* line 262, ../darkstrap.scss */
 .nav > .dropdown.active > a:hover {
   color: #fff;
 }
 
-/* line 266, ../darkstrap.scss */
 .nav-tabs .active .dropdown-toggle .caret,
 .nav-pills .active .dropdown-toggle .caret {
   border-top-color: #fff;
 }
 
-/* line 269, ../darkstrap.scss */
 .nav-tabs {
   border-bottom: 1px solid #666666;
 }
-/* line 272, ../darkstrap.scss */
 .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
   background-color: #2f2f2f;
   color: #fff;
   border-color: #666666 #666666 transparent #666666;
 }
-/* line 277, ../darkstrap.scss */
 .nav-tabs > li > a:hover {
   border-color: #2f2f2f #2f2f2f #666666 #2f2f2f;
   background-color: rgba(0, 0, 0, 0.25);
   color: #00aaff;
 }
-/* line 284, ../darkstrap.scss */
 .nav-tabs.nav-stacked > li > a, .nav-tabs.nav-stacked > li > a:hover {
   border-color: #666;
 }
 
-/* line 291, ../darkstrap.scss */
 .well > .nav-tabs > .active > a, .well > .nav-tabs > .active > a:hover {
   background-color: #202020;
 }
 
-/* line 297, ../darkstrap.scss */
 .nav-pills > li > a:hover {
   background-color: rgba(0, 0, 0, 0.25);
   color: #00aaff;
 }
 
-/* line 304, ../darkstrap.scss */
 .nav-list > li > a,
 .nav-list .nav-header {
   text-shadow: 0 1px 0 black;
 }
 
-/* line 307, ../darkstrap.scss */
 .nav-list > li > a:hover {
   background-color: rgba(0, 0, 0, 0.25);
   color: #00aaff;
 }
 
-/* line 312, ../darkstrap.scss */
 .nav-list .active > a:hover {
   background-color: #0088cc;
   color: white;
 }
 
-/* line 318, ../darkstrap.scss */
 .tabs-below .nav-tabs {
   border-top: 1px solid #666666;
 }
 
-/* line 319, ../darkstrap.scss */
 .tabs-left .nav-tabs {
   border-right: 1px solid #666666;
 }
 
-/* line 320, ../darkstrap.scss */
 .tabs-right .nav-tabs {
   border-left: 1px solid #666666;
 }
 
-/* line 322, ../darkstrap.scss */
 .tabs-below .nav-tabs > li > a:hover {
   border-top: 1px solid #666666;
 }
 
-/* line 325, ../darkstrap.scss */
 .tabs-left .nav-tabs > li > a:hover {
   border-color: transparent #666666 transparent transparent;
 }
 
-/* line 328, ../darkstrap.scss */
 .tabs-right .nav-tabs > li > a:hover {
   border-color: transparent transparent transparent #666666;
 }
 
-/* line 333, ../darkstrap.scss */
 .tabs-below .nav-tabs .active > a,
 .tabs-below .nav-tabs .active > a:hover {
   border-color: transparent #666666 #666666 #666666;
 }
 
-/* line 337, ../darkstrap.scss */
 .tabs-left .nav-tabs .active > a,
 .tabs-left .nav-tabs .active > a:hover {
   border-color: #666666 transparent #666666 #666666;
 }
 
-/* line 341, ../darkstrap.scss */
 .tabs-right .nav-tabs .active > a,
 .tabs-right .nav-tabs .active > a:hover {
   border-color: #666666 #666666 #666666 transparent;
 }
 
-/* line 351, ../darkstrap.scss */
 .nav-list > li > a,
 .nav-list .nav-header {
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
 }
 
-/* line 354, ../darkstrap.scss */
 .nav-tabs > li > a:hover {
   border-color: transparent transparent #666666 transparent;
 }
 
-/* line 357, ../darkstrap.scss */
 .nav > .disabled > a:hover {
   color: #999;
 }
 
-/* line 360, ../darkstrap.scss */
 .nav-list .divider {
   background-color: transparent;
   -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
@@ -821,12 +728,10 @@ select:focus:invalid:focus {
   border-bottom: 1px solid #121212;
 }
 
-/* line 403, ../darkstrap.scss */
 .navbar .brand {
   text-shadow: 0 1px 0 black;
 }
 
-/* line 407, ../darkstrap.scss */
 .navbar .divider-vertical {
   border: transparent;
   -webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
@@ -835,63 +740,58 @@ select:focus:invalid:focus {
   border-right: 1px solid #121212;
 }
 
-/* line 414, ../darkstrap.scss */
 .navbar-inverse .brand {
   color: #555;
   text-shadow: 0 1px 0 white;
 }
-/* line 417, ../darkstrap.scss */
 .navbar-inverse .brand:hover {
   color: #555;
 }
-/* line 421, ../darkstrap.scss */
 .navbar-inverse .navbar-inner {
-  background-color: #fafafa;
-  background-image: linear-gradient(to bottom, #ffffff, #999999);
+  background: #fafafa;
   border: 1px solid #030303;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
+  background: -moz-linear-gradient(top, white 0%, #999999 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #999999));
+  background: -webkit-linear-gradient(top, white 0%, #999999 100%);
+  background: -o-linear-gradient(top, white 0%, #999999 100%);
+  background: -ms-linear-gradient(top, white 0%, #999999 100%);
+  background: linear-gradient(to bottom, #ffffff 0%, #999999 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999',GradientType=0 );
 }
-/* line 428, ../darkstrap.scss */
 .navbar-inverse .nav > li > a {
   color: #555;
 }
-/* line 430, ../darkstrap.scss */
 .navbar-inverse .nav > li > a:hover {
   color: #333;
 }
-/* line 436, ../darkstrap.scss */
 .navbar-inverse .nav > .active > a,
 .navbar-inverse .nav > .active > a:hover {
   background-color: #e5e5e5;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
   color: #555555;
 }
-/* line 444, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
   background-color: #e5e5e5;
   color: #555;
 }
-/* line 450, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown > a:hover .caret {
   border-top-color: #555;
   color: #555;
 }
-/* line 456, ../darkstrap.scss */
 .navbar-inverse .nav > li > a:focus,
 .navbar-inverse .nav > li > a:hover {
   background-color: transparent;
   color: #333;
 }
-/* line 463, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
   background-color: #e5e5e5;
   color: #555;
 }
-/* line 470, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
@@ -899,129 +799,164 @@ select:focus:invalid:focus {
   border-top-color: #555;
   color: #555;
 }
-/* line 477, ../darkstrap.scss */
 .navbar-inverse .navbar-search .search-query {
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset;
   background-color: white;
   color: #333;
 }
-/* line 485, ../darkstrap.scss */
 .navbar-inverse .navbar-search input.search-query:focus {
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.6);
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.9);
   padding: 4px 14px;
   outline: 0 none;
 }
-/* line 495, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
   border-bottom-color: #555;
   border-top-color: #555;
 }
-/* line 499, ../darkstrap.scss */
 .navbar-inverse .nav li.dropdown > a:hover .caret {
   border-bottom-color: #333;
   border-top-color: #333;
 }
-/* line 503, ../darkstrap.scss */
 .navbar-inverse .navbar-search .search-query:-moz-placeholder {
   color: #999;
 }
 
-/* line 510, ../darkstrap.scss */
 .pagination ul > li > a,
 .pagination ul > li > span {
   background: transparent;
   border-color: #666;
 }
 
-/* line 516, ../darkstrap.scss */
 .pagination ul > li > a:hover,
 .pagination ul > .active > a,
 .pagination ul > .active > span {
   background-color: rgba(0, 0, 0, 0.25);
 }
 
-/* line 523, ../darkstrap.scss */
 .pager li > a, .pager li > span {
   background-color: transparent;
   border-color: #666;
 }
 
-/* line 527, ../darkstrap.scss */
 .pager li > a:hover {
   background-color: rgba(0, 0, 0, 0.25);
 }
 
-/* line 532, ../darkstrap.scss */
 .pager .disabled > a,
 .pager .disabled > a:hover,
 .pager .disabled > span {
   background-color: transparent;
 }
 
-/* line 538, ../darkstrap.scss */
 .label,
 .badge {
   text-shadow: 1px 1px 0 black;
   box-shadow: 1px 1px 0 black;
 }
 
-/* line 543, ../darkstrap.scss */
 .label-inverse,
 .badge-inverse {
   background-color: #111;
 }
 
-/* line 547, ../darkstrap.scss */
 .hero-unit {
   background: #111;
   color: #ccc;
 }
 
-/* line 553, ../darkstrap.scss */
 .thumbnail {
   border-color: #666;
   box-shadow: 0 1px 3px black;
 }
-/* line 556, ../darkstrap.scss */
 .thumbnail .caption {
   color: #999;
 }
 
-/* line 563, ../darkstrap.scss */
 .alert {
   color: white;
   border-color: #a86404;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 }
-/* line 567, ../darkstrap.scss */
 .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
   color: #c17305;
 }
 
-/* line 571, ../darkstrap.scss */
 .alert-error {
   border-color: #d40408;
 }
-/* line 573, ../darkstrap.scss */
 .alert-error h1, .alert-error h2, .alert-error h3, .alert-error h4, .alert-error h5, .alert-error h6 {
   color: #ed0409;
 }
 
-/* line 577, ../darkstrap.scss */
 .alert-success {
   border-color: #2d662d;
 }
-/* line 579, ../darkstrap.scss */
 .alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4, .alert-success h5, .alert-success h6 {
   color: #347834;
 }
 
-/* line 583, ../darkstrap.scss */
 .alert-info {
   border-color: #1a3c4e;
 }
-/* line 585, ../darkstrap.scss */
 .alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6 {
   color: #204B61;
 }
+
+select::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 11px;
+}
+select::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  border: 2px solid #202020;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.modal {
+  background-color: #444;
+}
+
+.modal-header {
+  border-bottom: 1px solid #222222;
+}
+
+.modal-body p {
+  color: #c6c6c6;
+}
+
+.modal-footer {
+  background-color: #373737;
+  border-top: 1px solid #222222;
+  -moz-box-shadow: 0 1px 0 #333333 inset;
+  -webkit-box-shadow: 0 1px 0 #333333 inset;
+  -o-box-shadow: 0 1px 0 #333333 inset;
+  box-shadow: 0 1px 0 #333333 inset;
+}
+
+.popover {
+  background: #444;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  border: 1px solid black;
+}
+
+.popover-title {
+  background: #373737;
+  border-bottom-color: #222;
+}
+
+.popover.top .arrow:after {
+  border-top-color: #444;
+}
+
+.popover.right .arrow:after {
+  border-right-color: #444;
+}
+
+.popover.bottom .arrow:after {
+  border-bottom-color: #444;
+}
+
+.popover.left .arrow:after {
+  border-left-color: #444;
+}