The Arcive of Official vBulletin Modifications Site.

BP-Brown [Bluepearl-Skins.com] · **Released**: 12-28-2009

Template name: BP-Brown

Preview: Demo

Brown clean professional template for vBulletin

This style is based on the Darkness style, without all the tables and added images.
The style has no template modifications and is all CSS, So the style should be very fast loading.

For faster support and older versions of this skin visit the BP-Brown thread on Bluepearl forums

Detailed vBulletin skin installation instructions with images

ZIP Contents:
-bp-brown image directory
-bp-brown.xml
-readme_install.txt

Please click install if you use this template

Older versions of this skin can be downloaded from our site.

If you like BP-Brown you might love our premium vBulletin skins BP-Black, BP-White and BP-Grey

Sean James · #**192** 12-04-2010, 03:06 AM

You can just upload the new XML

Hdeaf.com · #**193** 01-16-2011, 09:23 AM

thanks

Bubble #5 · #**194** 01-31-2011, 05:30 PM

Quote:

Originally Posted by Griffin80

BP-Brown Version 4.0 released
-Updated to work with vBulletin 4.1.0

Has this been tested with 4.1.1?

rockjeep44 · #**195** 02-02-2011, 01:36 PM

Quote:

Originally Posted by Bubble #5

Has this been tested with 4.1.1?

I'd like to know this as well.

alexio · #**196** 02-03-2011, 04:48 PM

and me, 4.1.1 pleasse this looks nice!

Good Job!!

LoneWolf71 · #**197** 02-04-2011, 01:48 AM

lol I payed good money for BP_Black! Although I like the black better, this is a skin that should be sold, not given away, BPD does fabulous work.

SpankMe · #**198** 02-05-2011, 06:41 PM

Don't know why the Asset manager is still using default colors, but here's the modified assetmanager.css I use to get the colors to match BP Brown in vB 4.1.2.

Code:

/* This is for IE6 and the Overlay */
body {
	height:100%;
}

select, input, button {
	font:10pt {vb:stylevar control_font.fontFamily};
}

.button {
	padding:0px 4px;
}

.invisible {
	visibility:hidden;
}

#addfiles_container {
	border-bottom:1px solid #808080;
	text-align:center;
	padding:4px;
}

.cleardiv {
	clear:both;
}

#overlay {
	display:none;
	z-index:9999;
	position:absolute;
	top:0%;
	{vb:stylevar left}:0%;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.00;
	filter:alpha(opacity=00);
}

/* Help Container */
#help_container {
	position:absolute;
	top:0;
	width:408px;
	{vb:stylevar left}:0;
	z-index:2;
	border:1px solid #808080;
	font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#help_content {
	height:200px;
	width:400px;
	padding:4px;
	overflow:auto;
	overflow-x:hidden;
	background-color: #000000;
}

#help_content .usagerow1 {
	padding:3px;
	border-bottom:solid 1px #CCCCCC;
}

#help_content .usagerow2 {
	padding:3px;
	border-bottom:solid 1px #CCCCCC;
}
/* END Help Container */

/* Tree view CSS */
.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
	width:13px;
}

.yui-skin-sam .yui-layout .yui-layout-clip {
	background-color:#F5F5FF;
}

.ygtv-edit-TextNode .ygtv-button-container {
	float:{vb:stylevar right};
}

.ygtvlm {
	background:url('{vb:stylevar imgdir_misc}/trees/lm-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvlmh {
	background:url('{vb:stylevar imgdir_misc}/trees/lmh-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvln {
	background:url('{vb:stylevar imgdir_misc}/trees/ln-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvlp {
	background:url('{vb:stylevar imgdir_misc}/trees/lp-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvlph {
	background:url('{vb:stylevar imgdir_misc}/trees/lph-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvtn {
	background:url('{vb:stylevar imgdir_misc}/trees/tn-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvtm {
	background:url('{vb:stylevar imgdir_misc}/trees/tm-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvtmh {
	background:url('{vb:stylevar imgdir_misc}/trees/tmh-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvtp {
	background:url('{vb:stylevar imgdir_misc}/trees/tp-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvtph {
	background:url('{vb:stylevar imgdir_misc}/trees/tph-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvdepthcell {
	background:url('{vb:stylevar imgdir_misc}/trees/vline-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}

.ygtvspacer {
	width:34px !important;
}

tr.ygtvrow {
	border-bottom:none;
}

.ygtvdepthcell .ygtvspacer,
.ygtvblankdepthcell .ygtvspacer {
	width:18px !important;
}

.yuimenu li {
	font-size:11px;
	padding:1px;
}

.asset_category_label {
	font-size:11px;
	background-color:transparent;
	white-space:nowrap;
	padding-{vb:stylevar left}:2px;
	position:relative; /* this is for IE so the drag borders appear properly */
}

.dragon {
	border:2px dotted red !important;
	padding-{vb:stylevar left}:0;
}

.dragbefore {
	border-top:2px dotted red !important;
}

.dragafter {
	border-bottom:2px dotted red !important;
}

#asset_category_tree {
	text-align:{vb:stylevar left};
}

#asset_category_tree_root {
	float:{vb:stylevar left};
	cursor:pointer;
}

#asset_category_tree_root_container .inactive {
	padding:3px 3px 3px 2px;
}

#asset_category_tree_root_container .active {
	padding:1px 1px 1px 0px;
}
/* END Tree view CSS */

/* Layout */

/* Asset Header */
#asset_header {
	padding:0;
}

#asset_header h2 {
	font-size:110%;
	font-weight:bold;
	display:inline;
}

#asset_header div.description {
	display:inline;
}


#asset_header div.uploadmanager {
	padding-top:4px;
}

#asset_header_body {
	padding:4px;
	text-align:{vb:stylevar left};
}

#asset_header_body div.step1 {
	padding-top:2px;
}

#asset_header_body div.step1 strong {
	font-weight:bold;
}

#addfiles {
	padding:3px;
	padding-{vb:stylevar left}: 25px;
	padding-{vb:stylevar right}: 10px;
	font:10pt {vb:stylevar control_font.fontFamily};
	float:{vb:stylevar right};
	margin-top:-1px;
}

#asset_header div.quota {
	float:{vb:stylevar right};
	margin-{vb:stylevar right}:10px;
	padding:1px 0 0 0;

}

#filemenu_help {
	cursor:pointer;
}

#filemenu_help,
#progressimage {
	float:{vb:stylevar right};
	margin:4px;
}

#addfiles:hover img,
#addfiles img {
	bottom:3px;
	{vb:stylevar left}:7px;
}

#quotaattach {
	background-color:#FFFFFF;
	border:1px outset #808080;
	width:130px;
	padding:0;
	overflow:hidden;
}

#quotaattachsum {
	background-color:#64A7EB;
	height:0;
}

/* Panels */

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	background-color: #1a1a1a;
}

/* Panel Headers */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2,
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd div {
	/*text-align:center;*/
	margin:0;
	padding:2px;
	font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#5E5D4C;
}

#asset_category_header,
#asset_upload_header,
#asset_attachment_list_header {
	font-weight:bold;
}

#asset_attachment_list_header .ordercontrols {
	float:{vb:stylevar right};
	padding:0;
	font-weight:normal;
}

#upload_header {
	/*color:{vb:stylevar shade_color};*/
	float:{vb:stylevar right};
	font-weight:normal;
}

/* Panel Footer */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-ft {
	text-align:center;
	background-color:#5E5D4C;
	border-top:1px solid #808080;
	font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 2px 0px 2px 0px;
	z-index:1;
}

/* File Menu Panel */
.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd {
	_background-color:#E1E4F2;
	_border:none;
	_margin:0px;
}

.yui-skin-sam .yui-layout .yui-layout-unit-top {
	_background-color:#E1E4F2;
}

.yuimenubaritemlabel-selected {
	background-color:#ABCDEF;
	cursor:pointer;
}

.yui-skin-sam .yuimenubar {
	border:none;
	line-height:1.5;
}

.yui-skin-sam .yuimenubaritemlabel {
	border:none;
}

#filemenubar .yuimenubaritem {
	float:{vb:stylevar right};
}

/* END File Menu Panel */
/* END Layout */

/* Asset Panel */
#pagestats {
	display:inline;
	color:{vb:stylevar shade_color};
	border-{vb:stylevar right}:1px solid {vb:stylevar shade_color};
	padding-{vb:stylevar right}:10px;
}

#asset_upload_list {
	padding:2px;
}

#asset_upload_message {
	text-align:center;
	padding-top:40px;
	_font-size:18px;
	position:absolute;
	{vb:stylevar left}:0;
	width:100%;
}

#asset_attachment_list_footer {
	padding:0 4px;
	text-align:{vb:stylevar right};
}
#asset_attachment_list_footer div.onehourdelete {
	text-align:{vb:stylevar left};
	padding-top:2px;
}
/* Asset Panel Header */

#firstpage, #prevpage, #nextpage, #lastpage {
	text-decoration:underline;
	cursor:pointer;
	color:{vb:stylevar shade_color};
}

#prevpage {
	padding-{vb:stylevar left}:8px;
}

#nextpage {
	padding-{vb:stylevar right}:8px;
}

#currentpage {
	padding:0 8px;
	color:{vb:stylevar shade_color};
}

#selectall1, #selectall2 {
	float:{vb:stylevar left};
}

#selectallbox1, #selectallbox2 {
	vertical-align:top;
	padding:0px;
	margin:0 2px 0 4px;
	width:13px; /* IE */
	height:13px; /* IE */
}
/* END Asset Panel Header */
/* END Asset Panel */

/* Upload Panel */
.uploadinput {
	display:block;
	margin-bottom:2px;
}

.urlinput{
	width:275px;
	display:block;
	margin-bottom:2px;
}

#asset_addfiles {
	padding:0 4px;
	text-align:{vb:stylevar right};
}

#upload_controls_container {
	font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border:1px solid #808080;
	position:absolute;
	top:59px;
	{vb:stylevar right}:2px;
	z-index:1;
}

#upload_controls_container .upload_controls {
	position:relative;
	padding:8px;
	background-color:#1A1A1A;
}

#upload_controls_container .upload_controls .buttons {
	text-align:{vb:stylevar right};
}

.popup_title {
	text-align:center;
	background-color:#5E5D4C;
	padding:2px;
}

#switch_url_link1, #switch_url_link2, #switch_upload_link {
	cursor:pointer;
	text-decoration:underline;
}

.closebutton {
	border:1px solid #BBBBBB;
	padding-bottom:1px;
	background-color:#F5F5FF;
	color:#000000;
	width:13px;
	height:14px;
	position:absolute;
	top:1px;
	{vb:stylevar right}:1px;
	font-weight:bold;
	cursor:pointer;
	font-size:9px;
}
.closebutton:hover {
	background-color:#CC3333;
	color:#FFFFFF;
}

#insert_inline {
	margin-{vb:stylevar right}:5px;
}

/* END Upload Panel */

/* Assets */
.composite {
	height:96px;
	width:96px;
	background-color:#DDDDDD;
	border:1px solid #BBBBBB;
}

.composite div {
	float:{vb:stylevar left};
	margin:2px;
	height:20px;
	width:20px;
}

.composite img {
	max-width:20px;
	max-height:20px;
	height:auto !important;
	width:auto !important;
	width:20px;
	height:20px;
}
.asset_popup_img {
	/* This is the "popup" when hovering over an image */
}
.asset_div .asset_attach_delete,
.asset_div .asset_attach_usage {
	border:1px solid #BBBBBB;
	padding-bottom:1px;
	background-color:#F5F5FF;
	color:#000000;
	width:13px;
	height:14px;
	position:absolute;
	top:-7px;
	{vb:stylevar right}:1px;
	font-weight:bold;
	cursor:pointer;
	font-size:9px
}

.asset_div .asset_attach_delete:hover {
	background-color:#CC3333;
	color:#FFFFFF;
}

.asset_div .thumbnailsmall .asset_attach_usage {
	top:-7px;
	{vb:stylevar right}:15px;
}
.asset_div .asset_attach_usage:hover {
	background-color:blue;
	color:#FFFFFF;
}
.asset_div {
	float:{vb:stylevar left};
	margin:4px;
	background-color:#6E6D5E;
	border:1px solid #565545;
	position:relative;
	z-index:1;
}

.asset_div input.checkme {
	position:absolute;
	bottom:0;
	{vb:stylevar right}:1px;
}

/* Assets - Detailed View */
.asset_div .detailedview {
	position:relative;
	width:155px;
	height:60px;
}
.asset_div .detailedview .asset_attachment, .asset_div .detailed .asset_attachment_nothumb {
	max-width:50px;
	max-height:50px;
	height:auto !important;
	width:auto !important;
	width:50px;
	height:50px;
	padding:5px;
}
.asset_div .detailedview .asset_attachment_container {
	border:2 px solid red;
	width:60px;
	float:{vb:stylevar left};
}
.asset_div .detailedview .asset_detailed_container {
	font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin:5px 5px 0px 0px;
	white-space:nowrap;
	overflow:hidden;
	width:85px;
}
/* END Assets - Detailed View*/

/* Assets - Thumbnail View */
.asset_div .thumbnail {
	position:relative;
	width:100px;
	height:112px;
}

.asset_div .thumbnail .asset_attachment, .asset_div .thumbnail .asset_attachment_nothumb {
	max-width:75px;
	max-height:75px;
	height:auto !important;
	width:auto !important;
	width:75px;
	height:75px;
	position:relative;
	top:8px;
}

.asset_div .thumbnail .asset_attachment_container {
	text-align:center;
}

 .asset_div .thumbnail img {
	vertical-align:middle;
}

.asset_div .thumbnail .asset_attachment_filename {
	font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align:center;
	position:absolute;
	top:85px;
	{vb:stylevar left}:2px;
	width:96px;
	overflow:hidden;
	white-space:nowrap;
}
/* END Assets - Thumbnail View*/

/* Assets - Thumbnail Small View */
.asset_div .thumbnailsmall {
	width:75px;
	height:87px;
}

.asset_div .thumbnailsmall .asset_attachment, .asset_div .thumbnailsmall .asset_attachment_nothumb {
	max-width:50px;
	max-height:50px;
	width:50px;
	height:50px;
	top:8px;
}

.asset_div .thumbnailsmall .asset_attachment_filename {
	top:60px;
	width:71px;
}
/* END Assets - Thumbnail Small View*/

/* Assets - List View */
.asset_div .listview {
	position:relative;
	width:100px;
	margin-top:4px;
	padding:2px;
	height:18px;
}

.asset_div .listview .asset_attachment_filename {
	white-space:nowrap;
	overflow:hidden;
	font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-{vb:stylevar right}:13px;
}

.ygtvfocus, .assetclick {
	background-color:#898875;
}
/* END - YUI Uploader */

.asset_attachment_filename .filename {
	display:block;
}

bullsjk07 · #**199** 02-19-2011, 02:29 AM

Any word on when the update for 4.1.2 will be available?

Sean James · #**200** 02-20-2011, 12:29 PM

-Updated to work with vBulletin 4.1.2

Fungsten · #**201** 02-20-2011, 09:35 PM

When updating do you have to reupload everything or can you just import the style's XML?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.16262 seconds Memory Usage 2,375KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (2)pagenav_pagelinkrel (11)post_thanks_box (3)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

4 благодарности(ей) от:
durruti, Hippy, SSG.D

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!