<vb:if condition="!is_member_of($bbuserinfo, $vboptions['dbtech_vbdonate_cantuse'])">
<div id="donate-block">
<div align="center" style="margin-top:10px; margin-bottom:0px; font-size:11px;">
{vb:rawphrase dbtech_vbdonate_welcome}, <vb:if condition="$bbuserinfo['userid'] > 0"><a href="{vb:link member, {vb:raw bbuserinfo}}" title="{vb:rawphrase dbtech_vbdonate_my_profile}"><vb:else /><a href="register.php" title="{vb:rawphrase dbtech_vbdonate_register}"></vb:if>{vb:raw bbuserinfo.musername}</a>
</div>
<div align="center" class="blockrow">
<p>{vb:raw vboptions.dbtech_vbdonate_goal_meter_note_text}</p><br />
<p><a href="vbdonate.php?do=donate" title="{vb:rawphrase dbtech_vbdonate_cont_support} {vb:raw vboptions.bbtitle}" target="_self">
<vb:if condition="$vboptions['dbtech_vbdonate_verified_block']">
<img src="dbtech/vbdonate/images/{vb:raw vboptions.dbtech_vbdonate_verified_block_img}" style="padding-top: 5px; margin-bottom:-10px; max-width:150px;">
<vb:else />
<img src="dbtech/vbdonate/images/{vb:raw vboptions.dbtech_vbdonate_nverified_block_img}" style="padding-top: 5px; padding-bottom: 5px;">
</vb:if></a></p>
</div>
<br />
<vb:if condition="$vboptions['dbtech_vbdonate_sideblock_meter']">
{vb:raw show.dbtech_vbdonate_goal_meter_sideblock}
</vb:if>
<vb:if condition="$vboptions[dbtech_vbdonate_payment_types_sideblock]">
<center>
<img src="{vb:raw vboptions.bburl}/dbtech/vbdonate/images/logo/Paypal.png" style="padding-right:2px;"/>
<img src="{vb:raw vboptions.bburl}/dbtech/vbdonate/images/logo/visa.png" style="padding-right:2px;"/>
<img src="{vb:raw vboptions.bburl}/dbtech/vbdonate/images/logo/MasterCard.png" style="padding-right:2px;"/><br />
<img src="{vb:raw vboptions.bburl}/dbtech/vbdonate/images/logo/amex.png" style="padding-right:2px;"/>
<img src="{vb:raw vboptions.bburl}/dbtech/vbdonate/images/logo/Discover.png" style="padding-right:2px;"/>
<div style="margin-bottom:0px;" class="blockrow">{vb:rawphrase dbtech_vbdonate_payment_types}</div>
</center>
</vb:if>
<vb:if condition="$vboptions[dbtech_vbdonate_sideblock_contrib_img]">
<p><a href="vbdonate.php?do=donate" title="{vb:rawphrase dbtech_vbdonate_sideblock_img_title} {vb:raw vboptions.bbtitle}" target="_self">
<center><img src="dbtech/vbdonate/images/{vb:raw vboptions.dbtech_vbdonate_sideblock_contrib_img_img}" style="padding-top: 5px; padding-bottom: 0px;"></center>
</vb:if>
</a></p>
<br />
<ul id="sliding-navigation2" style="padding-left:2px; padding-right:3px; padding-bottom:3px;">
<li class="sliding-element1"><a href="vbdonate.php?do=donate" title="{vb:rawphrase dbtech_vbdonate_sideblock_img_title} {vb:raw vboptions.bbtitle}">{vb:rawphrase dbtech_vbdonate_donate}</a></li>
<li class="sliding-element2"><a href="vbdonate.php?do=contrib_table" title="{vb:rawphrase dbtech_vbdonate_view_cont_list}">{vb:rawphrase dbtech_vbdonate_show_contribs}</a></li>
<li class="sliding-element2"><a href="vbdonate.php?do=my_contrib_table" title="{vb:rawphrase dbtech_vbdonate_view_mycont}">{vb:rawphrase dbtech_vbdonate_my_dons}</a></li>
</ul></div>
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
<script type="text/javascript">
var $sq = jQuery.noConflict();
$sq(document).ready(function() {
$sq('#sliding-navigation2').slide({
time: 50,
multiplier: .6
});
});
</script>
<script>
(function($) {
$.fn.extend({
slide: function(options) {
var defaults = {
pad_out: 25,
pad_in: 15,
time: 150,
multiplier: .8
}
var ops = $.extend(defaults, options);
return this.each(function() {
var $list_elements = $(this).find('li');
var $link_elements = $list_elements.find('a');
var timer = 0;
$list_elements.each(function() {
//$(this).css("margin-left","-180px");
timer = (timer*ops.multiplier + ops.time);
$(this).animate({ marginLeft: "1px" }, timer);
//$(this).animate({ marginLeft: "845px" }, timer);
$(this).animate({ marginLeft: "1px" }, timer);
});
$link_elements.each(function() {
$(this).hover(
function() {
$(this).animate({ paddingLeft: ops.pad_out }, 150);
},
function() {
$(this).animate({ paddingLeft: ops.pad_in }, 150);
}
);
});
});
}
});
})(jQuery);
</script>
<style type="text/css">
<!--
/*--------- sliding menu css ----------------*/
#donate-block {
position:relative;
top:0px;
left:0px;
}
ul#sliding-navigation2
{
list-style: none;
font-size: .75em;
margin: 0px 0;
padding: 0;
}
ul#sliding-navigation2 li.sliding-element1 h3{
z-index:10000;
display: block;
width: 166px;
padding: 5px 10px;
margin: 0;
margin-bottom: 0px;
}
ul#sliding-navigation2 li.sliding-element1 a{
font-size:12px!important;
z-index:10000;
display: block;
/*width: 155px;*/
padding: 5px 15px;
margin: 0;
margin-bottom: 0px;
}
ul#sliding-navigation2 li.sliding-element2 h3{
z-index:10000;
display: block;
width: 166px;
padding: 5px 10px;
margin: 0;
margin-bottom: 0px;
}
ul#sliding-navigation2 li.sliding-element2 a{
font-size:12px!important;
z-index:10000;
display: block;
/*width: 155px;*/
padding: 5px 15px;
margin: 0;
margin-bottom: 0px;
}
ul#sliding-navigation2 li.sliding-element1 a
{
color: {vb:stylevar blockrow_link_color};
background-color:{vb:stylevar blockbody_background};
border: {vb:stylevar threadbit_border};
text-decoration: none;
}
ul#sliding-navigation2 li.sliding-element2 a
{
color: {vb:stylevar blockrow_link_color};
background-color:{vb:stylevar blockbody_background};
border-left: {vb:stylevar threadbit_border};
border-right: {vb:stylevar threadbit_border};
border-bottom: {vb:stylevar threadbit_border};
text-decoration: none;
}
ul#sliding-navigation2 li.sliding-element1 a:hover { color: {vb:stylevar linkhover_color}; }
ul#sliding-navigation2 li.sliding-element2 a:hover { color: {vb:stylevar linkhover_color}; }
/* newpage */
.newpagewrap{
height: auto;
width: 100%;
position:relative;clear:both;
}
.newpageL {
height: auto;
float: left;
width: 190px;
}
.newpageC{
vertical-align:top;
margin-top: 0;
margin-right: 190px;
margin-bottom: 0px;
margin-left: 190px;
}
.newpageR {
position:relative;
height: auto;
float: right;
width: 190px;
}
-->
</style>
</vb:if>
