The report button on my site isn't working when you click it nothing happens and it's not a plugin causing it because it works on other themes
My headerinclude (Keep in mind this headerinclude is the same as the theme with the working report button)
My global.css
I believe something is missing in the css somewhere.
Thanks .m. for fixing the issues.
My headerinclude (Keep in mind this headerinclude is the same as the theme with the working report button)
<!-- Start CSS Files -->
{$stylesheets}
{$portalreadmore_css}<!-- End CSS Files -->
<!-- Start Link Tags -->
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<!-- End Link Tags -->
<!-- Start Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!-- End Meta Tags -->
<!-- Start Script Tags -->
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1813"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1813"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1813"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<!--
<script type="text/javascript">
var unreadAlerts = {$mybb->user['unreadAlerts']};
</script>
<script language="javascript" type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/myadvertisements.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/myalerts.js"></script>
-->
<script type="text/javascript">
<!--
lang.unknown_error = "{$lang->unknown_error}";
lang.select2_match = "{$lang->select2_match}";
lang.select2_matches = "{$lang->select2_matches}";
lang.select2_nomatches = "{$lang->select2_nomatches}";
lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
lang.select2_loadmore = "{$lang->select2_loadmore}";
lang.select2_searching = "{$lang->select2_searching}";
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var cookieSecureFlag = "{$mybb->settings['cookiesecureflag']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var rootpath = "{$mybb->settings['bburl']}";
var imagepath = "{$theme['imgdir']}";
var yes_confirm = "{$lang->yes}";
var no_confirm = "{$lang->no}";
var MyBBEditor = null;
var spinner_image = "{$theme['imgdir']}/spinner.gif";
var spinner = "<img src='" + spinner_image +"' alt='' />";
var modal_zindex = 9999;
// -->
</script>
<!-- End Script Tags -->
My global.css
/** Modal Start **/
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
width: 400px;
text-align: left;
background: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
body {
background: #000000 url(images/pow3r/bg.png);
color: #ccc;
text-align: left;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
font-style: none;
}
a:link {
color: #dedede;
text-decoration: none;
text-shadow: 0px 1px 1px #222222;
}
a:visited {
color: #dedede;
text-decoration: none;
}
a:hover, a:active {
color: #cc3333;
text-decoration: none;
}
#container {
background: url(images/pow3r/header_bg.jpg) top center repeat-x;
width: 94%;
color: #cccccc;
margin: auto auto;
padding: 0 10px;
text-align: left;
}
#content {
color: #cccccc;
width: auto !important;
}
.menu ul {
background: #1e1e1e url(images/pow3r/toplinks_bg.png);
color: #00ff00;
height: 50px;
font-weight: bold;
text-align: center;
}
.menu ul a:link {
color: #CCCCCC;
text-decoration: none;
}
.menu ul a:visited {
color: #cccccc;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #d92b2b;
text-decoration: none;
}
#panel {
background: #333333;
color: #cccccc;
font-size: 11px;
border: 1px solid #b72727;
padding: 6px;
box-shadow: 0px 10px 35px #111111;
}
table {
color: #cccccc;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.tborder {
background: #b72727;
width: 100%;
margin: auto auto;
border: 1px solid #333333;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.thead {
background: #b72727 url(images/pow3r/thead_bg.gif) top left repeat-x;
color: #cccccc;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit- border-radius: 4px 4px 0px 0px;
-o-border-radius: 4px 4px 0px 0px;
box-shadow: 0px 0px 15px #000000;
}
.thead a:link {
text-decoration: none;
}
.thead a:visited {
text-decoration: none;
}
.thead a:hover, .thead a:active {
text-decoration: underline;
}
.tcat {
background: #333333 url(images/pow3r/topnavback.gif) repeat-x;
color: #b72727;
line-height: 1.6em;
font-size: 12px;
}
.tcat a:link {
color: #000000;
}
.tcat a:visited {
color: #000000;
}
.tcat a:hover, .tcat a:active {
color: #000000;
}
.trow1 {
background: #2c2c2c;
}
.trow2 {
background: #333333;
}
.trow_shaded {
background: #999999;
color: #000000;
}
.trow_sep {
background: #000000;
color: #cccccc;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #797979 url(images/pow3r/tfoot_bg.png) top left repeat-x;
color: #cccccc;
}
.tfoot a:link {
color: #ffffff;
text-decoration: none;
}
.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}
.bottommenu {
background: #333333;
color: #cccccc;
border: 1px solid #b72727;
padding: 4px;
}
.navigation {
color: #444444;
font-size: 13px;
font-weight: bold;
}
.navigation a:link {
color: #444444;
text-decoration: none;
}
.navigation a:visited {
color: #444444;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
color: #cccccc;
text-decoration: none;
}
.navigation .active {
color: #cccccc;
font-size: 13px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #cccccc;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}
textarea {
background: #cccccc;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}
select {
background: #cccccc;
border: 1px solid #b72727;
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #cccccc;
border: 1px solid #b72727;
}
.autocomplete {
background: #cccccc;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #000;
}
.popup_menu {
background: #ccc;
border: 1px solid #000;
}
.popup_menu .popup_item {
background: #cccccc;
color: #000;
}
.popup_menu .popup_item:hover {
background: #cccccc;
color: #000;
}
.trow_reputation_positive {
background: #00CC66;
color: #efefef;
}
.trow_reputation_neutral {
background: #ccc;
color: #000;
}
.trow_reputation_negative {
background: #AE0023;
color: #cccccc;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding-left: 5px;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 2px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.logo {
text-align: center;
}
.trow_selected td {
background: #999999;
color: #000000;
}
blockquote {
border: 1px dashed #ccc;
color: #ccc;
margin: 0;
background: #777777;
padding: 4px;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px dashed #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
.codeblock {
border: 1px dashed #ccc;
color: #ccc;
margin: 0;
background: #777777;
padding: 4px;
}
.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}
.subject_new, a.subject_new {
color: #cccccc;
font-weight: 600;
}
a.subject_new:hover {
color: #ffffff;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #333333;
border-top: 1px solid #00FF00;
border-bottom: 1px solid #00FF00;
text-align: center;
padding: 5px 20px;
font-size: 11px;
margin-bottom: 15px;
}
.red_alert {
background: #FBE3E4;
color: #A5161A;
padding: 5px 20px;
border: 1px solid #A5161A;
text-align: center;
font-size: 11px;
margin-bottom: 15px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #00ff00;
border-bottom: 2px solid #00ff00;
background: #777777;
color: #00ff00;
font-size: 12px;
}
div.error p {
margin: 0;
color: #00ff00;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #00ff00;
background: url(images/pow3r/error.gif) no-repeat 0;
}
div.error.ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}
.pagination a {
border: 1px solid #b72727;
}
.pagination .pagination_current {
background: #cccccc;
color: #000;
border: 1px solid #b72727;
font-weight: bold;
color: #000;
}
.pagination a:hover {
background: #cccccc;
color: #000;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/pow3r/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/pow3r/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/pow3r/spinner.gif) no-repeat center left;
color: #555555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.quick_jump {
background: url(images/pow3r/jump.png) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px;
vertical-align: middle;
border: none;
}
#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}
._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}
._plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}
.pagination_breadcrumb {
background-color: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
.bitButton {
color: #fff;
background-color: #333333;
border: 1px solid #222 !important;
box-shadow: 0 1px 0 0 #b087ab inset !important;
border-radius: 0px 6px 0px 6px !important;
background: url(images/pow3r/thead_bg.gif);
box-shadow: 0 1px 0 0 #333333 inset !important;
padding: 3px 6px;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
font-family: arial;
font-size: 14px;
font-weight: bold;
}
.bitButton:hover {
color: #888888;
text-decoration:none;
}
.columns {
list-style: none;
margin: 0;
padding: 0;
}
.columns li {
width: 50%;
float: left;
}
I believe something is missing in the css somewhere.
Thanks .m. for fixing the issues.