How to adjust the style width ?

Discussion in 'vBulletin' started by Rahul12345, Aug 17, 2010.

0
  1. #1
    Hi All,

    I am using 4.0.3 Vbullettin

    my style is MorbidBlack

    i want to adjust home page width.

    please help me

    [​IMG]
     
    Rahul12345, Aug 17, 2010 IP
  2. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Show us your site, or either copy us your CSS!!

    We wont be able to help you without any!!

    ~ExP~
     
    extremephp, Aug 17, 2010 IP
  3. Rahul12345

    Rahul12345 Peon

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks 4 your reply

    css you mean forumhome.css 

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

#forums {
width: 100%;
}

#welcomemessage {
	color:{vb:stylevar body_color};
	font-size:100%;
}


/* wgo */
.wgo_block {
	display:block;
	clear:both;
	width: 100%;
	margin-top: {vb:math {vb:stylevar padding}*1.5};
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
	-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
	margin-bottom: {vb:stylevar padding};
}

.wgo_block h2 {
	font: {vb:stylevar wgoheader_font};
	color: {vb:stylevar wgoheader_color};
	background: {vb:stylevar wgoheader_background};
	_background-image: none;
	border: {vb:stylevar wgoheader_border};
	width: 100%;
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.wgo_block .time {
	color: {vb:stylevar body_color};
}

.wgo_block h2 span {
	display:block;
	padding: {vb:math {vb:stylevar padding}/2-1} 0;
	padding-{vb:stylevar left}: {vb:stylevar padding};
	/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
	-moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
	-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.wgo_block div.floatcontainer {
	background: {vb:stylevar wgo_background};
	_background-image: none;
	/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
}

.wgo_block .wgo_subblock {
	display:block;
	padding: {vb:math {vb:stylevar padding}/2-1} 0;
	border-bottom: {vb:stylevar wgo_border};
	border-{vb:stylevar right}: {vb:stylevar wgo_border};
	border-{vb:stylevar left}: {vb:stylevar wgo_border};
	font-size: {vb:stylevar wgo_fontSize};
	clear:both;
	width: 100%;
}

.wgo_subblock h3 {
	padding-{vb:stylevar left}: {vb:stylevar padding};
	font: {vb:stylevar wgosubheader_font};
	color: {vb:stylevar body_color};
	padding-bottom: {vb:math {vb:stylevar padding}/2};
}

.wgo_subblock h3 img {
	padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.wgo_subblock div, .wgo_subblock ol {
	padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
}

.wgo_subblock div p {
	padding-bottom: {vb:math {vb:stylevar padding}/2};
}

.wgo_subblock div ol {
	padding-{vb:stylevar left}: 0;
}

.wgo_subblock dl dt {
	display:inline;
}

.wgo_subblock dl dt:after {
	content:":";
}

.wgo_subblock dl dd {
	display: inline;
	margin-{vb:stylevar right}:{vb:math {vb:stylevar padding}/2};
}

.wgo_subblock dl.icon_legends dt {
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.wgo_subblock dl.icon_legends dt:after {
	content: "";
}

.wgo_subblock dl.icon_legends dd {
	margin-bottom: {vb:math {vb:stylevar padding}};
	display:block;
}

/****************************/
/* Don't use left and right stylevar here */
#content_container {
	width:100%;
	float:left;
	margin-right: -{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
	padding: 10px 0;
}
#content_container.contentright {
	float:right;
	margin-right:0;
	margin-left:-{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}

#content_container #content {
	margin-right:{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}
#content_container.contentright #content {
	margin-right:0;
	margin-left:{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}};
}

/*-----------------------------------*/
/* SIDEBAR */
/* Don't use left and right stylevar here */
#sidebar_container {
	float:right;
	width:{vb:stylevar forum_sidebar_width};
	padding:17px 0;
	margin-bottom:3em;

}

#sidebar_container.sidebarleft {
	float:left;
}

#sidebar_container a {
color: {vb:stylevar forum_sidebar_link_color};
}

#sidebar_container a:hover {
color: {vb:stylevar forum_sidebar_linkhover_color};
}

#sidebar_container .time {
color: {vb:stylevar forum_sidebar_time_color};
}

#sidebar_button {
	display:block;
	margin-top: 40px;
	float:{vb:stylevar right};
	margin-{vb:stylevar right}:-28px;
	_margin: 40px 0 0 0;
	_display: inline-block;
}
#sidebar_button {
	_display: inline;
}
#sidebar_container.sidebarleft #sidebar_button {
	float:left;
	margin-left:-28px;
}

#sidebar_container .block {
	margin-bottom:4px;
	padding:6px;
	background:{vb:stylevar forum_sidebar_background};
	-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};
}

#sidebar_container .blockbody {
	color: {vb:stylevar forum_sidebar_content_color};
	background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	padding:0;
	border:{vb:stylevar forum_sidebar_content_border};
}

#sidebar_container .blockrow {
	border-top:1px solid {vb:stylevar forum_sidebar_content_background.backgroundColor}; /* makes the bevel look part of the 

background */
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	background:{vb:stylevar forum_sidebar_content_background};
	_background-image: none;
}

#sidebar_container .underblock {
	height:{vb:stylevar forum_sidebar_content_separator_height};
	background:{vb:stylevar forum_sidebar_content_separator_background};
}

#sidebar_container .blockrow,
#sidebar_container .blocksubhead {
	padding:10px 6px 10px 6px;
}

#sidebar_container .blocksubhead {
	background:transparent none;
	height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
	color: {vb:stylevar forum_sidebar_header_color};
	padding: 5px 6px;
	border:none;
	outline:none;
	font-weight:bold;
}

#sidebar_container .blocksubhead span.blocktitle {
	width:{vb:math {vb:stylevar forum_sidebar_width} - 70px};
	display:block;
	white-space:nowrap;
	float:left;
	overflow:hidden;
	padding-left:3px;
}

#sidebar_container .blocksubhead img {
	vertical-align:middle;
	float: {vb:stylevar left};
}

#sidebar_container .blocksubhead img.inlineimg {
	float: none;
	position: relative;
	top: -2px;
}
/* Add a "middle" font size, between default and small */
#sidebar_container .blocksubhead.smaller {
	font:{vb:stylevar forum_sidebar_header_font};
}

#sidebar_container .blockrow {
	font-size:{vb:stylevar mid_fontSize};
	color: {vb:stylevar forum_sidebar_content_color};
}

#sidebar_container .blockrow .meta {
	font-size:{vb:stylevar small_fontSize};
}

#sidebar_container .blocksubhead a.username {
	padding-{vb:stylevar right}:20px;
}

#sidebar_container .formcontrols .blockrow label {
	width:auto;
}

#sidebar_container .advanced.blockfoot {
	padding:6px;
	border-bottom:none;
	font-size:88%;
	font-weight:bold;
	background: transparent;
}
#sidebar_container .searchblock .advanced a {
	line-height:2;
}

#sidebar_container .searchblock .advanced .button {
	float:{vb:stylevar right};
}


#sidebar_container > ul {
	background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
	border:{vb:stylevar forum_sidebar_border};
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
	float:{vb:stylevar left};
	width:100%;
}


.avatarcontent, .noavatarcontent {
	padding-top:10px;
}
.avatarcontent:first-child, .noavatarcontent:first-child {
	padding-top:0;
}
.smallavatar {
	height:{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
	width:{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
	overflow:hidden;
	float:{vb:stylevar left};
}
div.smallavatartext {
	margin-{vb:stylevar left}: {vb:math {vb:stylevar forum_sidebar_contentlist_avatar_maxSize} + 10px};
	margin-top: -{vb:stylevar forum_sidebar_contentlist_avatar_maxSize};
	float:{vb:stylevar right};
	width:{vb:math {vb:stylevar forum_sidebar_width} - {vb:math {vb:stylevar forum_sidebar_border.borderWidth} * 2} - {vb:math 

6px * 2} - {vb:math {vb:stylevar forum_sidebar_content_border.borderWidth} * 2} - {vb:math 6px * 2} - {vb:stylevar 

forum_sidebar_contentlist_avatar_maxSize} - 10px};
	word-wrap:break-word;
}

.noavatarcontent .smallavatartext {
	margin: 0;
	float: none;
	clear:both;
	width:{vb:math {vb:stylevar forum_sidebar_width} - {vb:math {vb:stylevar forum_sidebar_border.borderWidth} * 2} - {vb:math 

6px * 2} - {vb:math {vb:stylevar forum_sidebar_content_border.borderWidth} * 2} - {vb:math 6px * 2}};
}

#sidebar_container a.collapse {
	position:static;
}
#sidebar_container a.title {
	font-weight:bold;
}
/* Morbid vB4 - DigitalvB Custom CSS */

.wgo_subblock dl.icon_legends dd {
    padding-top:2px;
}

.wgo_mbd_belofrm_high1 {
    background:#f0f6fe;
    border:1px solid #dfe4eb;
    padding:2px;
}
    Code (markup):


    Now my forum not connected with my domain.
    http://94.228.214.239/~waarezbb/forum.php
    Code (markup):
     
    Rahul12345, Aug 17, 2010 IP
  4. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Incase if you want your page to be full screen, which automatically adjusts itself to all screen resolutions, try this!

    This should be edited on vbulletin-formcontrols.css
    .morbid-box {
background:none repeat scroll 0 0 #F2F2F2;
margin:0 auto;
min-width:650px;
width:auto;
    Code (markup):
    And if you want to define a width, change auto with 1000px or whatever you need!!

    ~ExP~
     
    extremephp, Aug 17, 2010 IP
  5. Rahul12345

    Rahul12345 Peon

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Brother i cant find anywhere this

    .morbid-box {
background:none repeat scroll 0 0 #F2F2F2;
margin:0 auto;
min-width:650px;
width:auto;
    Code (markup):
    This is my vbulletin-formcontrols.css

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

/* Use border box for form elements */
.formcontrols input,select,textarea {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.formcontrols input.textbox {
	height:25px;
	*height:12px;
}
.formcontrols .blocksubhead {
	font-weight:bold;
}

.vbform .blockhead {
	margin-top:2em;
}

.vbform .blockhead:first-child {
	margin-top:0;
}
.settings_form_top_border {
	border-top: {vb:stylevar tabslight_border};
}
.blockbody.settings_form_border {
	border-{vb:stylevar right}: {vb:stylevar tabslight_border};
	border-{vb:stylevar left}: {vb:stylevar tabslight_border};
	border-bottom: {vb:stylevar tabslight_border};
}
.vbform {
	clear:both;
	width:auto;
	max-width:{vb:stylevar form_maxWidth};
	_width:{vb:stylevar form_maxWidth};
	margin:1em auto 2em;
}
form.vbform .formcontrols {
	/*margin-bottom:1em;*/
}

.formcontrols {
	border-{vb:stylevar right}: {vb:stylevar tabslight_border};
	border-{vb:stylevar left}: {vb:stylevar tabslight_border};
	border-bottom: {vb:stylevar tabslight_border};
}

.formcontrols .blockrow {
	background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
	border-top:solid 1px {vb:stylevar light_border.borderColor};
	padding:10px 5px;
}

/* div.section is needed to resolve IE7 percentage width bug */
.formcontrols .section {
	padding:0 15px;
}

.formcontrols > *:first-child,
.formcontrols .blocksubhead + .blockrow,
.formcontrols .section .blockrow:first-child {
	border-top:none;
}

/* BASIC CONTROL STYLING */

input, textarea, select, button {
	font:{vb:stylevar control_font};
	font-weight: normal;
}

.button {
	padding:2px 2px;
}

.button:hover {
	color:{vb:stylevar control_hover_color};
}

.button[type="reset"]:hover {
	color:{vb:stylevar control_hover_color};
}

.textbox,
textarea,
select {
	background:{vb:stylevar input_background};
	border:solid 1px {vb:stylevar mid_border.borderColor};
	padding:4px 5px;
	outline:0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.textbox[disabled],
textarea[disabled] {
	font-style:italic;
	color:{vb:stylevar shade_color};
}

.formcontrols .blockrow input.textbox:focus,
.formcontrols .blockrow textarea:focus {
	background: {vb:stylevar control_focus_background};
}

/* INPUT / SELECT / TEXTAREA / GROUP */

form .rightcol {
	display:block;
	margin-{vb:stylevar left}:{vb:stylevar form_columnleft_width};
	max-width:{vb:stylevar form_columnright_width};
	*margin-{vb:stylevar left}:0;
	float:none;
}

.blockbody.formcontrols .blockrow .rightcol * {
	margin-left:0;
	width:auto;
}

.blockbody.formcontrols .blockrow .rightcol .primary {
	width:50%;
}
.blockbody.formcontrols .blockrow .rightcol textarea.primary {
	width:70%;
}
.blockbody.formcontrols .blockrow .rightcol .description {
	width:auto;
}

.formcontrols .blockrow .primary {
	width:{vb:math {vb:stylevar form_columnright_width} / 2};
}
.formcontrols .blockrow .primary.full {
	width:{vb:stylevar form_columnright_width};
	float:{vb:stylevar left};
}

.formcontrols .blockrow .group {
	width:100%;
}

.formcontrols .blockrow .group li {
	margin-top:5px;
}
.formcontrols .blockrow .group li:first-child {
	margin-top:0;
}
.formcontrols .blockrow .group .textbox {
	width:{vb:math {vb:stylevar form_columnright_width} / 2};
}

.formcontrols .blockrow .primary.center {

}

.formcontrols .blockrow .primary.center img.icon {
	border:1px solid {vb:stylevar heavy_border.borderColor};
}

.formcontrols .blockrow .titleprefix {
	float:{vb:stylevar left};
	margin-{vb:stylevar right}:0.5em;
}

.formcontrols .blockrow * .group {
	width:auto;
	float:none;
}

.formcontrols .blockrow input.textbox[size] {
	width:auto;
}

.formcontrols .blockrow.texteditor textarea {
	width:99%;
	height:200px;
	float:none;
}

.formcontrols .blockrow input.numeric,
.formcontrols .blockrow select.numeric {
	text-align:{vb:stylevar right};
}

/* LABELS */

.formcontrols .blockrow label,
.formcontrols .blockrow .group.multifield label,
.formcontrols .blockrow .groupoption label {
	display:block;
	margin-bottom:2px;
}

.formcontrols .blockrow label {
	width:{vb:stylevar form_columnleft_width};
	float:{vb:stylevar left};
	font-size:13px;

}
.formcontrols .blockrow label.full {
	width:auto;
	float:none;
	font-weight:bold;
}

.formcontrols .blockrow label.floatlabel {
	margin-{vb:stylevar left}: {vb:stylevar padding};

}

.formcontrols .blockrow * label {
	/* undoes the above two rules */
	display:block;
	margin-bottom:auto;
	width:auto;
	float:none;
}

.formcontrols .blockrow .group li label,
.formcontrols .blockrow .group dt label {
	width:{vb:stylevar form_columnleft_width};
	float:{vb:stylevar left};
}

.formcontrols .blockrow .group.full li label,
.formcontrols .blockrow .group.full dt label {
	width:auto;
}



.formcontrols .blockrow .label {
	margin-bottom:8px;

}

.formcontrols .blockrow.singlecheck label {
	float:{vb:stylevar left};
}

.formcontrols fieldset.blockrow legend {
	margin:0;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px\9; /*IE Hack*/
}

/* DESCRIPTIONS */

.formcontrols .blockrow .description {
	color:{vb:stylevar shade_color};
	font-size:{vb:stylevar small_fontSize};
	max-width:{vb:stylevar form_columnright_width};
	margin-{vb:stylevar left}:{vb:stylevar form_columnleft_width};
	overflow:hidden;
	line-height:150%;
	margin-bottom:5px;
}

.formcontrols .blockrow .group.multifield + .description {
	padding-top:1.3em;
}

.formcontrols .blockrow.texteditor .description {
	float:none;
	width:auto;
	margin-top:2px;
}

/*
.formcontrols .blockrow .group .description,
.formcontrols .blockrow .singlecheck .description {
	float:none;
	width:auto;
	margin-{vb:stylevar left}:20px;
}
*/
.formcontrols .blockrow .group.numeric + .description {
	/* descriptions to the right of numeric groups */
}

.formcontrols .blockrow .singledescription {
	display:block;
	/*float:{vb:stylevar left};*/
	clear:{vb:stylevar left};
	margin-bottom:{vb:stylevar padding};
}

/* CHECKBOX / RADIO EXCLUSIVE GROUPS */

.formcontrols .blockrow .group.checkradio {
	width:auto;
}

.formcontrols .blockrow .group.checkradio li label {
	float:none;
}

.formcontrols .blockrow .group.checkradio.full {
	width:100%;
}


.formcontrols .blockrow .group.checkradio.partial {
	width:{vb:stylevar form_columnleft_width};
}

.formcontrols .blockrow .group.checkradio.horizontal {
	height:30px;
}
.formcontrols .blockrow .group.checkradio.horizontal li label {
	float:{vb:stylevar left};
	padding-right:{vb:stylevar padding};
}

.formcontrols .blockrow .group.checkradio > li {
	margin-bottom:0.5em; /* maybe questionable */
}

/* MULTI-FIELD GROUPS (dd, mm, yyyy fields etc.) */

.formcontrols .blockrow .group.multifield li {
	float:{vb:stylevar left};
	margin-{vb:stylevar right}:1em;
	margin-top:0;
}

/* Display multi-field controls vertically */
.formcontrols .blockrow .group.multifield.stacked li {
	float:none;
	margin-top:2px;
}

.formcontrols .blockrow .group.multifield label {
	margin-bottom:2px;
	display:block;
	float:none;
	width:auto;
}

.formcontrols .blockrow .group.multifield select,
.formcontrols .blockrow .group.multifield input.textbox {
	float:none;
}

/* NUMERIC GROUP (rgb color etc.) */

.formcontrols .blockrow .group.numeric {
	width:auto;
	*width:24%;
	max-width:{vb:stylevar form_columnleft_width};
	margin-{vb:stylevar right}:2%;
}

.formcontrols .blockrow .group.numeric li {
	clear:both;
}

.formcontrols .blockrow .group.numeric label {
	float:{vb:stylevar left};
	margin-top:1px;
}

.formcontrols .blockrow .group.numeric input.textbox {
	float:{vb:stylevar right};
	text-align:{vb:stylevar right};
	margin-{vb:stylevar left}:20px;
	margin-bottom:2px;
}

.formcontrols .blockrow .group.numeric .description {
	clear:both;
	text-align:{vb:stylevar right};
	margin:auto;
	margin-bottom:0.2em;
}

/* NUMERIC INPUT */

.formcontrols .blockrow input.textbox.numeric {
	text-align:{vb:stylevar right};
}

/* ACTION BUTTONS */

.formcontrols input.button,
.actionbuttons {
	max-width:100%;
}

.actionbuttons .group {
	float:none;
	text-align:{vb:stylevar right};
	padding-{vb:stylevar right}: {vb:stylevar padding};
}

.vbform .actionbuttons .group {
	margin:0 auto;
	width:auto;
	max-width:{vb:stylevar form_maxWidth};
}

.actionbuttons .small_text_buttons, .actionbuttons .small_text_buttons input.button {
    padding-{vb:stylevar left}:10px;
    padding-{vb:stylevar right}:10px;
}


.actionbuttons .group .button {
/*	min-width:75px; */
   	cursor:pointer;
	padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
	font: {vb:stylevar control_font};
	border:{vb:stylevar control_border};
	color:{vb:stylevar control_color};
	background:{vb:stylevar control_background};
/*	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius:{vb:stylevar border_radius}; */
}

.actionbuttons .group .button:hover {
	background: {vb:stylevar control_hover_background};
	color: {vb:stylevar control_hover_color};
}

/* *** SPECIAL ITEMS *** */

/* POST ICONS */

.formcontrols .blockrow #posticon_preview {
	width:16px;
	height:16px;
	margin-{vb:stylevar left}:{vb:stylevar padding};
}

.formcontrols .blockrow.posticons table {
	width:{vb:stylevar form_columnright_width};
}

.formcontrols .blockrow.posticons td {
	padding:2px;
}

/* RATING SELECT */

.formcontrols .blockrow select.rating option {
	background-image:url({vb:stylevar imgdir_rating}/rating-15_3.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-{vb:stylevar left}:85px
}

/* DEP GROUPS */
.formcontrols .blockrow dl.dep_group dd, .formcontrols .blockrow .dep_group .deps {
	margin-left:1.5em;
	margin-top:0.5em;
	margin-bottom:0.2em;
}

.formcontrols .blockrow dl.dep_group dd dl.dep_group {
	/*margin-top:1em;*/ /* Handles the margin above sub-dependent controls, remove? */
}

input[type="submit"][disabled]#blog_deletebtn:active, input[type="submit"][disabled]#blog_deletebtn {
	color:graytext;
}

/* ATTACH FILES */

.formcontrols .blockrow .group.attachments li {
	margin-bottom:0.5em;
}

.formcontrols .blockrow .group.attachments li img {
	vertical-align:middle;
}

.formcontrols .blockrow .group.attachments li:last-child {
	margin-top:1em;
}

/* Upper / Lower comparison and IM FIELDS (AIM, Skype...) */

.formcontrols .group.upperlower li,
.formcontrols .group.imfields li {
	width:45%;
	padding-bottom:0.3em;
}

.formcontrols .group.upperlower li input.textbox,
.formcontrols .group.imfields li input.textbox,
.formcontrols .group.imfields li select {
	width:100%;
}

.formcontrols .group.imfields li select {
	margin-bottom:-0.3em;
}

/* Group of text controls */
.groupcontrols {
	text-align:{vb:stylevar right};
	clear:both;	
}

.groupcontrols .textcontrol {
	margin-{vb:stylevar left}:{vb:stylevar padding};
	margin-top:0;
}

/* Single Button */
.formcontrols .blockrow.singlebutton .button {
}

/* IE7 Float Fix */
.formcontrols .groupoption {
	display:block;
	clear:{vb:stylevar left};
}

/* DEBUG */
.group.radio,
.group.checkbox {
	background:{vb:stylevar control_focus_background};
}

/* NEWEVENT.php TEMP */
.formcontrols .blockrow .group.checkradio .daycheckboxes li {
	float:{vb:stylevar left};
	padding-{vb:stylevar right}:1em;
	padding-top:0.5em;
}

/*For the search, not worth creating a new css file*/
.savepreferences {
	float:{vb:stylevar left};text-align:{vb:stylevar left};width:49.5%;
}
    Code (markup):
     
    Rahul12345, Aug 17, 2010 IP
  6. dynashox

    dynashox Premium Member Staff

    Messages:
    8,662
    Likes Received:
    563
    Best Answers:
    3
    Trophy Points:
    335
    #6
    Just edit the doc_width value under StyleVars of your templates.

    - Dynashox -
     
    dynashox, Aug 20, 2010 IP