Перейти к публикации
View in the app

A better way to browse. Learn more.
Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

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

Опубликовано:

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

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

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

Опубликовано:

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

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

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

Перейти к списку тем

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.