Расширеть скин Brave IPB 3.1.4

w12 · 05/16/11 12:01

Всем привет! В общем у меня скин http://www.skinbox.net/browse/live-demo/skin/108 как его шире сделать?

/*
SKIN BY WWW.SKINBOX.NET
*/

/************************************************************************/
/* WRAPPER */
/************************************************************************/

.width {
margin: 0 auto;
}

#ipbwrapper { 
margin: 0 auto ;
text-align: left;
width: 100%;
       background: #1b1b1b;
}

/************************************************************************/
/* BACKGROUNDS */
/************************************************************************/

#branding_left {
background: transparent url({style_images_url}/_bgs/bg1.png) no-repeat top left;
min-height: 80px;
margin: 0;
padding: 0;
}

#branding_right {
background: transparent url({style_images_url}/_custom/bg-branding_right.png) no-repeat top right;
min-height: 80px;
margin: 0;
padding: 0;
}

#bg-top {
background: url({style_images_url}/_custom/bg-top.png) repeat-x top left;
width: 100%;
}

#bg-bottom {
background: url({style_images_url}/_custom/bg-bottom.png) repeat-x bottom left;
width: 100%;
}

#bg-left {
background: url({style_images_url}/_custom/bg-left.png) repeat-y top left;
width: 100%;
}

#bg-right {
background: url({style_images_url}/_custom/bg-right.png) repeat-y top right;
width: 100%;
}

/************************************************************************/
/* BORDERS */
/************************************************************************/

.border-right {
background: transparent url({style_images_url}/_custom/border-right.png) repeat-y top right;
padding-right: 78px;
}

.border-left {
background: transparent url({style_images_url}/_custom/border-left.png) repeat-y top left;
padding-left: 78px;
}

/************************************************************************/
/* WELCOME MESSAGE */
/************************************************************************/

.welcome {
background: #161616 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(transparent));
background: #161616 -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, transparent 100%);
padding: 9px 8px 5px 10px;
margin: 10px 7px 0 7px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #828282;
text-shadow: -1px -1px 1px #000;
font-size: 1.2em;
line-height: 1.5em;
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
}

.welcome span {
font-weight: bold;
color: #ababab;
}

.welcome p {
display: inline;
}

.welcome_buttons {
margin-top: 10px;
}

.hideit {
float: right;
display: inline;
font-weight: normal;
text-shadoe: -1px -1px 0 #000;
font-size: 0.7em;
position: relative;
margin: -5px -3px 0 0;
}

.hideit a {
	background-color: rgba(255,255,255,0.1);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(transparent)); /* Saf-Chrome */
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, transparent 100%); /* FF */
	background-image: linear-gradient(top, rgba(255,255,255,0.1), transparent);
	padding: 3px 8px;
	color: rgba(255,255,255,0.6);
	text-decoration: none !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}

	.hideit a:hover {
		background-color: rgba(255,255,255,0.2);
		color: #fff;
	}

	.hideit a:active {
		background-color: rgba(255,255,255,0.15);
		box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
		color: rgba(255,255,255,0.5);
	}

	.hideit img {
		position: relative;
		margin-top: -1px;
	}

/************************************************************************/
/* SWITCH BACKGROUND */
/************************************************************************/

.switch {
background-color: #414141;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(transparent)); /* Saf-Chrome */
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, transparent 100%); /* FF */
background-image: linear-gradient(top, rgba(255,255,255,0.1), transparent);
text-decoration: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
padding: 4px 6px;
margin: 4px 6px 4px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
}

.switch:hover {
	background-color: #494949;
}

.switch:active {
	background-color: #282828;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.03)), to(transparent)); /* Saf-Chrome */
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.03) 0%, transparent 100%); /* FF */
	background-image: linear-gradient(top, rgba(255,255,255,0.03), transparent);
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 2px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 2px 10px rgba(0,0,0,0.2);
}

	.switch:active img {
		opacity: 0.5;
	}

/************************************************************************/
/* RECAPTCHA */
/************************************************************************/

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
background-color: transparent !important; //reCaptcha widget background color
}

#recaptcha_table {
border-color: #262626 !important; //reCaptcha widget border color
}

#recaptcha_response_field {
border-color: #262626 !important; //Text input field border color
background-color: transparent !important; //Text input field background color
}

/************************************************************************/
/* BACKGROUND SWITCHER */
/************************************************************************/

.select_background {
display: inline-block;
}

.select_background img {
	background: rgba(255,255,255,0.1);
	border: 1px solid transparent;
	padding: 3px;
	margin: 6px 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

	.select_background:hover img {
		border: 1px solid rgba(255,255,255,0.15);
	}

	.select_background:active img {
		opacity: 0.6;
	}

/************************************************************************/
/* SIGN IN - REGISTER VIEW */
/************************************************************************/

.signin {
overflow: hidden;
padding: 4px;
}

.signin h3 {
	border-bottom: 1px solid rgba(255,255,255,0.05) !important;
	font-size: 1.1em !important;
	padding: 4px 6px !important;
	margin: 0 0 5px 0 !important;
}

.signin fieldset.options {
	background: rgb(93,93,93); /* Fallback */
	background: rgba(0,0,0,0.1);
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(255,255,255,0.05);
	padding: 0 0 5px 0 !important;
	margin: 10px 0 !important;
	font-size: 0.95em !important;
}

.signin .button {
padding: 6px 8px !important;
margin: 0;
font-weight: bold;
font-size: 0.9em !important;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
background-color: rgba(255,255,255,0.2);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.15)), to(transparent)); /* Saf-Chrome */
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, transparent 100%); /* FF */
background-image: linear-gradient(top, rgba(255,255,255,0.15), transparent);
box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
border: 1px solid #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.signin .button a, .signin .button {
	text-decoration: none !important;
}

.signin .button:hover {
	background-color: rgba(255,255,255,0.3);
}

.signin .button:active {
	color: rgba(255,255,255,0.4);
	background-color: rgba(255,255,255,0.15);
	box-shadow: inset 0 2px 8px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,0.8);
}

	.signin .button:active a {
		color: rgba(255,255,255,0.4);
	}

	.signin .button:active img {
		opacity: 0.6;
	}

.signin input.button {
	padding: 4px 8px 5px 8px !important;
}

.signin .field {
	line-height: 160%;
	color: rgba(255,255,255,0.6);
	padding: 10px 5px 0 5px !important;	
	margin: 0 !important;
	float: left;
	display: inline;
}

.signin .input {
	padding: 5px 5px 5px 28px;
	margin: 1px 6px 0 0;
	font-size: 12px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.6);
}

	 .signin .input.login, .signin .input.pass {
		background-image: url({style_images_url}/_custom/form_login.png);
		background-repeat: no-repeat;
		background-position: 3% 50%;
	}

	.signin .input.pass {
		background-image: url({style_images_url}/_custom/form_pass.png);
	}

/************************************************************************/
/* TRACKER STUFF */
/************************************************************************/

tr.light td { background: rgba(255,255,255,0.05) !important; border-bottom: 0 !important; }
tr.dark td { background: rgba(255,255,255,0.05) !important; border-bottom: 0 !important; }

ul.issue_list li.issue table tr td {
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
border-top: 0 !important;
}

/************************************************************************/
/* FORUM VIEW STUFF */
/************************************************************************/

.topic_list tr.unread a { font-weight: bold; }

.topic_list tr .mini_pagination {display: none; }
.topic_list tr:hover .mini_pagination { display: inline; }

.topic_list tr.unread a.topic_title { font-weight: bold; }

.topic_list tr.moved .sb-avatar-frame { opacity: 0.4; }
.topic_list tr.read .sb-avatar-frame { opacity: 0.4; }
.topic_list tr.unread .sb-avatar-frame { }
.topicblock_read .sb-avatar-frame { opacity: 0.3; }

/************************************************************************/
/* SUPER UBER DUPER FEATURES */
/************************************************************************/

/* No Flickering */
[data-dropdown] ul, [data-box], [data-dombox], [data-store] { display: none;}

/* IE Fixes */
.msie-7 ul.breadcrumb li, .msie-8 ul.breadcrumb li { margin: 0; }
.msie-7 ul.breadcrumb li a, .msie-8 ul.breadcrumb li a { padding: 2px 10px 3px 10px; }
.msie-7 .sb-avatar-frame img, .msie-8 .sb-avatar-frame img { filter: alpha(opacity=100); }

.active[data-target-style] { font-weight: bold !important; }

/* Popup */
#sb-popbox-inner {
padding: 10px 20px 20px 20px;
font-size: 1em;
line-height: 150%;
}

/* Dropdown Menu */
[data-dropdown] { position: relative; }

/* Submenu */
[data-dropdown] ul {
background-color: #252525;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
border: 1px solid #2f2f2f;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 1em !important;
width: 200px;
position: absolute;
z-index: 1000;
margin: 0;
padding: 2px !important;
}

[data-dropdown] ul li {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	float: none !important;
	text-align: left !important;
	text-transform: none !important;
}

	[data-dropdown] ul li a {
		background: transparent !important;
		border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		margin: 0 !important;
		padding: 4px !important;
		color: #7a7a7a !important;
		text-shadow: none !important;
		border: 0 !important;
		display: block !important;
		float: none !important;
	}

	[data-dropdown] ul li a img {
		position: relative;
		margin-top: 1px;
		margin-right: 2px;
		opacity: 0.3;
		filter: Alpha(opacity=30);
	}

		[data-dropdown] ul li a:hover {
			background: rgba(255,255,255,0.05) !important;
			color: #fff !important;
			border: 0 !important;
		}

		[data-dropdown] ul li a:hover img {
			opacity: 0.8;
			filter: Alpha(opacity=80);
		}

		[data-dropdown] ul li a:active {
			background: rgba(255,255,255,0.02) !important;
			border: 0 !important;
			color: rgba(255,255,255,0.5) !important;
		}

.sb-dropdown_arrow {
position: relative;
margin-top: 0px;
margin-left: 1px;
}

/* Background Picker */
#background-picker { display: none; }
[data-layer] { display: none; }

[data-layer=background-switcher] {
z-index: 10000;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
}

[data-layer=background-switcher] > div {
position: absolute;
bottom: 50px;
text-align: center;
width: 100%;
}

/* Avatars */
.sb-avatar, .avatar a img {
opacity: 0;
filter: alpha(opacity=0);
}

.sb-avatar-frame, .avatar a {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 2px rgba(0,0,0,1);
display: inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* Tooltips */
.tooltip {
height: auto;
line-height: 1.5;
padding: 4px 10px;
background: none repeat scroll 0 0 rgba(0,0,0, 0.7);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
color: #fff;
font-size: 12px;
cursor: default;
display: none;
max-width: 230px;
z-index: 1000;
margin-left: 10px;
}

.tooltip span {
	border-style: solid solid solid none;
	border-color: transparent rgba(0,0,0, 0.7) transparent black;
	border-width: 6px 6px 6px 1px;
	line-height: 0;
	bottom: auto;
	position: absolute;
	left: -6px;
	margin-top: -6px;
	top: 50%;
	height: 0;
	width: 0;
}

/* Top Link */
#sb-toplink {
background: transparent url({style_images_url}/_custom/toplink.png) no-repeat center center;
display: none;
position: fixed;
right: 5px;
bottom: 5px;
text-decoration: none;
border: 0;
padding: 15px;
}

#sb-toplink:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#sb-toplink:active {
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

/* Hide Login Panel By Default */
[data-collapsible=login] { display: none; }

/* Internals */
.sb-feature-dropdowns-off [data-dropdown] { display: none; }
.sb-feature-popups-off [data-dombox=appearance] { display: block; }
.sb-feature-background_picker-off #switch_wrap { display: none; }

/************************************************************************/
/* MISC */
/************************************************************************/

.logo {
padding-left: 290px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}

.logo:hover {
	opacity: 0.8;
}

.logo:active {
	opacity: 0.5;
}

.catend {
background: #2f3132 url({style_images_url}/_custom/catend.png) no-repeat bottom center;
height: 8px;
margin-bottom: 6px;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

.coolbar {
background: transparent url({style_images_url}/_custom/bg-bar.png) repeat-x top left;
height: 35px;
}

.coolbar2 {
background: transparent url({style_images_url}/_custom/bg-bar2.png) repeat-x top left;
height: 37px;
}

.stats_arrow {
display: inline;
float: right;
position: relative;
margin-top: -10px;
opacity: 0.5;
}

.stats_arrow:hover {
	opacity: 1;
}

.stats_arrow:active {
	opacity: 0.5;
}

.smalltext {
font-size: 11px;
color: #a7a7a7;
padding-top: 2px;
}

.smalltext a {
	color: #a7a7a7;
}

#index_stats .general_box h3 img {
display: none;
}

.topic_list tr .mini_pagination {
display: none;
}

.topic_list tr:hover .mini_pagination {
	display: inline;
}

/* Pretty printing styles. Used with prettify.js. */
.str { color: #8888e5; }
.kwd { color: #5353ff; }
.com { color: #00bb00; }
.typ { color: #e2f013; }
.lit { color: #0000ff; }
.pun { color: #000fea; }
.pln { color: #ffffff; }
.tag { color: #5353ff; }
.atn { color: #e2f013; }
.atv { color: #8888e5; }
.dec { color: #00d7d7; }

@media print {
 .str { color: #0000d1; }
 .kwd { color: #0000c0; font-weight: bold; }
 .com { color: #00df00; font-style: italic; }
 .typ { color: #dfed11; font-weight: bold; }
 .lit { color: #7878e0; }
 .pun { color: #0010ff; }
 .pln { color: #ffffff; }
 .tag { color: #0000c0; font-weight: bold; }
 .atn { color: #dfed11; }
 .atv { color: #0000d1; }
}

/************************************************************************/
/* BRANDING - PLEASE DO NOT REMOVE */
/************************************************************************/

.branding_skin {
margin: 5px auto 0;
padding: 0 10px;
color: #fff;
}

.branding_skin a {
	color: #fff;
	text-decoration: none;
}

.branding_skin a:hover {
	color: #fff;
	text-decoration: underline;
}

.branding_logo {
float: right;
opacity: 0.7;
}

.branding_logo:hover {
	opacity: 1;
}

.branding_logo:active {
	opacity: 0.7;
}

Вот весь код, как не двигаю вообще не ровно становиться, ужас просто. Меняю width двигается только внутренняя часть и только в право. Помогите его сделать шире, пожалуйста :(

Fisana · 05/16/11 19:05

Спросите непосредственно на сайте разработчика (разумеется, если скин честно купили).

Мы принципиально не поддерживаем чужие скины, особенно платные, потому что, во-первых, нам самим придется их купить, чтобы разобраться; во-вторых, 99% тех, кто обращается за помощью с такими скинами к нам, используют краденное и скорее удавятся, чем копейку автору заплатят. Чаще всего дело тут не в отсутствии денег, а в природном жлобстве и привычке к халяве.

Надеюсь, это не о Вас.

Ph-A · 05/17/11 10:26

используют краденное

Причем осознано. Скрывая Board URL :)

Войти

Расширеть скин Brave IPB 3.1.4

Рекомендованные сообщения

w12 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Ph-A 395

Поделиться сообщением

Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Сейчас на странице 0 пользователей

Сообщество