Buf Style

[GU]elmur_fud · Jul 15, 2011

If you have have Firefox, greasemonkey, and stylish... Go to tools> addons> user styles> New style and copy/paste the code below in. Give it a name. Hit save. Your BU forums should look like this.

[SCREENSHOT]http://i51.tinypic.com/v5x55k.png[/SCREENSHOT]

Code:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forums.beyondunreal.com"){

body
{
background-image: url("http://forums.beyondunreal.com/picture.php?albumid=222&pictureid=1503") !important;
}
color:#FFFFFF!important;
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
margin:5px 10px 10px 10px!important
}

a:link
{
color:#999999!important
}

a:visited
{
color:#999999!important;
text-decoration:none!important
}

a:hover,a:active
{
color:#FFFF00!important
}

.page
{
background: repeat-x top !important;
background-image: url("http://forums.beyondunreal.com/picture.php?albumid=222&pictureid=1503")!important;
color:#FFFFFF!important
}

td,th,p,li
{
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.tborder
{
background:#000000!important;
color:#FFFFFF!important;
border:1px solid #333333!important
}

.tcat
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.tcat a:link
{
color:#ffffff!important;
text-decoration:none!important
}

.tcat a:visited
{
color:#ffffff!important;
text-decoration:none!important
}

.tcat a:hover,.tcat a:active
{
color:#FFFF66!important;
text-decoration:underline!important
}

.thead
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.thead a:link
{
color:#FFFFFF!important
}

.thead a:visited
{
color:#FFFFFF!important
}

.thead a:hover,.thead a:active
{
color:#FFFF00!important
}

.tfoot
{
background:#333333!important;
color:#FFFFFF!important
}

.tfoot a:link
{
color:#FFFFFF!important
}

.tfoot a:visited
{
color:#FFFFFF!important
}

.tfoot a:hover,.tfoot a:active
{
color:#FFFF66!important
}

.alt1,.alt1Active
{
background:#111111!important;
color:#999999!important
}

.alt2,.alt2Active
{
background:#222222!important;
color:#999999!important
}

td.inlinemod
{
background:#FFFFCC!important;
color:#000000!important
}

.wysiwyg
{
background:#111111!important;
color:#FFFFFF!important;
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

textarea,.bginput
{
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.button
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

select
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

option,optgroup
{
font-size:11px!important;font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.smallfont
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.time
{
color:#FFFFCC!important
}

.navbar
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.highlight
{
color:#FF0000!important;
font-weight:bold!important
}

.fjsel
{
background:#FFFFFF!important;
color:#000000!important
}

.fjdpth0
{
background:#F7F7F7!important;
color:#000000!important
}

.panel
{
background:#333333!important;
color:#FFFFFF!important;
padding:10px!important;
border:2px outset!important
}

.panelsurround
{
background:#333333!important;
color:#FFFFFF!important
}

legend
{
color:#FFFF00!important;
font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.vbmenu_control
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
padding:3px 6px 3px 6px!important;
white-space:nowrap!important
}

.vbmenu_control a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_control a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_control a:hover,.vbmenu_control a:active
{
color:#FFFFFF!important;
text-decoration:underline!important
}

.vbmenu_popup
{
background:#000000!important;
color:#FFFFFF!important;
border:1px solid #0B198C!important
}

.vbmenu_option
{
background:#000000!important;
color:#FFFFFF!important;
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
white-space:nowrap!important;
cursor:pointer!important
}

.vbmenu_option a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_option a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_option a:hover,.vbmenu_option a:active
{
color:#FFFF66!important;
text-decoration:none!important
}

.vbmenu_hilite
{
background:#000000!important;
color:#FFFFFF!important;
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
white-space:nowrap!important;
cursor:pointer!important
}

.vbmenu_hilite a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_hilite a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_hilite a:hover,.vbmenu_hilite a:active
{
color:#FFFFFF!important;
text-decoration:none!important
}

.small
{
font-size:8pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.medium
{
font-size:10pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.large
{font-size:12pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.bigusername
{
font-size:14pt!important
}

td.thead,div.thead
{
padding:4px!important
}

.pagenav a
{
text-decoration:none!important
}

.pagenav td
{
padding:2px 4px 2px 4px!important
}

.fieldset
{
margin-bottom:6px!important
}

.fieldset,.fieldset td,.fieldset p,.fieldset li
{
font-size:11px!important
}

form
{
display:inline!important
}

label
{
cursor:default!important
}

.normal
{
font-weight:normal!important
}

.inlineimg
{
vertical-align:middle!important
}

Still ToDo:
I need to make new buttons for things like post ,quote, new topic, etc.
I need to figure out how to manipulate the header. I don't wish to block the adds, but I do wish to change it up a bit and maybe make the menu always visible at the top.

TurdDrive · Jul 15, 2011

Coolio!

[GU]elmur_fud · Jul 15, 2011

ty.

If any1 uses this and see's a problem please post it.

[GU]elmur_fud · Aug 14, 2012

Necrobump.

Been working on old projects...

The reason I stopped working on this was it acts as a global style changing any and every page you go to if it has these elements. I obviously only wish it to target these forums... If anybody here can see wth I am doing wrong plz share.

BTW Not sure why this isn't in the tech and software forum I think it existed when I made this. Ma bad.

Code:

/*--------------------------------
 Buf forums - V1. darkGray Style
 Last Updated: Aug 14, 2012
---------------------------------*/
@namespace url([url]http://www.w3.org/1999/xhtml);[/url]


@-moz-document domain("beyondunreal.com/")


body
{
background-image: url("http://forums.beyondunreal.com/picture.php?albumid=222&pictureid=1503")!important ;
color:#FFFFFF!important;
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
margin:5px 10px 10px 10px!important
}

a:link
{
color:#999999!important
}

a:visited
{
color:#999999!important;
text-decoration:none!important
}

a:hover,a:active
{
color:#FFFF00!important
}

.page
{
background: repeat-x top!important ;
background-image: url([url]http://forums.beyondunreal.com/picture.php?albumid=222&pictureid=1503);[/url]
color:#FFFFFF!important
}

td,th,p,li
{
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.tborder
{
background:#000000!important;
color:#FFFFFF!important;
border:1px solid #333333!important
}

.tcat
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.tcat a:link
{
color:#ffffff!important;
text-decoration:none!important
}

.tcat a:visited
{
color:#ffffff!important;
text-decoration:none!important
}

.tcat a:hover,.tcat a:active
{
color:#FFFF66!important;
text-decoration:underline!important
}

.thead
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.thead a:link
{
color:#FFFFFF!important
}

.thead a:visited
{
color:#FFFFFF!important
}

.thead a:hover,.thead a:active
{
color:#FFFF00!important
}

.tfoot
{
background:#333333!important;
color:#FFFFFF!important
}

.tfoot a:link
{
color:#FFFFFF!important
}

.tfoot a:visited
{
color:#FFFFFF!important
}

.tfoot a:hover,.tfoot a:active
{
color:#FFFF66
}

.alt1,.alt1Active
{
background:#111111!important;
color:#999999!important
}

.alt2,.alt2Active
{
background:#222222!important;
color:#999999!important
}

td.inlinemod
{
background:#FFFFCC!important;
color:#000000!important
}

.wysiwyg
{
background:#111111!important;
color:#FFFFFF!important;
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

textarea,.bginput
{
font:10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.button
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

select
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

option,optgroup
{
font-size:11px!important;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.smallfont
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.time
{
color:#FFFFCC!important
}

.navbar
{
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.highlight
{
color:#FF0000!important;
font-weight:bold!important
}

.fjsel
{
background:#FFFFFF!important;
color:#000000!important
}

.fjdpth0
{
background:#F7F7F7!important;
color:#000000!important
}

.panel
{
background:#333333!important;
color:#FFFFFF!important;
padding:10px!important;
border:2px outset!important
}

.panelsurround
{
background:#333333!important;
color:#FFFFFF!important
}

legend
{
color:#FFFF00!important;
font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important
}

.vbmenu_control
{
background:#333333!important;
color:#FFFFFF!important;
font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
padding:3px 6px 3px 6px!important;
white-space:nowrap!important
}

.vbmenu_control a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_control a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_control a:hover,.vbmenu_control a:active
{
color:#FFFFFF;
text-decoration:underline!important
}

.vbmenu_popup
{
background:#000000!important;
color:#FFFFFF!important;
border:1px solid #0B198C!important
}

.vbmenu_option
{
background:#000000!important;
color:#FFFFFF!important;
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
white-space:nowrap!important;
cursor:pointer!important
}

.vbmenu_option a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_option a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_option a:hover,.vbmenu_option a:active
{
color:#FFFF66!important;
text-decoration:none!important
}

.vbmenu_hilite
{
background:#000000!important;
color:#FFFFFF!important;
font:11px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif!important;
white-space:nowrap!important;
cursor:pointer!important
}

.vbmenu_hilite a:link
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_hilite a:visited
{
color:#FFFFFF!important;
text-decoration:none!important
}

.vbmenu_hilite a:hover,.vbmenu_hilite a:active
{
color:#FFFFFF!important;
text-decoration:none!important
}

.small
{
font-size:8pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.medium
{
font-size:10pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.large
{font-size:12pt!important;
font-family:Verdana,Helvetica,sans-serif!important
}

.bigusername
{
font-size:14pt!important
}

td.thead,div.thead
{
padding:4px!important
}

.pagenav a
{
text-decoration:none!important
}

.pagenav td
{
padding:2px 4px 2px 4px!important
}

.fieldset
{
margin-bottom:6px!important
}


.fieldset,.fieldset td,.fieldset p,.fieldset li
{
font-size:11px
}


form
{
display:inline!important
}


label
{
cursor:default!important
}


.normal
{
font-weight:normal!important
}


.inlineimg
{
vertical-align:middle!important
}

SleepyHe4d · Aug 14, 2012

Greasemonkey is so crappy and fail. It slows down webpage loading to a snails pace.

Big-Al · Aug 14, 2012

can you make my schlong look bigger [GU]elmur_fud?

cryptophreak · Aug 14, 2012

Your dedication is admirable. I took one look at vBulletin's clusterfuck markup and decided the creators can go shove pitchforks up their assholes.

Tux Android · Aug 14, 2012

Might I see that TBH and BTW use

Code:

 tag instead of [quote] tag.

[GU]elmur_fud · Aug 14, 2012

Big-Al said:
can you make my schlong look bigger [GU]elmur_fud?

Wrong thread man. But yes with Photoshop, all thing are possible. The real question is; will I? And the answer is no.

cryptophreak said:
Your dedication is admirable. I took one look at vBulletin's clusterfuck markup and decided the creators can go shove pitchforks up their assholes.

I merely copied the sites existing css and changed as needed.

Tux Android said:
Might I see that TBH and BTW use

Code:

tag instead of quote tag.[/QUOTE] See what? And I suppose I can edit my post to be code tags. Though other then getting rid of smilies I hardly see the point.

cryptophreak · Aug 14, 2012

Using. Nice.

If you find the junk at the top to be worthless and stick out in an ugly fashion, append this to the end:

Code:

.networkbar,table[width="97%"]{display:none;}

I also note that you decided to make user names as large as you did before Jacks joined.

[GU]elmur_fud · Aug 14, 2012

Cool.

Mine dicks with google though. Not sure why.

Really I only want it to alter the forums but I have tried every variation of @-moz-document I can think of to restrict it to just the forums or even beyondunreal as a domain (current) to no effect.

cryptophreak · Aug 14, 2012

I don't have Greasemonkey and all that set up so I can't confirm this, but at a glance I don't believe this is the right syntax:

Code:

@-moz-document domain("beyondunreal.com/")

body{...}

Instead, it ought to be like so:

Code:

@-moz-document domain("beyondunreal.com/")
{
    body{...}
}

You probably have to specify a protocol as well:

Code:

@-moz-document domain("http://beyondunreal.com/")
{
    body{...}
}

Psychomorph · Aug 14, 2012

Nice.

What about Opera?

cryptophreak · Aug 14, 2012

http://www.opera.com/docs/usercss/#site-preferences

[GU]elmur_fud · Aug 15, 2012

cryptophreak said:
I don't have Greasemonkey and all that set up so I can't confirm this, but at a glance I don't believe this is the right syntax:

Code:

@-moz-document domain("beyondunreal.com/") body{...}

Instead, it ought to be like so:

Code:

@-moz-document domain("beyondunreal.com/") { body{...} }

You probably have to specify a protocol as well:

Code:

@-moz-document domain("http://beyondunreal.com/") { body{...} }

http://beyondunreal.com/ breaks it, as it is http://www.beyondunreal.com though you could use http://*.beyondunreal.com but then why not just use www as it affects all subs. with any of the above that work though it still screws google up.

cryptophreak · Aug 21, 2012

Was in need of a mindless activity and decided to gut the whole page with some foolish JavaScript.

It's not yet feature-complete obviously, but promising. The best part is that a simple post now looks like this:

Code:

<div class="post">
	<div class="user-name">Peavey</div>
	<div class="message">Pretty interesting story unfolding in London. Anybody following? I love the guy, it's great to see someone aligned with ideals of Truth and Freedom rather than money and corruption. Very sad to see some trumped-up US-backed Swedish charges pressed on the dude, all because he exposed western governments in cheating its citizens out of an honest, transparent relationship.</div>
</div>

Instead of this:

Code:

<!-- post #2570349 -->

	<!-- open content container -->

<div align="center">
	<div class="page" style="width:97%; text-align:left">
		<div style="padding:0px 25px 0px 25px" align="left">

	<div id="edit2570349" style="padding:0px 0px 6px 0px">
	<!-- this is not the last post shown on the page -->



<table id="post2570349" class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
<tr>
	
		<td class="thead" style="font-weight:normal; border: 1px solid #979EAB; border-right: 0px" >
			<!-- status icon and date -->
			<a name="post2570349"><img class="inlineimg" src="images/statusicon/post_old.gif" alt="Old" border="0" /></a>
			18th Aug 2012, 01:03 AM
			
			<!-- / status icon and date -->
		</td>
		<td class="thead" style="font-weight:normal; border: 1px solid #979EAB; border-left: 0px" align="right">
			&nbsp;
			#<a href="showpost.php?p=2570349&amp;postcount=1" target="new" rel="nofollow" id="postcount2570349" name="1"><strong>1</strong></a>
			
		</td>
	
</tr>
<tr valign="top">
	<td class="alt2" width="175" style="border: 1px solid #979EAB; border-top: 0px; border-bottom: 0px">
		<div align="center">

			<div id="postmenu_2570349">
				
				<a class="bigusername" href="member.php?u=24285">Peavey</a>
				<script type="text/javascript"> vbmenu_register("postmenu_2570349", true); </script>
				
			</div>

			<div class="smallfont">American Cheeseburger</div>
			
			

			
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?u=24285"><img src="image.php?u=24285&amp;dateline=1344832485" width="102" height="102" alt="Peavey's Avatar" border="0" /></a>
				</div>
			

			<div class="smallfont">
				&nbsp;<br />
				<div>Join Date: Jul. 17th, 2001</div>
				
				
				<div>
					Posts: 2,895
				</div>
				
				
				
				
				<div>    </div>
			</div>
		</div>

	</td>
	
	<td class="alt1" id="td_post_2570349" style="border-right: 1px solid #979EAB">
	
		
		
			<!-- icon and title -->
			<div class="smallfont">
				
				<strong>Julian Assange</strong>
			</div>
			<hr size="1" style="color:#979EAB; background-color:#979EAB" />
			<!-- / icon and title -->
		

		<!-- message -->
		<div id="post_message_2570349">
			
			Pretty interesting story unfolding in London. Anybody following? I love the guy, it's great to see someone aligned with ideals of Truth and Freedom rather than money and corruption. Very sad to see some trumped-up US-backed Swedish charges pressed on the dude, all because he exposed western governments in cheating its citizens out of an honest, transparent relationship.
		</div>
		<!-- / message -->

		

		
		

		

		

		

	</td>
</tr>
<tr>
	<td class="alt2" style="border: 1px solid #979EAB; border-top: 0px">
		<img class="inlineimg" src="images/statusicon/user_offline.gif" alt="Peavey is offline" border="0" />


		
		
		<a href="report.php?p=2570349" rel="nofollow"><img class="inlineimg" src="images/buttons/report.gif" alt="Report Post" border="0" /></a>
		
		&nbsp;
	</td>
	
	<td class="alt1" align="right" style="border: 1px solid #979EAB; border-left: 0px; border-top: 0px">
	
		<!-- controls -->
		
		
		
			<a href="newreply.php?do=newreply&amp;p=2570349" rel="nofollow"><img src="images/buttons/quote.gif" alt="Reply With Quote" border="0" /></a>
		
		
			<a href="newreply.php?do=newreply&amp;p=2570349" rel="nofollow" onclick="return false"><img src="images/buttons/multiquote_off.gif" alt="Multi-Quote This Message" border="0" id="mq_2570349" /></a>
		
		
			<a href="newreply.php?do=newreply&amp;p=2570349" rel="nofollow" id="qr_2570349" onclick="return false"><img src="images/buttons/quickreply.gif" alt="Quick reply to this message" border="0" /></a>
		
		
		
		
		
			
		
		
		<!-- / controls -->
	</td>
</tr>
</table>


<!-- post 2570349 popup menu -->
<div class="vbmenu_popup" id="postmenu_2570349_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">Peavey</td>
	</tr>
	
		<tr><td class="vbmenu_option"><a href="member.php?u=24285">View Public Profile</a></td></tr>
	
	
		<tr><td class="vbmenu_option"><a href="private.php?do=newpm&amp;u=24285" rel="nofollow">Send a private message to Peavey</a></td></tr>
	
	
	
	
		<tr><td class="vbmenu_option"><a href="search.php?do=finduser&amp;u=24285" rel="nofollow">Find More Posts by Peavey</a></td></tr>
	
	
	<tr><td class="vbmenu_option"><a href="profile.php?do=addlist&amp;userlist=buddy&amp;u=24285">Add Peavey to Your Contacts</a></td></tr>
	
	
	</table>
</div>
<!-- / post 2570349 popup menu -->


	</div>
	
		</div>
	</div>
</div>

<!-- / close content container -->

<!-- / post #2570349 -->

Unfinshed script is provided below in case someone wants to run with it before I finish:

Code:

load_jquery(function()
{
	load_script("beyondunreal\.com", buf);
});

function buf()
{
	if ($('table[id^="post"]').length)
	{
		// create a repository for clean markup
		$("body").prepend('<div id="custom" />');
	
		// find user names
		$('.bigusername').each(function(index)
		{
			$(this).wrap('<div class="user-name" />');
		});
	
		// find messages
		$('table[id^="post"] .alt1[id*=td_post_] div[id^="post_message_"]').each(function(index)
		{
			$(this).wrapInner('<div class="message" />');
		});
		
		// clean up quotes
		// find them
		$("td.alt2").wrapInner('<div class="quote" />');
		// replace those "go to" images with text
		$('img[title="View Post"]').replaceWith("[view post]");
		// eliminate the muck surrounding them
		$('div[style*="margin:20px; margin-top:5px;"]').each(function(index)
		{
			// set up the actual quote text to be seperated from the poster
			$('div[style="font-style:italic"]',this).addClass("quote-text");
			$(this).replaceWith($(".quote",this));
		});
		// 
	
		// find posts
		$('table[id^="post"]').each(function(index)
		{
			// pull values we want
			var userName = $(".user-name",this).text();
			var message = $(".message",this).html();
			var post = '<div class="post">' + '<div class="user-name">' + userName + '</div>' + '<div class="message">' + message + '</div>' + '</div>';
	
			// build our own sanitized post
			$("#custom").append(post);
		});
	
		// hide stuff we didn't specifically ask for
		$("body *").not("#custom,#custom *").remove();
		$("head *").not("#custom,#custom *").remove();
		
		// clear out inline styles
		{
			$("*").removeAttr("style");
		}
		
		// insert a way to get back
		$("#custom").prepend('<nav class="top" />');
		$("#custom").append('<nav class="bottom" />');
		$("nav.bottom").append('<a class="go-top" href="#">&uarr; Top</a>');
		$("nav").append('<a class="go-back" onclick="window.history.back();">&larr; Back</a>');
	
		// insert some style
		$("head").prepend('<style>*{margin:0;padding:0;font:inherit;}html{background:#eee;}body{font-size:100%;line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}.post{background:white;padding:1.25em 1.5em;max-width:40em;margin:0 auto 1em auto;border-radius:0.25em;box-shadow:0 0 0.25em rgba(0,0,0,0.1)}.post:last-of-type{margin-bottom:2em;}.user-name{font-weight:bold;padding-bottom:0.5em;font-size:1.25em;text-transform:uppercase;letter-spacing:0.1em;color:#999;}.message{font-family:Georgia,serif;line-height:1.4;color:#333;}.quote{padding:1em;border:solid 0.1em #ccc;margin-bottom:1em;background:#f9f9f9;color:#666;font-style:italic;border-radius:0.25em;box-shadow:inset 0 0.25em 0.25em rgba(0,0,0,0.1);}.quote-text{margin-top:0.5em;font-style:normal;}img{max-width:100%;}.inlineimg{width:auto;display:inline-block;}object,embed{width:100%;}nav{background:#333;overflow:hidden;padding:0.5em;}nav.top{margin-bottom:2em;}nav a{display:block;color:#fff;text-decoration:none;}nav a:hover{color:#ccc;}.go-back{float:left;}.go-back:hover{cursor:pointer;}.go-top{float:right;}@media screen and (min-width:60em){body{font-size:125%;}}</style>');
	}
}

[GU]elmur_fud · Aug 21, 2012

been trying to make this tie to a SMF theme I have been working on for a while now.
http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jquery/
A white skin of it would look good with what you got going there.

Search

Search

Buf Style

[GU]elmur_fud

I have balls of Depleted Uranium

TurdDrive

sam k

[GU]elmur_fud

I have balls of Depleted Uranium

[GU]elmur_fud

I have balls of Depleted Uranium

SleepyHe4d

fap fap fap

Big-Al

amateur de bière

cryptophreak

unbalanced

Tux Android

Voice Pack Penguin

[GU]elmur_fud

I have balls of Depleted Uranium

cryptophreak

unbalanced

[GU]elmur_fud

I have balls of Depleted Uranium

cryptophreak

unbalanced

Psychomorph

cryptophreak

unbalanced

[GU]elmur_fud

I have balls of Depleted Uranium

cryptophreak

unbalanced

[GU]elmur_fud

I have balls of Depleted Uranium