Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
w12

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

Recommended Posts

Всем привет! В общем у меня скин 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 двигается только внутренняя часть и только в право. Помогите его сделать шире, пожалуйста :(

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...