Jump to content

[vBulletin] Move Username to the Left?

- - - - -
Started by SuperSponge, Nov 03 2010 11:53 AM

This topic has been archived. This means that you cannot reply to this topic.
8 replies to this topic

#1
SuperSponge
Posted 03 November 2010 - 11:53 AM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Hello,

When I stack the ranks, the username is perfect and fine but when I unstack them the username is centered? How do I make it go to the left.

Posted Image

#2
Alexander
Posted 03 November 2010 - 01:05 PM

Alexander

    It's Science!

  • Moderators
  • 4,118 posts
There is no way for us to know unless you show an example page, this is not so much a PHP question; the CSS defines the position.
Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#3
SuperSponge
Posted 03 November 2010 - 01:28 PM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Spyike.org Rules!

#4
SuperSponge
Posted 03 November 2010 - 01:35 PM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
This is the Postbit.css file:

@charset "UTF-8";
/* CSS Document */

/* last edited notice */
.lastedited {
	font-style:italic;
	padding-top: 1em;
	color: {vb:stylevar body_color};
	font-size: {vb:stylevar small_fontSize};
/*	clear:both; */
}

.lastedited a {
	color: {vb:stylevar body_color};
}
/* reputation image */
.postbit_reputation {
	padding:0 0 0 3px;
	clear:both;
	display:block;
}
img.repimg {
	padding:0;
	margin:0 0 0 -3px;
	display:inline;
}

.quickedit {
border-top: {vb:stylevar tabslight_border};
}
/*signature */
.signature {
        padding-top: 1em;
	border-top: {vb:stylevar signature_border};
        margin-top: 2em;
}


/*post bit*/
.postbit, .postbitlegacy, .eventbit {
	margin-bottom: {vb:stylevar padding};
	display:block;
	width: 100%;
	clear:both;
	position: relative;
	float: {vb:stylevar left};
	color: {vb:stylevar body_color};
	border: {vb:stylevar postbit_border};
}

.postbit object {
	clear:both; 
}

.postbit .postdetails {
	width: 100%;
	display:block;
	float: {vb:stylevar left};
}

.postrow {
	overflow: auto;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background: {vb:stylevar postbithead_background};
	_background-image: none;
	border: {vb:stylevar postbithead_border};
	clear:both;
	display:block;
	float: {vb:stylevar left};
	width: 100%;
	color: {vb:stylevar postbithead_color};
	margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
	font: {vb:stylevar postbithead_font};
	padding: 4px 0;
}

.postbit .posthead .postdate, .postbitlegacy .posthead .postdate {
            display:block;
            float:{vb:stylevar left};
            clear:{vb:stylevar right};
            width: 49%;
            margin-{vb:stylevar left}: 10px;
            font: {vb:stylevar postbithead_font};
            padding-{vb:stylevar left}: 15px;
}

.postbit .posthead .postdate.old, .postbitlegacy .posthead .postdate.old {
            background:transparent url({vb:stylevar imgdir_statusicon}/post_old.png) no-repeat center {vb:stylevar left};
}

.postbit .posthead .postdate.new, .postbitlegacy .posthead .postdate.new {
            background:transparent url({vb:stylevar imgdir_statusicon}/post_new.png) no-repeat center {vb:stylevar left};
}

.postbit .postdate .time {
	color: {vb:stylevar postbithead_color};
	margin-{vb:stylevar left}: {vb:stylevar padding};
}

.postbithead .postdate .time {
	color: {vb:stylevar body_color};
}

.postbit .userinfo .contact, .postbit .userinfo_noavatar .contact {
	position: relative;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	width: 50%;
	display:block;
}
.postbit .postuseravatarlink {
	display:block; 
	text-align: center;
	position: relative;
	top: 0;
	margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}

.postbit .postuseravatarlink img {
}


.postbit .nodecontrols .postimod{
	top: 0;
	position:relative;
	margin-{vb:stylevar left}: {vb:stylevar padding};
}

.postbit .userinfo, .postbit .userinfo_noavatar {
	background: {vb:stylevar postbit_userinfo_background};
	_background-image: none;
	clear:both;
	min-height: {vb:math {vb:stylevar postbit_avatar_maxSize}+1-{vb:math {vb:math {vb:math {vb:stylevar font.fontSize}-1}*1.230}+{vb:stylevar padding}}};
	height: auto !important;
	border-bottom:{vb:stylevar postbit_border};
	padding: 0.5em 0;
	width: 100%;
	float: {vb:stylevar left};
}

.postbit .userinfo .contact, .userinfo .userinfo_extra, .postbit .userinfo_noavatar .contact {
	display:inline-block;
	min-height: {vb:math {vb:stylevar postbit_avatar_maxSize}+1-{vb:math {vb:math {vb:math {vb:stylevar font.fontSize}-1}*1.230}+{vb:stylevar padding}}};
	height: auto !important;
	height: {vb:math {vb:stylevar postbit_avatar_maxSize}+1-{vb:math {vb:math {vb:math {vb:stylevar font.fontSize}-1}*1.230}+{vb:stylevar padding}}};
}
.postbit .username_container {
 	float: {vb:stylevar left};
 	clear: {vb:stylevar right};
 	display:block;
 	margin-{vb:stylevar left}: {vb:stylevar padding};
}
.postbit .userinfo .username_container .memberaction, .postbit .userinfo_noavatar .username_container .memberaction {
 	display: inline;
}

.postbit .postdetails_noavatar .posthead, .postbit .postdetails_noavatar .userinfo .contact {
	margin-{vb:stylevar left}: 0;
}
/*
.postbit .userinfo .postbit_reputation {
        margin-{vb:stylevar left}: {vb:math {vb:stylevar postbit_avatar_maxSize} + {vb:stylevar padding} + 5px};
}
*/
.postbit .userinfo .username, .postbit .userinfo_noavatar .username {
	font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
	font-weight: bold;
}

.postbit .userinfo_noavatar .imlinks img {
	display:inline;
}
.postbit .userinfo .username.guest, .postbit .userinfo_noavatar .username.guest {
	font-weight:normal;
}

.postbit .userinfo_noavatar .usertitle, .postbit .userinfo .usertitle, .postbit .userinfo_noavatar .rank, .postbit .userinfo .rank {
	font-size: {vb:stylevar small_fontSize};
	font-weight: bold;
	display:block;
	clear:both;
}
.postbit .userinfo .userinfo_extra, .postbit .userinfo_noavatar .userinfo_extra {
	text-align: {vb:stylevar right};
	width: 300px;
	float: {vb:stylevar right};
	font-size: {vb:stylevar small_fontSize};
}

.postbit .userinfo .userinfo_extra dl, .postbit .userinfo_noavatar .userinfo_extra dl {
	margin-{vb:stylevar right}: {vb:stylevar padding};
	float: {vb:stylevar right};
	width: 150px;
}

.postbit .userinfo_extra dl dt {
	float:{vb:stylevar left};
	display:block;
	/*color:{vb:stylevar shade_color};*/
	margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.postbit .userinfo_extra dl dt:after  {
	content:":";
}
.postbit .userinfo_extra dl dt.blank:after {
	content:none;
}
.postbit .userinfo_extra dl dd {
	display:block;
}

.postbit .userinfo .moreinfo, .postbit .userinfo_noavatar .moreinfo {
	float: {vb:stylevar left};
	display: inline;
}

.postbit .userinfo .popupmenu a.popupctrl, .postbit .userinfo_noavatar .popupmenu a.popupctrl {
	font-size: {vb:stylevar mid_fontSize};
	background: transparent;
	padding: 0;
	display:inline-block;
}

.postbit .userinfo .popupmenu a.popupctrl:hover, .postbit .userinfo_noavatar .popupmenu a.popupctrl:hover {
	color: {vb:stylevar link_color};
	text-decoration: {vb:stylevar linkhover_hoverDecoration};
}

.postbit .postbody {
	clear: both;
	color: {vb:stylevar postbit_color};
}


.postbit .postrow {
	font-family: {vb:stylevar forum_msg_font.fontFamily};
}
.postbit .postrow {
	padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding} 3em;
	font: {vb:stylevar forum_msg_font};
}
.postbit hr {
	display:none;
}

.postcontent {
	word-wrap: break-word;
}


.postbit .posttitle {
	display:block;
	padding: {vb:stylevar padding};
	font-weight:bold;
	font: {vb:stylevar post_title_font};
	margin: 0;
}

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
}

/*postbit legacy*/


.birthdays {
	border-top: {vb:stylevar postbit_border};
}

.postbitlegacy hr, .eventbit hr {
	display: none;
}

.postbitlegacy .postdetails, .eventbit .eventdetails {
	float: {vb:stylevar left};
	width: 100%;
	background: {vb:stylevar postbit_userinfo_background};
	_background-image: none;
}

.eventbit .eventhead {
	height: auto;
	padding-bottom: 5px;
}

.birthdays .posthead {
	border: {vb:stylevar postbithead_border};
	background: {vb:stylevar postbithead_background};
	_background-image: none;
	padding: 4px 0;
	padding-{vb:stylevar left}: {vb:stylevar padding};
	color: {vb:stylevar postbithead_color};
	margin-{vb:stylevar left}: 0;
	font: {vb:stylevar postbithead_font};
}

.birthdays .eventrow {
	background: {vb:stylevar postbit_background};
	_background-image: none;
}



.eventbit .eventhead .eventdate span.date, .eventbit .eventhead .eventdate .time {
	font: {vb:stylevar postbithead_font};
	color: {vb:stylevar postbithead_color};
}

.eventbit .eventhead .eventdate span.date {
	padding-{vb:stylevar left}: {vb:stylevar padding};
	font: {vb:stylevar postbithead_font};
}



.postbitlegacy .posthead .time {
	font: {vb:stylevar postbithead_font};
	color: {vb:stylevar postbithead_color};
}

.postbit .posthead .nodecontrols, .postbitlegacy .posthead .nodecontrols, .eventbit .eventhead .nodecontrols {
	position: absolute;
	color: {vb:stylevar postbithead_color};
	{vb:stylevar right}: 0;
	top: 0;
	width: 50% ;
	padding: 4px {vb:stylevar padding} 0;
	text-align: {vb:stylevar right};
	font: {vb:stylevar postbithead_font};
	vertical-align: middle;
}

.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
	color: {vb:stylevar postbithead_color};
        top: -2px;
        position:relative;
}

.postbitlegacy .posthead .nodecontrols img, .eventbit .eventhead .nodecontrols img {
	position: relative;
	top: 2px;
	padding: 0;
}

.postbitlegacy .posthead .nodecontrols .postimod, .eventbit .eventhead .nodecontrols .postimod {
	top: 0px;
	position:relative;
	margin-{vb:stylevar left}: 5px;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
	margin-{vb:stylevar left}: {vb:stylevar postbitlegacy_userinfo_width};
	border-{vb:stylevar left}: {vb:stylevar postbit_userinfo_border};
	background: {vb:stylevar postbit_background};
	_background-image: none;
	padding-bottom: 1em;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
	padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding} {vb:stylevar padding};
	font: {vb:stylevar forum_msg_font};
	color: {vb:stylevar postbit_color};
}

.eventbit dl.stats {
	display: inline-block;
	height: auto;
}

.postbitlegacy .userinfo {
	float:{vb:stylevar left};
	position: relative;
	width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}}; 
	padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
	font-size: {vb:stylevar small_fontSize};
	display:block;
        background: {vb:stylevar postbit_userinfo_background};
	clear:both;
}

.postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {
	font-size: {vb:stylevar small_fontSize};
	display:block;
	clear:both;
}

.eventbit .userinfo {
	float:{vb:stylevar left};
	position: relative;
	width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
	padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
	font-size: {vb:stylevar small_fontSize};
	display:block;
}

.postbitlegacy .userinfo .username_container {
	margin-bottom: 8px;
}


.postbitlegacy .userinfo .username_container .memberaction {
	display: inline;
}

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
	display:block;
	margin:{vb:math {vb:stylevar padding}/3} auto 0;
	text-align:{vb:stylevar left};
	width: auto;
	float: {vb:stylevar left};
	clear: both;
}

.postbitlegacy .userinfo .postuseravatar img, .eventbit userinfo .eventuseravatar img {
	border: {vb:stylevar postbitlegacy_avatar_border};
 	outline: {vb:stylevar postbitlegacy_avatar_outline};
 	max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
	font-size:{vb:stylevar font.fontSize}{vb:stylevar font.units};
	font-weight:bold;
	width: auto;
	max-width:{vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2} - 20px};
	word-wrap:break-word;
}

.postbitlegacy .userinfo .guest.username, .eventbit .userinfo .guest.username {
	padding-top: {vb:math {vb:stylevar padding}/2};
	display:block;
	font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}

.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
	margin: {vb:math {vb:stylevar padding}/2} 0;
	display:block;
	float: {vb:stylevar left};
	width: 80px; 
}
.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
	float: {vb:stylevar left};
	text-align: {vb:stylevar left};
	/*color: {vb:stylevar shade_color};*/
	margin-{vb:stylevar right}: {vb:stylevar padding};
	margin-{vb:stylevar left}: 0;
	min-width:60px;
	width:auto !important;
	width:60px;
}

.postbitlegacy dl.userinfo_extra dt:after, .postbitlegacy dl.user_rep dt:after {
	content: ":";
}

.postbitlegacy dl.user_rep dt.blank:after {
	content: none;
}

.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
	padding-bottom: 3px;
}

.postbitlegacy dl.user_rep img {
	margin-top: {vb:stylevar padding};
}

.postbitlegacy .imlinks {
	width: 100%;
	float: {vb:stylevar left};
}

.postbitlegacy .imlinks img {
	display:inline;
}

.postbitlegacy .title, .eventbit .title {
	display:block;
	padding: {vb:stylevar padding};
        padding-{vb:stylevar left}: 0;
	font: {vb:stylevar post_title_font};
}

.postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot {
	display:block;
	position: relative;
	{vb:stylevar right}: 0;
	float: {vb:stylevar left};
	clear:both;
	/*vertical-align: bottom;*/
	background: transparent;
	/*height: {vb:math 16px + {vb:math 5px * 2}};*/
	font: {vb:stylevar postbit_control_font};
	width: 100%;
}

.postbitlegacy .postrow.has_after_content {
	padding-bottom: 4em;
}

.postbitlegacy .after_content {
	position: relative;
	width: 100%;
	clear:both;
}

.postbitlegacy .signature, .postbitlegacy .lastedited {
	margin-top: 1em;
	padding: 1em {vb:stylevar padding} 0;
}

.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
	padding: 6px 0 4px;
	display:block;
	background: {vb:stylevar postbit_foot_background};
	_background-image: none;
	font: {vb:stylevar postbit_control_font};
	width: 100%;
	margin-{vb:stylevar right}: 10px;
}
.postbitlegacy .postfoot  .postcontrols, .postbit .postfoot  .postcontrols {
	float:{vb:stylevar right};
	padding-{vb:stylevar right}:{vb:stylevar padding};
	text-align:{vb:stylevar right};
	width:50%;
}

.postbitlegacy .postfoot .postlinking, .postbit .postfoot .postlinking {
	padding-{vb:stylevar left}:{vb:stylevar padding};
}
.eventbit .eventfoot .textcontrols {
	display:block;
	float: {vb:stylevar right};
	margin-{vb:stylevar right}: 10px;
}

.postbitlegacy .postfoot .textcontrols img.inline, .postbit .postfoot .textcontrols img.inline {
	position: absolute;
	top: 2px;
	{vb:stylevar left}: -1px;
	margin-{vb:stylevar right}: 1px;
}
.postbitlegacy .postfoot .textcontrols span.seperator, .postbit .postfoot .textcontrols span.seperator {
	border-right:{vb:stylevar postfoot_separator_width} solid {vb:stylevar postfoot_separator_color};
	display: inline;
	width: {vb:stylevar postfoot_separator_width};
	margin: 0 5px;
}
.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 3px;
	padding-{vb:stylevar left}: {vb:math 3px+20px};
	border: {vb:stylevar postbit_control_border};
	background: {vb:stylevar postbit_control_background};
	_background-image: none;
	color: {vb:stylevar postbit_control_color};
	font: {vb:stylevar postbit_control_font};
	display:inline-block;
	/* margin needs to be left invariant of the text direction (LTR-RTL) */
	margin-left: 5px;
}

/* Text button hover images */
.postbitlegacy .postfoot .textcontrols img.spam, .postbit .postfoot .textcontrols img.spam  {
	padding-top: 2px;
}
.postbitlegacy .postfoot .textcontrols img.moderated, .postbit .postfoot .textcontrols img.moderated, .postbitlegacy .postfoot .textcontrols img.spam, .postbit .postfoot .textcontrols img.spam, .postbitlegacy .postfoot .textcontrols img.deleted_nolink, .postbit .postfoot .textcontrols img.deleted_nolink  {
	padding-top: 2px;
}
.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent  {
	background: url({vb:stylevar imgdir_button}/edit_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left} ;
        padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.editpost:hover, .postbit .postfoot .textcontrols a.editpost:hover, .eventbit .eventfoot .textcontrols a.editevent:hover  {
	background: url({vb:stylevar imgdir_button}/edit_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost  {
	background: url({vb:stylevar imgdir_button}/reply_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.quickreply:hover, .postbit .postfoot .textcontrols a.quickreply:hover, .postbitlegacy .postfoot .textcontrols a.forwardpost:hover, .postbit .postfoot .textcontrols a.forwardpost:hover  {
	background: url({vb:stylevar imgdir_button}/reply_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply  {
	background: url({vb:stylevar imgdir_button}/quote_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.newreply:hover, .postbit .postfoot .textcontrols a.newreply:hover  {
	background: url({vb:stylevar imgdir_button}/quote_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote  {
	background: url({vb:stylevar imgdir_button}/multiquote-back_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	padding-bottom:1px;
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.multiquote:hover, .postbit .postfoot .textcontrols a.multiquote:hover  {
	background: url({vb:stylevar imgdir_button}/multiquote_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};	
}
.postbitlegacy .postfoot .textcontrols a.promotecms, .postbit .postfoot .textcontrols a.promotecms  {
	background: url({vb:stylevar imgdir_cms}/promote_small.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.promotecms:hover, .postbit .postfoot .textcontrols a.promotecms:hover  {
	background: url({vb:stylevar imgdir_cms}/promote_small-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.infraction, .postbit .postfoot .textcontrols a.infraction  {
	background: url({vb:stylevar imgdir_button}/add-infraction_sm.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.infraction:hover, .postbit .postfoot .textcontrols a.infraction:hover  {
	background: url({vb:stylevar imgdir_button}/add-infraction_sm-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report  {
	background: url({vb:stylevar imgdir_button}/report-40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.report:hover, .postbit .postfoot .textcontrols a.report:hover  {
	background: url({vb:stylevar imgdir_button}/report-40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.blog, .postbit .postfoot .textcontrols a.blog  {
	background: url({vb:stylevar imgdir_misc}/blog/blogpost_40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.blog:hover, .postbit .postfoot .textcontrols a.blog:hover  {
	background: url({vb:stylevar imgdir_misc}/blog/blogpost_40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left} ;
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputation  {
	background: url({vb:stylevar imgdir_button}/reputation-40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.reputation:hover, .postbit .postfoot .textcontrols a.reputation:hover  {
	background: url({vb:stylevar imgdir_button}/reputation-40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.ip, .postbit .postfoot .textcontrols a.ip  {
	background: url({vb:stylevar imgdir_button}/ip-40b.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.ip:hover, .postbit .postfoot .textcontrols a.ip:hover  {
	background: url({vb:stylevar imgdir_button}/ip-40b-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.redcard, .postbit .postfoot .textcontrols a.redcard  {
	background: url({vb:stylevar imgdir_button}/red-card_sm.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.redcard:hover, .postbit .postfoot .textcontrols a.redcard:hover  {
	background: url({vb:stylevar imgdir_button}/red-card_sm-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.yellowcard, .postbit .postfoot .textcontrols a.yellowcard  {
	background: url({vb:stylevar imgdir_button}/yellow-card_sm.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.yellowcard:hover, .postbit .postfoot .textcontrols a.yellowcard:hover  {
	background: url({vb:stylevar imgdir_button}/yellow-card_sm-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a.deleted, .postbit .postfoot .textcontrols a.deleted  {
	background: url({vb:stylevar imgdir_button}/deleted_sm.png) no-repeat {vb:stylevar postbit_control_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_border};
}
.postbitlegacy .postfoot .textcontrols a.deleted:hover, .postbit .postfoot .textcontrols a.deleted:hover  {
	background: url({vb:stylevar imgdir_button}/deleted_sm-hover.png) no-repeat {vb:stylevar postbit_control_hover_background} {vb:stylevar left};
	padding: {vb:stylevar postbit_control_padding};
	padding-{vb:stylevar left}: {vb:math {vb:stylevar postbit_control_padding}+20};
	border: {vb:stylevar postbit_control_hover_border};
}
.postbitlegacy .postfoot .textcontrols a:hover, .postbit .postfoot .textcontrols a:hover {
	color: {vb:stylevar postbit_control_hover_color};
	background: {vb:stylevar postbit_control_hover_background};
	_background-image: none;
}

.postbitlegacy .postfoot .textcontrols a.highlight, .postbit .postfoot .textcontrols a.highlight {
	background-color: {vb:stylevar postbit_control_hover_background.backgroundColor};
}

.postbitlegacy .postfoot .textcontrols a img, .postbit .postfoot .textcontrols a img {
	position: absolute;
	top: {vb:math {vb:stylevar padding}/5};
	{vb:stylevar left}: {vb:math {vb:stylevar padding}/5+1};
}

.postbitlegacy .postfoot .textcontrols a:hover img, .postbit .postfoot .textcontrols a:hover img {
	top: {vb:math {vb:stylevar padding}/5};
}

/*post bit deleted*/
.postbitdeleted, .postbitignored {
	margin-bottom: {vb:stylevar padding};
	display:block;
	width: 100%;
	clear:both;
	position: relative;
	color: {vb:stylevar body_color};
	border: {vb:stylevar postbit_border};
	float: {vb:stylevar left};
	background: {vb:stylevar postbit_deleted_background};
	_background-image: none;
}

.postbitdeleted hr, .postbitignored hr {
	display: none;
}

.postbitdeleted .posthead, .postbitignored .posthead {
	display:table;
	background: {vb:stylevar postbithead_background};
	_background-image: none;
	border: {vb:stylevar postbithead_border};
	height: {vb:math {vb:stylevar padding}+6};
	padding: {vb:math {vb:stylevar padding}/5+2} 0;
	color: {vb:stylevar postbithead_color};
	width: 100%;
	margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
	font: {vb:stylevar postbithead_font};
}

.postbitdeleted .posthead .date, .postbitignored .posthead .date {
	display:inline-block;
	padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}+4};
	margin-{vb:stylevar left}: {vb:stylevar padding};
	color: {vb:stylevar postbithead_color};
	background:transparent url({vb:stylevar imgdir_statusicon}/post_old.png) no-repeat center {vb:stylevar left};
	font: {vb:stylevar postbithead_font};
}

.postbitdeleted .posthead .date .time, .postbitignored .date .time {
	color: {vb:stylevar postbithead_color};
	margin-{vb:stylevar left}: {vb:stylevar padding};
	font: {vb:stylevar postbithead_font};
}

.postbitdeleted .posthead .postimod, .postbitignored .posthead .postimod {
	position: absolute;
	{vb:stylevar right}: {vb:stylevar padding};
	top: {vb:math {vb:stylevar padding}/2};
}

.postbitdeleted .postbody, .postbitignored .postbody {
	padding: 0;
}

.postbitdeleted .postrow, .postbitignored .postrow {
	padding:  {vb:stylevar padding};
}

.postbitdeleted .userinfo .memberaction, .postbitignored .userinfo .memberaction {
	display: block;
}


.postbitdeleted .userinfo, .postbitignored .userinfo {
	display:block;
	background: transparent;
	position: relative;
	clear: both;
	padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
	border-bottom: {vb:stylevar postbit_border};
	word-wrap: break-word;
}

.postbitdeleted .userinfo .username, .postbitignored .userinfo .username {
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
	/*font-weight:bold;*/
}

.postbitdeleted .userinfo .moreinfo, .postbitignored .userinfo .moreinfo {
	float: {vb:stylevar left};
	display:block;
	position: relative;
	top: -5px;
}

.postbitdeleted .userinfo .usertitle, .postbitignored .userinfo .usertitle {
	clear:both;
	display:block
	width: 100%;
}

.postbitdeleted .userinfo .popupmenu a.popupctrl:hover, .postbitignored .userinfo .popupmenu a.popupctrl:hover {
	color: {vb:stylevar link_color};
	text-decoration: {vb:stylevar linkhover_textDecoration};
}

.postbitdeleted .title, .postbitignored .title {
	font: {vb:stylevar post_title_font};
}

.postbitdeleted .nodecontrols, .postbitignored .nodecontrols {
	padding: 4px 0;
	padding-{vb:stylevar right}: {vb:stylevar padding};
	text-align: {vb:stylevar right};
	background: {vb:stylevar postbit_foot_background};
	_background-image: none;
	font: {vb:stylevar postbit_control_font};
	height: 16px;
}

.postbitdeleted .nodecontrols .textcontrol, .postbitignored .nodecontrols .textcontrol {
	background: {vb:stylevar postbit_control_background};
	_background-image: none;
	border: {vb:stylevar postbit_control_border};
	font: {vb:stylevar postbit_control_font};
}

.postbitdeleted .nodecontrols a.textcontrol:hover, .postbitignored .nodecontrols a.textcontrol:hover {
	background: {vb:stylevar postbit_control_hover_background};
	_background-image: none;
	border: {vb:stylevar postbit_control_border};
}

.userinfo .popupmenu:hover a.popupctrl {
	background-color:transparent;
}

.userinfo .popupgroup .popupmenu:hover a.popupctrl.active,
.userinfo .popupmenu a.popupctrl.active {
	background-color:transparent;
	color:inherit;
}
.postbit .userinfo .popupmenu .popupctrl {
	color:auto;
}

.postbit.imod_highlight .userinfo_noavatar,
.postbit.imod_highlight .userinfo,
.postbit.imod_highlight .postbody,
.postbitlegacy.imod_highlight .postdetails,
.postbitlegacy.imod_highlight .userinfo,
.postbitlegacy.imod_highlight .postbody,
.postbitdeleted.imod_highlight,
.postbitignored.imod_highlight {
	background:{vb:stylevar imodhilite_backgroundColor};
	color: {vb:stylevar body_color};
}


/* start styles for postbit_legacy */
.userinfo .popupmenu:hover a.popupctrl {
	background-color:transparent;
}
.userinfo .popupgroup .popupmenu:hover a.popupctrl.active,
.userinfo .popupmenu a.popupctrl.active {
	background-color:transparent;
	color:inherit;
}
.postbitlegacy .userinfo .popupmenu .popupctrl {
	color:auto;
}
/* end styles for postbit_legacy */

img.onlinestatus_noavatar {
	position: relative;
	top: 5px;
	{vb:stylevar left}: -56px;
}
img.onlinestatus {
	position: relative;
	top: 5px;
	{vb:stylevar left}: -4px;
}

/* last edited */
.postbody fieldset {
	background: {vb:stylevar postbit_boxed_background};
	_background-image: none;
	-moz-border-radius: {vb:stylevar border_radius};
	padding: {vb:stylevar postbit_boxed_padding};
	font-size: {vb:stylevar postbit_boxed_fontSize};
}

.postbody img.inlineimg {
	position: relative;
	top: 2px;
}

.postbody .lastedited .reason {
	font-weight: bold;
}

.postbitlegacy .userinfo .userinfo_extra {
	width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
	float: {vb:stylevar left};
	font-size: {vb:stylevar small_fontSize};
}

.hasad {
	display:block;
	margin-{vb:stylevar right}: {vb:stylevar ad_post_maxWidth};
}

#5
Alexander
Posted 03 November 2010 - 02:24 PM

Alexander

    It's Science!

  • Moderators
  • 4,118 posts
Try adding this to the bottom of your CSS definitions:
.usertitle, .username_container {
    text-align: left;
}
It worked when I did it in Firebug, I think it is what you wanted.
Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#6
SuperSponge
Posted 03 November 2010 - 11:34 PM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Spyike.org Rules!


I didn't add it to CSS defintions because I can't save it so I added it to the bottom of Postbit.css?

#7
SuperSponge
Posted 04 November 2010 - 08:49 AM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Alright I added to Css Definitions, check now I need the avatar repositioned.

#8
SuperSponge
Posted 04 November 2010 - 09:30 AM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Additional.css

@charset "UTF-8";
/* CSS Document */

/**
* Custom CSS by Forumthemes.com
*/

/************************************************************************/
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

body {
	margin: 0;
}
.wgo_block {
	margin:0;
}
.facebook_cvb {
position:absolute;
top:15px;
right:15px;
z-index:3000;
}
#userleft {
float:left;
}
#forums *, #wgo *, #forumbits * {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
.navbar {
	-moz-border-radius-bottom{vb:stylevar left}: 0 !important;
	-moz-border-radius-bottom{vb:stylevar right}: 0 !important;
	-webkit-border-bottom-{vb:stylevar left}-radius: 0 !important;
	-webkit-border-bottom-{vb:stylevar right}-radius: 0 !important;
}

.announcements {
	margin-top:10px;
}
.highlight {
	background-image:none;
}
.forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
	background: {vb:stylevar forumrow_background};
	border:{vb:stylevar forumbits_border};
	border-top:0;
}
.forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
	background: #f6f6f6;
	border-top:0;
	border:{vb:stylevar forumbits_border};
}
.threadbit.row1 .nonsticky{
	background: {vb:stylevar threadbit_background};
}
.threadbit.row2 .nonsticky{
	background: #f6f6f6;
}
.threadbit .sticky .alt {

}
.threadbit.row1 .nonsticky .alt {
	background:#f9f9f9;
}
.threadbit.row2 .nonsticky .alt {
	background:#efefef;
}
.navlinksBox {
	text-align: center;
	color: {vb:stylevar navlinks_color};
	font-size: 11px;
        font-weight:700;
        margin-top: 8px;
        margin-bottom: 0;
        width:100%;
        clear:both;
}

.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
	color:#004499;
	font: 14px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
	color:#ff7e00;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
	color:#5080c0;
	font-weight:400;
}
.forumrow .lastposttitle a:hover{
	color:#ff7e00;
}

.bodyWrap {
	background:#fff;
	margin:0 2px;	
}
.body_wrapper {
	padding:0;
	margin:0;
}
.above_body {
	padding:0;
	margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
	border-top:0;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {
	background:#f6fafc url(images/styles/RoyalFlush/style/pageBG.gif) repeat-x top left;
}
.pageBottom {
	background:url(images/styles/RoyalFlush/style/pageBottomBG.gif) repeat-x bottom left;
	padding: {vb:stylevar doc_margin};
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.doc_header {
	height:168px;
}
#headerMain {
	height:168px;
	position:relative;	
}
.headerWrap {
	background:url(images/styles/RoyalFlush/style/logoBox.gif) no-repeat top left;
	height:161px;
	padding:7px 0 0 263px;
	position:relative;
}
#logo {
	position:absolute;
	top:42px;
	left:7px;
}
.searchBox {
	background:url(images/styles/RoyalFlush/style/searchBox.gif) no-repeat top left;
	width:280px;
	height:58px;
	padding:9px 0 0 11px;
	position:absolute;
	top:84px;
	left:280px
}
.searchInputBox {
	background: url(images/styles/RoyalFlush/style/searchInput.gif) no-repeat top left;
	width:236px;
	height:23px;
	float:left;
}
.searchInput {
	background:transparent;
	border:0;
	color: #666;
	padding:4px 0;
	font-size:12px;
	width:124px;
	margin:0 5px;
}
.loginBox {
	background:url(images/styles/RoyalFlush/style/loginBox.gif) no-repeat top left;
	width:277px;
	height:58px;
	padding:9px 0 0 14px;
	position:absolute;
	top:84px;
	left:581px;
}
.loginBox form, .searchBox form {
	margin:0;
	padding:0;
}
.loginBox ul {
	list-style:none;
	padding:0;
	margin:0;
}
.loginBox li {
	float:left;
	margin:0;	
	padding:0 5px 0 0;
}
.loginBoxInput {
	background: url(images/styles/RoyalFlush/style/loginBoxInput.gif) no-repeat top left;
	width:116px;
	height:23px;
}
.loginInput {
	background:transparent;
	border:0;
	color: #666;
	padding:4px 0 3px 0;
	font-size:12px;
	width:106px; 
	margin:1px 5px 0 5px;
}
.boxHeading {
	padding:0 0 8px 0;
}
.boxHeading strong, .searchBox h4 {
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding:0;
	margin:0;	
}
.boxHeading .notReg {
	float:right;
	margin-right:13px;
}
a.notReg, a.link.notReg, a:visited.notReg {
	color:#cae2ff;
}
a:hover.notReg {
	color:#fff;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
	background:#fff;
}
#contentBox {
	background:url(images/styles/RoyalFlush/style/contentBoxBG.gif) repeat-x top left;
}
.contentBoxLeft {
	background:url(images/styles/RoyalFlush/style/contentBoxLeftBG.gif) repeat-y top left;
}
.contentBoxRight {
	background:url(images/styles/RoyalFlush/style/contentBoxRightBG.gif) repeat-y top right;
}
.contentBoxTopLeft {
	background:url(images/styles/RoyalFlush/style/contentBoxLeft.gif) no-repeat top left;	
}
.contentBoxTopRight {
	background:url(images/styles/RoyalFlush/style/contentBoxRight.gif) no-repeat top right;
	padding:25px 15px 15px 15px;
}

/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerNav {
	background:url(images/styles/RoyalFlush/style/footerNav.gif) repeat-x top left;
	height:37px;
	line-height:37px;
	font-size:14px;
}
.footerNavLeft {
	background:url(images/styles/RoyalFlush/style/footerNavLeft.gif) no-repeat top left;
	height:37px;
}
.footerNavRight {
	background:url(images/styles/RoyalFlush/style/footerNavRight.gif) no-repeat top right;
	height:37px;
	padding:0 9px;
}
.footerNav ul {
	list-style:none;
	padding:0;
	margin:0;
}
.footerNav li {
	background:url(images/styles/RoyalFlush/style/footerNavSplit.gif) no-repeat top right;
	float:left;
	padding-right:2px;
}
.footerNav a:link, .footerNav a:visited {
	color:#004499;
	font-weight:700;
	padding:0 22px;	
	display:block;	
}
.footerNav a:hover {
	background:url(images/styles/RoyalFlush/style/footerNav_Hover.gif) repeat-x top left;
	color:#ff9200;
}

/* Footer Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerBar {
	background:url(images/styles/RoyalFlush/style/footerBarBG.gif) repeat-x top left;
	height:54px;
	line-height:50px;
}
.footerBarLeft {
	background:url(images/styles/RoyalFlush/style/footerBarLeft.gif) no-repeat top left;
	height:54px;
}
.footerBarRight {
	background:url(images/styles/RoyalFlush/style/footerBarRight.gif) no-repeat top right;
	height:54px;
	padding:0 26px;	
}
.backTop {
	background:url(images/styles/RoyalFlush/style/topArrow.gif) no-repeat left;
	padding-left:28px;
	float:left;
	font-weight:700;
}
a.link.backTop, a:visited.backTop,
#footerBar a:link, #footerBar a:visited {
	color:#004499;
}
a:hover.backTop, #footerBar a:hover {
	color:#ff9200;
}
.skinSelect {
	float:right;
	padding:7px 20px;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
	background:url(images/styles/RoyalFlush/style/footerBG.gif) repeat-x top left;
	height:79px;
	color:#23436a;
	font-size:11px;
	line-height:16px;
}
.copyright {
	float:left;
	padding:3px 0 0 26px;
}
.footerLogo {
	float:right;
}
#footerMain a:link, #footerMain a:visited {
	color:#004499;
}
#footerMain a:hover {
	color:#ff9200;
}

/*************************************************/
/* TOP MEMBER BAR*/
#toplinks, .toplinks {
	text-align:left;
	line-height:20px;
	padding-top:8px;
	left:14px;
}
#toplinks .isuser {
	float:left;
}
#toplinks .welcomelink {
	font-weight:700;
}
.toplinks ul.isuser .notifications .popupbody {

	border: 1px solid #242424; /* makes it look consistent with the popup background */
}
.toplinks .notifications a.popupctrl {	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 12px;
	background: #1b3556 url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
	-moz-border-radius: {vb:stylevar border_radius};
       _background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
	-moz-border-radius: {vb:stylevar border_radius} !important;
	-webkit-border-radius: {vb:stylevar border_radius} !important;
}

.memberBox .welcomeUser {
	font-weight:700;
	font-size:11px;
	float:left;
}
.memberBox .toplinks {
	padding:2px 0 0 3px;
}
.memberBox .toplinks {
	padding:2px 0 0 3px;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
	background:url(images/styles/RoyalFlush/style/navBG.gif) repeat-x top left;
	position:relative;
	height:75px;
	font:{vb:stylevar navbar_font};
	color:{vb:stylevar navbar_link_color};
	width:100%;
	padding:0;
	margin:0;
}
.navLeft {
	background:url(images/styles/RoyalFlush/style/navLeft.gif) no-repeat top left;
	height:75px;
}
.navRight {
	background:url(images/styles/RoyalFlush/style/navRight.gif) no-repeat top right;
	height:75px;
	padding:0 9px;
}
#navtabs li.selected ul.floatcontainer {
	margin-top:4px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
	line-height:27px;
	height:27px;
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }


.navtabs ul li:first-child {
	text-indent: 20px;
}
.navtabs {
	padding-left:0;
}
.navtabs ul {
	position:absolute;
	top:{vb:stylevar navbar_tab_size.height}px;
	{vb:stylevar left}:0px;
	width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
	float:{vb:stylevar left};
	padding-right:2px;
	background:url(images/styles/RoyalFlush/style/navSplit.gif) no-repeat top right;
}
.navtabs li li {
	background:none;
}

.navtabs ul li {
	border-{vb:stylevar right}: 0;
	position: relative;
}
.navtabs li a {
	height:{vb:stylevar navbar_tab_size.height}px;
	line-height:{vb:stylevar navbar_tab_size.height}px;
}
.navtabs li a.navtab {
	display:block;
	min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
	width:auto !important;
	width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
	_min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
	_width:auto !important;
	_width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
	text-align:center;
	color:{vb:stylevar navbar_link_color};
	font-size:14px;
	text-decoration:none;
	line-height:{vb:stylevar navbar_tab_size.height}px;
	height:{vb:stylevar navbar_tab_size.height}px;
	padding:0 10px;
	font-weight:700;
}
.navtabs li a.navtab:hover {
	background:url(images/styles/RoyalFlush/style/navBG_hover.gif) repeat-x top left;
	color:{vb:stylevar navbar_linkhover_color};
}
.navtabs li.selected li {
	padding:0 5px;
}
.navtabs li.selected li li {
	padding:0 2px;
}
.navtabs li.selected {
	color:{vb:stylevar navbar_linkhover_color};
	height:{vb:stylevar navbar_tab_size.height}px;
}
.navtabs li.selected a.navtab {
	color:{vb:stylevar navbar_linkhover_color};
	position:relative;
	top:-{vb:stylevar navbar_tab_selected_top_width}px;
	padding-top:{vb:stylevar navbar_tab_selected_top_width}px;
	z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
	text-decoration:none;
	font:{vb:stylevar navbar_font};
	line-height:27px;
}
.navtabs li.selected li a {
	font-size:12px;
	color:#cae2ff;
	font-weight:400;
	padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}

.navbar_advanced_search li {
	height: 27px;
	display:block;
	clear:both;
}

.navbar_advanced_search li a {
	color:{vb:stylevar navbar_link_color};
}

.navbar_advanced_search li a:hover {
	color:{vb:stylevar navbar_linkhover_color};
	text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected li a:hover {
	color:#fff;
	text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected .popupbody li > a {
	padding:{vb:stylevar popup_padding}px {vb:stylevar padding};
	text-indent: 0;
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
}

.navtabs li.selected li a.popupctrl {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
	_border: none;
	background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
	padding-{vb:stylevar right}:15px;
        _background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
	color:#cae2ff;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
	color:#fff;
}

/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
	background:url(images/styles/RoyalFlush/style/bcBG.gif) repeat-x top left;
	height:36px;
	padding:0;
	margin-bottom:8px;
	color:#5a859b;
	font-weight:700;
	font-size:12px;
}
.bcLeft {
	background:url(images/styles/RoyalFlush/style/bcLeft.gif) no-repeat top left;
	height:36px;
}
.bcRight {
	background:url(images/styles/RoyalFlush/style/bcRight.gif) no-repeat top right;
	height:28px;
	padding:8px 10px 0 10px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
	border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
	color:#5a859b;
	font-weight:700;
}
.breadcrumb .navbit a:hover {
	background:#1d4b84;
	color:#fff;
	border:1px solid transparent;
}


/*************************************************/
/* TCAT BAR */

.tcat {
	background:url(images/styles/RoyalFlush/style/tcatBG.gif) repeat-x top left;
	color: #cae2ff;
	height:43px;
	clear:both;
	margin-top: 8px;
	float: {vb:stylevar left};
	border:0;
	padding:0;
	width: {vb:stylevar forumhead_width};
}
.tcatLeft {
	background:url(images/styles/RoyalFlush/style/tcatLeft.gif) no-repeat top left;
	height:43px;
}
.tcatRight {
	background:url(images/styles/RoyalFlush/style/tcatRight.gif) no-repeat top right;
	height:43px;
}
.tcat .forumtitle {
	font-weight:700;

}
.tcat .tcatDesc {
	font-size:11px;
	font-weight:400;
}
.tcat h2 {
	padding: 0 0 0 16px;
	font: bold 9pt arial, helvetica, sans-serif;
	line-height: 43px;
	float:left;
	font-weight:700;
}
.tcat a:link, .tcat a:visited {
	color:#cae2ff;
}
.tcat a:hover {

}
.tcat .tcatCollapse {
	float:right;
	position:absolute;
	top:13px;
	right:11px;
}

/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
	float:right;
	padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
	clear:both;
}
.tcat_threadlist_controls h6 {
	height:43px;
	line-height:43px;
	padding:0;
	display:block;
	font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
	background:none;
	display:block;
	_display:43px;
	height:43px;
	line-height:43px;
	font-family:arial, helvetica, sans-serif;
	font-weight:700;
	font-size:11px;
	color:#cae2ff;
	padding:0 10px;
	border: 0;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};

}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
	border: 0;
	color:#cae2ff;
	text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
	color: #cae2ff;
	_border: none;
}

#postlist_popups a:hover, .postlist_popups a:hover {
	color: #cae2ff;
	text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
	border: 0;
}

#postlist_popups ul li {
	color: {vb:stylevar forummenu_color};
}
#postlist_popups ul li a, .postlist_popups ul li a {
	color: {vb:stylevar forummenu_color};
	_border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
	color: {vb:stylevar forummenu_color};
	text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
	color: #3e3e3e;
}

/*************************************************/
/* THEAD BAR*/

.thead_bar .theadrow {
	background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
	display:block;
	width: 100%;
	float: {vb:stylevar left};
	position:relative;
	line-height:20px;
	font-size:11px;
	border:1px solid #ceddeb;
	color:#19314f;
}
.thead_bar .padding {
	padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
	width: 23%;
}
.thead_bar .theadrow .forumdata  {
	float: {vb:stylevar left};
}
.thead_bar {
	float: {vb:stylevar left};
	position:relative;
	width: 100%;
	display:block;
}
.thead_bar .forumhead .forumtitle {
	width: 76%;
}
.thead_bar .foruminfo {
	width: 53%;
	min-width: 30%;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}
.thead_bar .foruminfo .forumdata {
	padding: 0;
	width: 100%;
	_width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
	display: block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	width: 16%;
	margin-{vb:stylevar right}: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
	float: {vb:stylevar left};
	width: 86%;
	padding:0;
	padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.thead_bar .forumactionlinks {
	width: 5%;
	display:block;
	float:{vb:stylevar left};
	clear:{vb:stylevar right};
}

.thead_bar .forumactionlink {
/* values based on icon size */
	display:block;
	width:18px;

	overflow:hidden;
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	background:transparent none no-repeat;
	position: relative;

}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
	font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
	text-align: {vb:stylevar right};
	padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
	display:block;
}
.thead_bar .forumlastpost {
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}
.thead_bar .theadrow .forumlastpost {
	width: 22%;
}
.forumbitBody {
	padding-right:2px;
	clear:both;
}

/*threadlisthead and posthead*/
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
	background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
	display:block;
	width: 100%;
	float: {vb:stylevar left};
	position:relative;
	font-size:11px;
	border:1px solid #ceddeb;
	color:#19314f;
	font-weight:400;
	margin: 0;
}

#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
	color: {vb:stylevar threadlisthead_color};
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
	background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
	clear:both;
	display:block;
	float: {vb:stylevar left};
	width: 100%;
	color:#19314f;
	margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
	font: {vb:stylevar postbithead_font};
	padding: 4px 0;
	border:0;
	border:1px solid #ceddeb;
	font-size:11px;
	font-weight:400;
}
#posts .posthead a:link, #posts .posthead a:visited {
	color:#746c4d;
}
#posts .posthead a:hover {
	color:#746c4d;
}
#posts .posthead .time, #posts .nodecontrols {
	color:#746c4d;
}
.wgo_subblock{
	position:relative;
}
.wgo_subblock .whatspace {
	padding-left:55px;
}
.wgo_subblock .whaticon {
	position:absolute;
	top:25%;
	left:10px;
}
#postlist .userinfo {
	padding-top:10px;
}
.username_container {
	padding:2px 0;
	text-align:center;
}
.username_container .username strong {
	font-size: 16pt;
	font-weight:400;
}
.usertitle, .rank {
	text-align:center;
}
.usercenter {
	padding-top:5px;
	text-align:center;
}
.post_field {
	background: #fff url(images/styles/RoyalFlush/style/postfieldBG.gif) repeat-x bottom left;
	color: #2a2a2a;
	border: 1px solid #dfdfdf;
	padding: 3px 3px 3px 10px;
	margin-top: 2px;
	text-align:left;
}
.post_field strong {
	color: #ff8a00;
}
.post_field dt {
	color: #ff8a00;
	font-weight:700;
}
.postbit, .postbitlegacy, .eventbit {
	margin-bottom: 0;
}
.bbcode_container .bbcode_quote_container {
	background:none;
}

.forum_info_block, .forum_info_form {
	background:none;
}
.postfoot {
	border: {vb:stylevar postbit_border};
	border-bottom:0;
	border-right:0;
}
.postfootWrap {
	border-right: {vb:stylevar postbit_border};
}

#thread_info a.collapse {
	position: absolute;
	top: 9px;
}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar {
	background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) repeat-x top left;
	height:3px;
	font-size:0;
	clear:both;
}
.bottomBarLeft {
	background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) no-repeat top left;
	height:3px;
	font-size:0;
}
.bottomBarRight {
	background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) no-repeat top right;
	height:3px;
	font-size:0;
}

/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchBox {
	position:absolute;
	top:7px;
	right:25px;
}
#searchBox .textbox {
	border:1px solid #a8c3d3;
}
#searchBox .searchBox_container {
	float:left;
	display:block;
	padding:1px 8px 0 0;
}
#searchBox .searchBox_button {
	float:left;
	display:block;
}
#searchBox .searchBox_advanced_search {
	position:absolute;
	top:40px;
	right:0;
}
#notices .restore {
	border:1px solid #e6b868;
	padding:8px;
}

h1.header, h2.header { 
	text-transform:capitalize; 
}

/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
	border-bottom:4px solid #112e51;
}
#searchtypeswitcher li a {
	background-color:#1d4b84;
	color:#FFF;
}

#searchtypeswitcher li.selected a {
	background-color:#112e51;
}

#searchtypeswitcher li a:hover {
	background-color:#112e51;
}
.searchlisthead span, .searchlisthead span a, .mainsearchstats {
	color:#FFF;
}
.usertitle, .username_container {
    text-align: left;
}

#9
SuperSponge
Posted 04 November 2010 - 01:50 PM

SuperSponge

    Learning Programmer

  • Members
  • PipPipPip
  • 35 posts
Just found out if the user has more than 2 ranks, it messes up. Spyike.Org Forums
Back to JavaScript and CSS




  1. CODECALL Programming Forum
  2. → Web Development Forum
  3. → JavaScript and CSS
IPB skins by Skinbox