2014-04-06, 01:19 PM
(2014-04-06, 12:24 PM)Euan T Wrote: [ -> ]Looks like you have the JavaScript in your header twice. Remove one of the copies. Then change your CSS to the following:
I replaced the alert.css like you said but you lost me at 'Javacript'
Could you tell me what I need to delete?
Header.css
<style>
.topbar {
background: #2c2c2c;
border-bottom: 4px solid #f28b00;
height: 30px;
width: 101%;
z-index: 3;
position: relative;
top:-8px;
left:-8px;
right: 0px;
}
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info {
background-color: #d1e4f3;
background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
color: #00529B;
border: 1px solid #4d8fcb;
}
.success {
background-color: #effeb9;
background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
color: #4F8A10;
border: 1px solid #9ac601;
}
.warning {
background-color: #ffeaa9;
background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
color: #9F6000;
border: 1px solid #f9b516;
}
.error {
background-color: #fccac3;
background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
color: #D8000C;
border: 1px solid #db3f23;
}
.mes {
background-color: #F2F2F2;
background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
border: 1px solid #AAAAAA;
color: #545454;
}
.tips {
background-color: #FEEAC9;
background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
border: 1px solid #D38E49;
color: #bb640c;
}
.chat {
background-color: #daecfb;
background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
border: 1px solid #2078c9;
color: #066ac4;
}
.menubar {
background: #2c2c2c;
border-bottom: 4px solid #f28b00;
border-radius:5px;
height: 22px;
padding-top: 5px;
}
.menubar ul a:link {
color: #FFF;
text-decoration: none;
}
.menubar ul a:visited {
color: #FFF;
text-decoration: none;
}
.menubar ul a:hover, .menu ul a:active {
border-radius:0;
text-decoration: none;
}
.menubar ul {
list-style: none;
margin: 0;
}
.menubar ul a:link {
color: #c4cccd;
padding: 5px 5px;
text-decoration: none;
}
.menubar ul a:hover, .menubar ul a:active {
background: #f28b00;
color: #308BC8;
padding: 5px;
border: 0px solid #323232;
text-decoration: none;
}
.menubar li {
display: inline;
padding-left: -10px;
}
.menubar img {
padding-right: 10px;
vertical-align: top;
}
.menutextleft {
text-align:left;
padding-top: 5px;
color: #ffffff;
}
.menutextright {
text-align:right;
}
</style>
<div class="topbar">
<div class="menutextleft">{$welcomeblock}
<a href="https://www.facebook.com/FinancialFuse" target="_blank"><img hspace="5" vspace="3" src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/16/social_facebook_box_blue.png" style="float:right"></a>
<a href="https://twitter.com/financialfuse" target="_blank"><img hspace="5" vspace="3" src="https://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/16/twitter.png" style="float:right"></a>
</div></div>
<br>
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<br><div class="menubar">
<ul>
<li><b><a href="/forum"><font size="2" color="white">Home</a></li></font>
<li> <a target ="_blank" href="http://www.financialfuse.co.uk"><font size="2" color="white">Blog</a></li></font>
</b><a name="top" id="top"></a>
<div style="float:right; margin-right: 10px; margin-top: -3px;">
<td class="trow1" align="center">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="textbox" name="keywords" value="" />
<!-- start: gobutton -->
<input type="submit" class="button" value="Go" />
<!-- end: gobutton -->
</form>
</td>
</div>
</ul>
</div>
<hr class="hidden" />
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$announcement}{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}<!-- ProfileComments -->
{$comments_alert}<!-- /ProfileComments -->
{$pending_joinrequests}
<navigation>
Global.css
body {
background: #FFF;
color: #000;
text-align: center;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover, a:active {
color: #330000;
text-decoration: underline;
}
#container {
background: #FFF;
width: 75%;
color: #000000;
margin: auto auto;
padding: 5px;
text-align: left;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
.menu ul {
background: url(images/eOrange/thead_bg.gif);
width: 96%;
margin: auto auto;
border: 1px solid rgba(0,0,0,.6);
border-top: 1;
box-shadow: 0 1px rgba(0,0,0,.1),
1px 0 rgba(0,0,0,.1),
-1px 0 rgba(0,0,0,.1),
0 -1px rgb(255,255,255) inset,
0 1px 2px rgba(0,0,0,.2) inset,
1px 0 rgb(255,255,255) inset,
-1px 0 rgb(255,255,255) inset;
text-align: center;
}
.menu ul a:link {
color: #FFF;
text-decoration: none;
}
.menu ul a:visited {
color: #FFF;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #B17502;
text-decoration: none;
}
#panel {
background: #E8E8E8;
width: 98%;
color: rgba(0,0,0,.7);
margin: auto auto;
border: 1px solid rgba(0,0,0,.6);
border-top: 0;
box-shadow: 0 1px rgba(0,0,0,.1),
1px 0 rgba(0,0,0,.1),
-1px 0 rgba(0,0,0,.1),
0 -1px rgb(255,255,255) inset,
0 1px 2px rgba(0,0,0,.2) inset,
1px 0 rgb(255,255,255) inset,
-1px 0 rgb(255,255,255) inset;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
text-shadow: 0 1px white;
padding: 8px;
text-align: left;
font-size: 11px;
}
#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.tborder {
background: #E8E8E8;
border: 1px solid #7a7a7a;
width: 100%;
margin: auto auto;
border-radius-tipleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-radius-topright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
.thead {
background: none repeat scroll 0 0 #ffa326;
color:#000000;
border-radius-topleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-radius-topright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
padding: 5px 0 0 10px;
}
.thead a:link {
color: #000000;
text-decoration: none;
}
.thead a:visited {
color: #000000;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #000000;
text-decoration: underline;
}
.tcat {
background: url(images/eOrange/tcat_bg.gif);
color: #000000;
box-shadow: 0 1px rgba(0,0,0,.1),
1px 0 rgba(0,0,0,.1),
-1px 0 rgba(0,0,0,.1),
0 -1px rgb(255,255,255) inset,
0 1px 2px rgba(0,0,0,.2) inset,
1px 0 rgb(255,255,255) inset,
-1px 0 rgb(255,255,255) inset;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
text-shadow: 0 1px white;
font-size: 12px;
}
.tcat a:link {
color: #000000;
}
.tcat a:visited {
color: #000000;
}
.tcat a:hover, .tcat a:active {
color: #000000;
}
.trow1 {
background: #ffffff url(images/eOrange/trow.jpg) bottom left repeat-x;
border-bottom:2px solid #e7e7e7;
}
.trow2 {
background: #ffffff url(images/eOrange/trow.jpg) bottom left repeat-x;
border-bottom:2px solid #e7e7e7;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
}
.trow_sep {
background: #e5e5e5;
color: #000;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #c29450 url(images/eOrange/tfoot_bg.gif) top left repeat-x;
color: #ffffff;
}
.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: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}
.navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
}
.navigation a:link {
text-decoration: none;
}
.navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #000000;
font-size: 13px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}
textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
select {
background: #ffffff;
border: 1px solid #0f5c8e;
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
}
.autocomplete {
background: #fff;
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: #fff;
color: #000;
}
.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}
.trow_reputation_positive {
background: #ccffcc;
}
.trow_reputation_negative {
background: #ffcccc;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/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/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/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
border-left: 1px solid #383838;
border-right: 1px solid #1F1F1F;
margin-left: -4px;
padding: 10px;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
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;
}
blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #fff;
border: 1px solid #ccc;
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;
}
.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;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/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 #81A2C4;
}
.pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
color: #000;
}
.pagination a:hover {
background: #F5F5F5;
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;
}
.postbit {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dbd7db) );
background:-moz-linear-gradient( center top, #ededed 5%, #dbd7db 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dbd7db');
background-color:#ededed;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #dcdcdc;
/* display: inline-block; */
color:#777777;
font-family:Courier New;
font-size:11px;
font-weight:bold;
padding:5px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}
.postbit:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbd7db), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dbd7db 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd7db', endColorstr='#ededed');
background-color:#dbd7db;
}
.postbit:active {
position:relative;
top:1px;
}
.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;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
.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;
white-space: nowrap;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
.stats {
-webkit-box-shadow: inset 20px 58px 20px 70px #d7a200;
-moz-box-shadow: inset 20px 58px 20px 70px #d7a200;
box-shadow: inset 20px 58px 20px 70px #d7a200;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left:50px;
color: #ffffff;
font-size: 17px;
padding: 3px 8px;
}
.stats:hover {
color: #80d0cd;
-webkit-transition: color 200ms ease-in;
-moz-transition: color 200ms ease-in;
-o-transition: color 200ms ease-in;
}
.button {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dbd7db) );
background:-moz-linear-gradient( center top, #ededed 5%, #dbd7db 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dbd7db');
background-color:#ededed;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Courier New;
font-size:11px;
font-weight:bold;
padding:5px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbd7db), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dbd7db 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd7db', endColorstr='#ededed');
background-color:#dbd7db;
}
.button:active {
position:relative;
top:1px;
}
/* adjustments */
.post_buttons img[SRC*="multiquote"] {
display: none!important;
}
.post_body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.post_content a:link {
text-decoration: underline;
}
.post_content a:visited {
text-decoration: underline;
}
.topbar {
background: #2c2c2c;
border-bottom: 4px solid #f28b00;
height: 30px;
z-index: 3;
position: fixed;
top:0px;
left:0px;
right:0px;
}
/*Top level list items*/
.suckertreemenu ul li {
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
.thead {
border-bottom: 3px solid #3d3d3e;
border-top: 3px solid #3d3d3e;
border-left: 2px solid #3d3d3e;
border-right: 2px solid #3d3d3e;
}