Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×
Hosting webh.pl - 20%

Zmiana koloru w okienkach poglądowych

hoth

Przez hoth
w Szablony

 Udostępnij

Rekomendowane odpowiedzi

hoth Użytkownik społeczności

hoth

Opublikowano
Opublikowano

Witam,

Mam problem, bo nie mogę sobie znaleźć opcji odpowiadającej za wszystkie podglądowe rzeczy. Np najechać chcę na awatar to wyskakuje mi białe tło, klikam zmień styl w stopce jest białe tło, próbuję zrobić coś w menu głównym (powiadomienia, wiadomości, zawartość) - białe tło. Domyślam się, że jedna linia kodu tutaj poniżej zajmuje się tym kolorem białym. Ale szukasz i szukam i znaleźć nie mogę. Pomoże ktoś? 

/* Domyślne ustawienia */
.webMessage {
    border-radius: 2px;
    color: #fff;
   	margin: 10px auto;
  	text-align: center;
    padding: 15px;
  	width: 75%;
}
/* Problem został rozwiązany */
.webMessage_success {
    background-color: #97cd76;
}
.webMessage_success:before {
	 content: "\f00c";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat został zamknięty */
.webMessage_closed {
    background-color: #fce473;
  	color: rgba(0, 0, 0, 0.5);
}
.webMessage_closed:before {
	 content: "\f023";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat został przeniesiony */
.webMessage_move {
    background-color: #42afe3;
}
.webMessage_move:before {
	 content: "\f0ec";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Twoje podanie zostało przyjęte */
.webMessage_ok {
    background-color: #97cd76;
}
.webMessage_ok:before {
	 content: "\f234";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Twoje podanie zostało odrzucone */
.webMessage_red {
    background-color: #ed6c63;
}
.webMessage_red:before {
	 content: "\f235";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat otwarty na prośbę */
.webMessage_opened {
    background-color: #1b7704;
}
.webMessage_opened:before {
	 content: "\f09c";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat przypięty */
.webMessage_pinned {
    background-color: #d66137;
}
.webMessage_pinned:before {
	 content: "\f08d";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat odpięty */
.webMessage_unpinned {
    background-color: #d8a611;
}
.webMessage_unpinned:before {
	 content: "\f08d";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat ukryty */
.webMessage_hidden {
    background-color: #84742b;
}
.webMessage_hidden:before {
	 content: "\f066";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Temat odkryty */
.webMessage_uncover {
    background-color: #0ba071;
}
.webMessage_uncover:before {
	 content: "\f065";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Propozycja przyjęta */
.webMessage_suggestion {
    background-color: #97cd76;
}
.webMessage_suggestion:before {
	 content: "\f00c";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Propozycja odrzucona */
.webMessage_denied {
    background-color: #ed6c63;
}
.webMessage_denied:before {
	 content: "\f00d";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/* Ostrzeżenie */
.webMessage_warn {
    background-color: #ed6c63;
}
.webMessage_warn:before {
	 content: "\f12a";
  	 font-family: 'FontAwesome';
  	 margin-right: 3px;
}
/*
	----------------
	BODY
	----------------
*/

body {
	font-family: Tahoma, sans-serif;
	padding: 0;
}

.background-fade{
	background-image: linear-gradient(to bottom, {hextorgb="ifBg1_hex" opacity="0"} 10vh, {hextorgb="ifBg1_hex" opacity="0.98"} 80vh);
	padding-bottom: 1px;
	min-height: 100vh;
}


/*
	----------------
	GLOBAL STYLES
	----------------
*/

/* Content wrapper */
.contentWrapper{
	/* background: {hextorgb="ipsf_contentWrap" opacity="1"}; */
}

/* Content padding - side values are defined in _ipsfocus_base.css */
@media screen and (min-width:980px){
	
	.contentPadding{
		padding-top: 12px;
	}
    
}

/* ipsfocusBox */
.ipsfocusBox{
	background-color: {hextorgb="area_background_reset" opacity="0.85"};
	border-radius: 4px;
	box-shadow: inset rgba(0,0,0,0.8) 0px 1px 8px, rgba(255,255,255,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
}

	/* Inset box shadow */
	/* @supports ( pointer-events: none ) {
		
		.ipsfocusBox{
			position: relative;
			box-shadow: rgba(255,255,255,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
		}
		
		.ipsfocusBox:after{
			content: '';
			position: absolute;
			z-index: 10;
			top: 0; left: 0; right: 0; bottom: 0;
			border-radius: 4px;
			box-shadow: inset rgba(0,0,0,0.8) 0px 1px 8px;
			pointer-events: none;
		}
			
	} */

/* Box Styles */
.ipsBox,
.ipsComment,
.ipsComment.ipsBox,
.ipsPager,
.ipsPageHeader{
	/* background-color: {theme="area_background_reset"}; */
	border: 0;
	border-radius: 4px;
	box-shadow: inset rgba(0,0,0,0.8) 0px 1px 8px, rgba(255,255,255,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
}

.ipsfocusBox .ipsBox,
.ipsfocusBox .ipsComment,
.ipsfocusBox .ipsComment.ipsBox,
.ipsfocusBox .ipsPager,
.ipsfocusBox .ipsPageHeader{
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}


/* .maintitle */
.ipsType_sectionTitle{
	background: {hextorgb="ipsf_maintitle" opacity="0.1"} url('{resource="ipsfocus/texture.png" app="core" location="front"}') repeat 50% 50%;
	border: 0;
	box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.3) 0px 1px 0px;
	border-radius: 3px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.9rem;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: #000 0px -1px 0px;
	padding: 20px;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

.ipsType_sectionTitle,
a.ipsType_sectionTitle,
.ipsType_sectionTitle a{
	color: {theme="ipsf_maintitleText"};
}

.maintitle-padding,
.nav-wrap{
	padding: 8px;
	position: relative;
}

	.maintitle-blur{
		position: absolute;
		top: 8px; left: 8px; right: 8px; bottom: 8px;
		border-radius: 3px;
		overflow: hidden;
	}
	
		.maintitle-blur:before{
			content: '';
			position: absolute;
			top: -35px; left: -35px; right: -35px; bottom: -35px;
			-webkit-filter: blur(35px) saturate(320%);
			filter: blur(35px) saturate(320%);
			background-size: 100vw auto;
			background-position: 50% 50%;
			box-shadow: inset rgba(0,0,0,0.45) 0px 100px 0px;
		}





/*	
	Main content box background
	-- post and comment boxes
	-- reply and pager bars
*/
.ipsBox:not(.ipsBox_transparent):not(.ipsModerated),
.ipsAreaBackground_reset,
.ipsPageHeader,
.ipsComment,
.ipsPager,
.ipsTabs_panel,
.ipsWidget.ipsWidget_horizontal .ipsTabs_panel,
.cCalendar,
.acpBlock .ipsTable_zebra{
	background-color: {hextorgb="area_background_reset" opacity="0.85"};
}


/* Keep solid. If above is rgba, the following may need to be customized */
.ipsSticky,
.ipsTabs_activeItem,
.ipsComposeArea_dummy,
.ipsLightbox_commentsPanel,
.ipsComposeArea_attachmentsInner > .ipsAreaBackground_reset, /* Attached editor files */
.ipsCarousel .ipsCarousel_nav,
.ipsTruncate > .ipsTruncate_more,
.ipsTruncate > .ipsTruncate_more span,
#elModCPContent > div[data-resort="listResort"]{
	background-color: {theme="area_background_reset"};
}

/*
	Widgets and sidebars
	.row1
*/
.ipsWidget,
.ipsWidget.ipsBox:not( .ipsBox_transparent ),
/* Side bars */
#elVNC_sidebar,
#modcp_menu,
#elSearch_sidebar,
.ipsSideMenu.ipsAreaBackground_light{
	background-color: {hextorgb="area_background_reset" opacity="0.85"};
	border: 1px solid {theme="ipsf_widgetBorder"};
	border-color: transparent;
	border-radius: 3px;
}


/*
	Slightly darker than .row1: author column, zebra
	.row2
*/
.ipsBox .ipsAreaBackground_light,
.ipsfocusBox .ipsAreaBackground_light,
.ipsAttachment_progress,
.ipsAttachment_dropZone.ipsDragging, .ipsComposeArea_dropZone.ipsDragging,
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):nth-child(even),
/* Status updates main header */
.cStatusUpdates .ipsComment.ipsComment_hasChildren > .ipsComment_content,
/* Comment header */
/* .ipsComment:not(.ipsModerated) .ipsComment_header, */
.ipsComment:not(.ipsModerated) .ipsComment_header,
.ipsFieldRow_section,
.cPayment{
	background-color: {hextorgb="area_background_light" opacity="1"};
}

/* Same as above, but possibly best left a solid colour if rgba is used */
.cPollVoteBar,
.ipsAreaBackground_light, /* isolated areas not inside .ipsBox */
.ipsComposeArea_attachments{
	background-color: {theme="area_background_light"};
}


/*
	Slightly darker again: submit bar
	.row3
*/
.ipsAreaBackground,
.ipsTabs {
	background-color: {theme="area_background"};
}

	/* Text color such as "Cancel" text next to submit button, labels next to editor toggle, inactive tab color */
	.ipsApp .ipsAreaBackground .ipsButton_link,
	.ipsAreaBackground,
	.ipsTabs_item:not( .ipsTabs_activeItem ),
	a.ipsTabs_item:not( .ipsTabs_activeItem ),
	.ipsTabs_item:not( .ipsTabs_activeItem ):hover{
		color: #ccc;
	}


/* Widget headers and Sidebar headers */
.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title,	
#elVNC_sidebar .ipsFieldRow_label,
#elSearch_sidebar .ipsFieldRow_label,
.ipsTable.ipsMatrix .ipsMatrix_subHeader,
.ipsSideMenu_title,
.ipsSideMenu_subTitle {
	color: {theme="ipsf_widgetText"};
	background: #635858;
	box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.3) 0px 1px 0px;
	text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	margin: 5px;
	border-radius: 3px;
}


/* Calendar th, Notification Settings th, Blank cell, Side menu title */
.ipsAreaBackground_dark,
.ipsTable.ipsMatrix thead th,
.cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today,
.cDownloadsSubmit_step,
.ipsTable th{
	background-color: {theme="area_background_dark"};
	color: #fff;
}

/* Report Center and Inbox List */
.ipsApp .ipsDataItem_new, .ipsApp .ipsDataItem_success { background-color: #2d4533; }
.ipsApp .ipsDataItem_warning { background-color: #45452d; }
.ipsApp .ipsDataItem_error { background-color: #452d2d; }
.ipsApp .ipsDataItem_info { background-color: #2d4045; }
.ipsApp .ipsDataItem_selected { background-color: {theme="selected"}; }
.ipsApp .ipsDataItem_status { background-color: #343434; }

/* Unread status */
/* .ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread ):not( .ipsDataItem_selected ):not( .ipsModerated ) { background: #f9f9f9; } */

/* Customize zebra background */
.ipsDataList.ipsDataList_zebra .ipsDataItem:not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status):nth-child(even) {
	background-color: rgba(255,255,255,0.02);
}


/* Remove backgrounds of internal boxes so ipsfocusBox becomes main background */
.ipsBox:not( .ipsBox_transparent ) .ipsAreaBackground_reset,
/* New topic page */
.ipsBox .ipsTabs_panel,
.ipsfocusBox .ipsTabs_panel,
.ipsfocus_reset.ipsBox,
.ipsDialog_content .ipsBox,
/* Same as above but stricter, required for certain boxes */
.ipsDialog > div .ipsDialog_content .ipsBox,
.ipsfocusBox .ipsComment.cPost:not(.ipsModerated):not(.ipsComment_selected),
.ipsBox.ipsfocus_reset:not(.ipsBox_transparent):not(.ipsModerated),
/* If for some reason .ipsfocusBox is inside .ipsBox still */
.ipsBox:not(.ipsfocus_reset) .ipsfocusBox
{
	background: #141212;
}



/* Reset internal boxes */
.ipsfocus_reset.ipsBox,
.ipsDialog_content .ipsBox,
.ipsfocusBox .ipsBox.cPost,
/* If for some reason .ipsfocusBox is inside .ipsBox still */
.ipsBox:not(.ipsfocus_reset) .ipsfocusBox{
	border-radius: 0;
	box-shadow: none;
	border: 0;
}




/* Internal semi-transparent box styles */

/* All child .ipsBox's, excluding posts */
.ipsBox:not(.ipsfocus_reset) .ipsBox:not(.ipsfocus_reset):not(.cPost),
.ipsfocusBox .ipsBox:not(.ipsfocus_reset):not(.cPost),

/* Gallery comments, Status update comments */
.ipsBox .ipsComment,

/* Downloads comments */
.ipsfocusBox .ipsComment,

/* Staff page */
.cStaffDirectory .ipsAreaBackground_light,

/* Stream results */
.ipsStream .ipsStreamItem.ipsAreaBackground_reset,

/* Targets reply boxes which don't have .ipsBox */
.ipsBox div[data-role="replyArea"],
.ipsfocusBox div[data-role="replyArea"]

{
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.04);
	box-shadow: rgba(0,0,0,0.05) 0px 1px 4px;
	border-radius: 0;
}

	/* Style internal .ipsAreaBackgrounds so they're more prominant */
	.ipsApp .ipsBox:not(.ipsfocus_reset) .ipsBox.ipsAreaBackground,
	.ipsApp .ipsfocusBox .ipsBox.ipsAreaBackground{
		background: rgba(255,255,255,0.06);
		border-color: rgba(255,255,255,0.13);
	}
	

	/* Internal header */
	.internalHeader,
	.ipsBox .ipsWidget.ipsWidget_vertical .ipsWidget_title,
	.ipsfocusBox .ipsWidget.ipsWidget_vertical .ipsWidget_title{
		color: {theme="text_color"};
		background: rgba(255,255,255,0.04) !important;
	    border: 0px none;
	    box-shadow: none;
	    margin: 0px;
	}

	/* Comment header */
	.ipsComment:not(.ipsModerated) .ipsComment_header{
		
	}

	/* Force moderated and selected styles */
	.ipsModerated {
		background-color: {theme="moderated"} !important;
		color: {theme="moderated_text"} !important;
	}

	/* Selected internal boxes */
	.ipsComment_selected {
		background-color: {theme="selected"} !important;
		border-color: #8ec2ed !important;
		box-shadow: 0px 1px 5px rgba(82,168,236,0.6) !important;
	}





/*
	----------------
	F_ICON
	----------------
*/

/* FontAwesome icon background */
{{if !theme.ipsf_ficonTransparent}}
	.ipsItemStatus.ipsItemStatus_large,
	.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read{
		background: {theme="ipsf_ficonBackground"};
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
		box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
	}
{{endif}}




/*
	----------------
	MISCELLANEOUS
	----------------
*/

/* Row borders */
.ipsDataItem,
/* Add bottom border back to zebra rows */
.ipsDataList.ipsDataList_zebra > .ipsDataItem{
	border-top: 1px solid rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

.cSearchFilters .ipsFieldRow,
.cGalleryWidgetList > li,
/* Subforum border */
.ipsDataItem_subList{
	border-bottom-color: rgba(255,255,255,0.15);
}




/*
	----------------
	TOPIC VIEW
	----------------
*/

/* Author column - customize */
/* .cAuthorPane{
	background: {theme="area_background_light"};
} */


@media screen and (min-width:768px){



	/* Post header */
	{{if theme.ipsf_postDateBar }}
		
		.cPost:before{
			background-color: {theme="ifBg1_hex"};
			background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.07) 100%), url('{resource="ipsfocus/texture.png" app="core" location="front"}');
			background-repeat: repeat;
			background-position: 0 50%;
			border-bottom: 1px solid rgba(255,255,255,0.08);
			border-top: 1px solid rgba(255,255,255,0.08);
			top: 0;
			{{if theme.simpleTopicLayout}}
				border-radius: 2px 2px 0px 0px;
			{{endif}}
		}
		
		{{if theme.simpleTopicLayout}}
			/* Re-align bar it's contained within .ipsBox */
			.cPost:before{
				border-top: 0;
				top: 1px;
				left: 1px;
				right: 1px;
			}
		{{endif}}
		
	{{endif}}

	/* Post button font */
	.cPost .ipsComment_controls{
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		-moz-osx-font-smoothing: grayscale;
	}

	/* Post button bar */
	{{if (theme.topicButtonStyle == 'individualButtons') OR (theme.topicButtonStyle == 'linkRow') }}
	
		.cPost .ipsComment_controls{
			background-image: linear-gradient(to bottom, {hextorgb="ipsf_commentControls" opacity="0.4"} 0%, {hextorgb="ipsf_commentControls" opacity="0.4"} 100%);
			border-top: 1px solid rgba(255,255,255,0.08);
			text-align: right;
			{{if theme.simpleTopicLayout}}
				border-radius: 0px 0px 2px 2px;
			{{endif}}
		}
		
			html[dir='rtl'] .cPost .ipsComment_controls{
				text-align: left;
			}
	
	{{endif}}
	
	
	
	/* Post footer buttons */
	{{if theme.topicButtonStyle == 'individualButtons' }}
		
		/* Button styles */
		.cPost .ipsComment_controls a,
		.cPost .ipsComment_controls .ipsButton.cMultiQuote{
			background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.12) 100%);
			box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
		}
		
			.cPost .ipsComment_controls a:hover,
			.cPost .ipsComment_controls .ipsButton.cMultiQuote:hover{
				box-shadow: inset rgba(255,255,255,0.05) 0px 100px 0px, inset rgba(255,255,255,0.1) 0px 1px 0px;
			}
		

	{{endif}}



	/* Post footer link row */
	{{if theme.topicButtonStyle == 'linkRow' }}
	
		.cPost .ipsComment_controls a,
		.cPost .ipsComment_controls .ipsButton.cMultiQuote{
			border-width: 0 0 0 1px;
			border-color: rgba(255,255,255,0.1);
		}
		
		html[dir="rtl"] .cPost .ipsComment_controls a,
		html[dir="rtl"] .cPost .ipsComment_controls .ipsButton.cMultiQuote{ border-width: 0 1px 0 0; }
		
			/* Link hover */
			.cPost .ipsComment_controls a:hover,
			.cPost .ipsComment_controls .ipsButton.cMultiQuote:hover{
				box-shadow: inset rgba(255,255,255,0.05) 0px 100px 0px;
			}	
	
	{{endif}}


}



/*
	----------------
	BACKGROUND PICKER
	----------------
*/

/* If the background picker is disabled, the background will be defined by Background #1 */
{{if theme.ipsf_backgroundType == 'ipsfocus_background'}}

.ipsfocus_background body{
	background-color: {theme="ifBg1_hex"};
	{{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});
	background-repeat: {theme="ifBg1_repeat"};
	background-attachment: {theme="ifBg1_attachment"};
	background-size: {theme="ifBg1_size"};
	background-position: {theme="ifBg1_position"};{{endif}}
}

	.ipsfocus_background .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg1_hex" opacity="0"} 10vh, {hextorgb="ifBg1_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_background .maintitle-blur:before{
		background-color: {theme="ifBg1_hex"};
		{{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg1_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_background .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_background .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_background #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_background #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_background .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_background .ipsSideMenu_title, .ipsfocus_background .ipsSideMenu_subTitle, .ipsfocus_background .ipsButtonBar{
		background-color: {theme="ifBg1_hex"};
	}
	
	.ipsfocus_background .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg1_hex" opacity="0.6"};
	}

	@media screen and (min-width:768px){
		
		/* Post header bar */
		{{if theme.ipsf_postDateBar }}
		.ipsfocus_background .cPost:before{
			background-color: {theme="ifBg1_hex"};
		}
		{{endif}}
		
		/* Post footer buttons */
		{{if (theme.topicButtonStyle == 'individualButtons') OR (theme.topicButtonStyle == 'linkRow') }}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_background .cPost .ipsComment_controls a,
		.ipsfocus_background .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_background .cPost .ipsComment_controls{
			background-color: {theme="ifBg1_hex"};
		}
		{{endif}}

	}

	{{if (!theme.ipsf_pickerMobile) }}
	/* Configure the backgrounds for mobiles and tablets */
	@media screen and (max-width:979px){
		.ipsfocus_background body{
			background-image: none;
		}
	}
	{{endif}}

{{endif}}


{{if theme.ipsf_backgroundType == 'ipsfocus_backgroundPicker'}}

#ipsf_picker{
	background-color: {hextorgb="area_background_reset" opacity="0.85"};
	border-radius: 4px;
	box-shadow: inset rgba(0,0,0,0.8) 0px 1px 8px, rgba(255,255,255,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
	margin: 0;
	padding: 10px 5px;
}

	#ipsf_picker span{
		color: #fff;
		text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
		box-shadow: inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
		border-radius: 3px;
	}
	
	#ipsf_picker span:hover{
		box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 90px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
	}

.ipsfocus_bg1 body{
	background-color: {theme="ifBg1_hex"};
	{{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});
	background-repeat: {theme="ifBg1_repeat"};
	background-attachment: {theme="ifBg1_attachment"};
	background-size: {theme="ifBg1_size"};
	background-position: {theme="ifBg1_position"};{{endif}}
}

	.ipsfocus_bg1 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg1_hex" opacity="0"} 10vh, {hextorgb="ifBg1_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg1 .maintitle-blur:before{
		background-color: {theme="ifBg1_hex"};
		{{if theme.ifBg1_image}}background-image: url({theme="ifBg1_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg1_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg1 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg1 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg1 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg1 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg1 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg1 .ipsSideMenu_title, .ipsfocus_bg1 .ipsSideMenu_subTitle, .ipsfocus_bg1 .ipsButtonBar{
		background-color: {theme="ifBg1_hex"};
	}
	
	.ipsfocus_bg1 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg1_hex" opacity="0.6"};
	}
	
	
	
.ipsfocus_bg2 body{
	background-color: {theme="ifBg2_hex"};
	{{if theme.ifBg2_image}}background-image: url({theme="ifBg2_image"});
	background-repeat: {theme="ifBg2_repeat"};
	background-attachment: {theme="ifBg2_attachment"};
	background-size: {theme="ifBg2_size"};
	background-position: {theme="ifBg2_position"};{{endif}}
}

	.ipsfocus_bg2 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg2_hex" opacity="0"} 10vh, {hextorgb="ifBg2_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg2 .maintitle-blur:before{
		background-color: {theme="ifBg2_hex"};
		{{if theme.ifBg2_image}}background-image: url({theme="ifBg2_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg2_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg2 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg2 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg2 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg2 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg2 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg2 .ipsSideMenu_title, .ipsfocus_bg2 .ipsSideMenu_subTitle, .ipsfocus_bg2 .ipsButtonBar{
		background-color: {theme="ifBg2_hex"};
	}
	
	.ipsfocus_bg2 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg2_hex" opacity="0.6"};
	}



.ipsfocus_bg3 body{
	background-color: {theme="ifBg3_hex"};
	{{if theme.ifBg3_image}}background-image: url({theme="ifBg3_image"});
	background-repeat: {theme="ifBg3_repeat"};
	background-attachment: {theme="ifBg3_attachment"};
	background-size: {theme="ifBg3_size"};
	background-position: {theme="ifBg3_position"};{{endif}}
}

	.ipsfocus_bg3 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg3_hex" opacity="0"} 10vh, {hextorgb="ifBg3_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg3 .maintitle-blur:before{
		background-color: {theme="ifBg3_hex"};
		{{if theme.ifBg3_image}}background-image: url({theme="ifBg3_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg3_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg3 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg3 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg3 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg3 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg3 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg3 .ipsSideMenu_title, .ipsfocus_bg3 .ipsSideMenu_subTitle, .ipsfocus_bg3 .ipsButtonBar{
		background-color: {theme="ifBg3_hex"};
	}
	
	.ipsfocus_bg3 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg3_hex" opacity="0.6"};
	}
	
	

.ipsfocus_bg4 body{
	background-color: {theme="ifBg4_hex"};
	{{if theme.ifBg4_image}}background-image: url({theme="ifBg4_image"});
	background-repeat: {theme="ifBg4_repeat"};
	background-attachment: {theme="ifBg4_attachment"};
	background-size: {theme="ifBg4_size"};
	background-position: {theme="ifBg4_position"};{{endif}}
}

	.ipsfocus_bg4 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg4_hex" opacity="0"} 10vh, {hextorgb="ifBg4_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg4 .maintitle-blur:before{
		background-color: {theme="ifBg4_hex"};
		{{if theme.ifBg4_image}}background-image: url({theme="ifBg4_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg4_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg4 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg4 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg4 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg4 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg4 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg4 .ipsSideMenu_title, .ipsfocus_bg4 .ipsSideMenu_subTitle, .ipsfocus_bg4 .ipsButtonBar{
		background-color: {theme="ifBg4_hex"};
	}
	
	.ipsfocus_bg4 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg4_hex" opacity="0.6"};
	}
	
	

.ipsfocus_bg5 body{
	background-color: {theme="ifBg5_hex"};
	{{if theme.ifBg5_image}}background-image: url({theme="ifBg5_image"});
	background-repeat: {theme="ifBg5_repeat"};
	background-attachment: {theme="ifBg5_attachment"};
	background-size: {theme="ifBg5_size"};
	background-position: {theme="ifBg5_position"};{{endif}}
}

	.ipsfocus_bg5 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg5_hex" opacity="0"} 10vh, {hextorgb="ifBg5_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg5 .maintitle-blur:before{
		background-color: {theme="ifBg5_hex"};
		{{if theme.ifBg5_image}}background-image: url({theme="ifBg5_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg5_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg5 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg5 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg5 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg5 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg5 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg5 .ipsSideMenu_title, .ipsfocus_bg5 .ipsSideMenu_subTitle, .ipsfocus_bg5 .ipsButtonBar{
		background-color: {theme="ifBg5_hex"};
	}
	
	.ipsfocus_bg5 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg5_hex" opacity="0.6"};
	}
	
	

.ipsfocus_bg6 body{
	background-color: {theme="ifBg6_hex"};
	{{if theme.ifBg6_image}}background-image: url({theme="ifBg6_image"});
	background-repeat: {theme="ifBg6_repeat"};
	background-attachment: {theme="ifBg6_attachment"};
	background-size: {theme="ifBg6_size"};
	background-position: {theme="ifBg6_position"};{{endif}}
}

	.ipsfocus_bg6 .background-fade{
		background-image: linear-gradient(to bottom, {hextorgb="ifBg6_hex" opacity="0"} 10vh, {hextorgb="ifBg6_hex" opacity="0.98"} 80vh);
	}
	
	.ipsfocus_bg6 .maintitle-blur:before{
		background-color: {theme="ifBg6_hex"};
		{{if theme.ifBg6_image}}background-image: url({theme="ifBg6_image"});{{endif}}
		box-shadow: inset {hextorgb="ifBg6_hex" opacity="0.45"} 0px 100px 0px;
	}
	
	.ipsfocus_bg6 .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsfocus_bg6 .ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsfocus_bg6 #elVNC_sidebar .ipsFieldRow_label, .ipsfocus_bg6 #elSearch_sidebar .ipsFieldRow_label, .ipsfocus_bg6 .ipsTable.ipsMatrix .ipsMatrix_subHeader, .ipsfocus_bg6 .ipsSideMenu_title, .ipsfocus_bg6 .ipsSideMenu_subTitle, .ipsfocus_bg6 .ipsButtonBar{
		background-color: {theme="ifBg6_hex"};
	}
	
	.ipsfocus_bg6 .ipsApp .ipsButton_important{
		background-color: {hextorgb="ifBg6_hex" opacity="0.6"};
	}
	
	
	
	@media screen and (min-width:768px){
		
		/* Post header bar */
		{{if theme.ipsf_postDateBar }}
		.ipsfocus_bg1 .cPost:before{
			background-color: {theme="ifBg1_hex"};
		}
		.ipsfocus_bg2 .cPost:before{
			background-color: {theme="ifBg2_hex"};
		}
		.ipsfocus_bg3 .cPost:before{
			background-color: {theme="ifBg3_hex"};
		}
		.ipsfocus_bg4 .cPost:before{
			background-color: {theme="ifBg4_hex"};
		}
		.ipsfocus_bg5 .cPost:before{
			background-color: {theme="ifBg5_hex"};
		}
		.ipsfocus_bg6 .cPost:before{
			background-color: {theme="ifBg6_hex"};
		}
		{{endif}}
		
		/* Post footer buttons */
		{{if (theme.topicButtonStyle == 'individualButtons') OR (theme.topicButtonStyle == 'linkRow') }}
		
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg1 .cPost .ipsComment_controls a,
		.ipsfocus_bg1 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg1 .cPost .ipsComment_controls{
			background-color: {theme="ifBg1_hex"};
		}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg2 .cPost .ipsComment_controls a,
		.ipsfocus_bg2 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg2 .cPost .ipsComment_controls{
			background-color: {theme="ifBg2_hex"};
		}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg3 .cPost .ipsComment_controls a,
		.ipsfocus_bg3 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg3 .cPost .ipsComment_controls{
			background-color: {theme="ifBg3_hex"};
		}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg4 .cPost .ipsComment_controls a,
		.ipsfocus_bg4 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg4 .cPost .ipsComment_controls{
			background-color: {theme="ifBg4_hex"};
		}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg5 .cPost .ipsComment_controls a,
		.ipsfocus_bg5 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg5 .cPost .ipsComment_controls{
			background-color: {theme="ifBg5_hex"};
		}
		{{if theme.topicButtonStyle == 'individualButtons' }}
		.ipsfocus_bg6 .cPost .ipsComment_controls a,
		.ipsfocus_bg6 .cPost .ipsComment_controls .ipsButton.cMultiQuote,
		{{endif}}
		.ipsfocus_bg6 .cPost .ipsComment_controls{
			background-color: {theme="ifBg6_hex"};
		}
		
		
		{{endif}}

	
	}
	
	
	
	
	
	

	/* Configure the backgrounds for mobiles and tablets */
	@media screen and (max-width:979px){
	{{if (!theme.ipsf_pickerMobile) }}		
		.ipsfocus_backgroundPicker body{
			background-image: none;
		}
	{{endif}}
      html body.ipsApp{ background-size: 100% auto; background-attachment: scroll; }
	}

{{endif}}



/*
	----------------
	Mega Footer
	----------------
*/

.ipsfocus_megaFooter{
	border: 0;
	background-color: {hextorgb="area_background_reset" opacity="0.85"};
	border-radius: 4px;
	box-shadow: inset rgba(0,0,0,0.8) 0px 1px 8px, rgba(255,255,255,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
	margin-bottom: 10px;
}

/*
	----------------
	Guest message
	----------------
*/

.ipsfocus_guestAlert{
	background-color: {hextorgb="guest_background" opacity="0.3"};
	background-image: url('{resource="ipsfocus/carbon-net-dark.png" app="core" location="front"}');
	background-repeat: repeat;
}

.ipsfocus_guestAlert .ipsfocus_guestHeader{
	background: {hextorgb="guest_titleBackground" opacity="0.6"};
}

.ipsfocus_guestBillboard{
	background: none;
}

/*
	----------------
	OTHER
	----------------
*/

/* Backdrop blur */
@supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) {
	
	.ipsPager,
	.ipsPageHeader,
	.ipsWidget,
	.ipsfocusBox,
	.ipsBreadcrumb,
	.ipsfocus_rating,
	.ipsApp .ipsButton_important,
	#ipsf_picker,
	.ipsfocus_social a,
	.ipsNavBar_primary > ul > li > .ipsNavBar_secondary,
	.ipsfocus_guestAlert{
		-webkit-backdrop-filter: blur(15px) saturate(130%);
		backdrop-filter: blur(15px) saturate(130%);
	}
  
        /* Dropdown menu fixes */
        #elMessageHeader,
      	#elCalendarsHeader,
      	#elReportSidebar_toggle,
      	#elFollowers{
            position: relative;
            z-index: 1;
        }
}

/* Other dropdown menu fixes */
#elFollowers{ overflow: visible; }

/* Change page title font */
.ipsPageHeader .ipsType_pageTitle,
.ipsToolList .ipsButton{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
}

/* Start new topic button */
.ipsApp .ipsButton_important{
	background-image: url('{resource="ipsfocus/carbon-net-dark.png" app="core" location="front"}'), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.2) 100%);
	background-repeat: repeat;
}
	.ipsApp .ipsButton_important:hover {
	    background-image: url('{resource="ipsfocus/carbon-net-dark.png" app="core" location="front"}'), linear-gradient(to bottom, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.3) 100%);
	}

.ipsApp .ipsButton_link{
	color: rgba(255,255,255,0.8);
}

.ipsfocus_rating{
	background: rgba(0,0,0,0.3);
	border-radius: 3px;
}


/* Pagination bar */
.ipsButtonBar{
	background-image: url('{resource="ipsfocus/carbon-net.png" app="core" location="front"}'), linear-gradient(to bottom, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 100%);
	background-repeat: repeat;
}

/* Social icons and breadcrumb texture */
.ipsfocus_social a,
.ipsfocus_social a:hover{
	box-shadow: inset rgba(255,255,255,0.3) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;
}

	.ipsApp .ipsfocus_social a:not(:hover),
	.ipsBreadcrumb{
		background-color: transparent;
		background-image: url('{resource="ipsfocus/carbon-net-dark.png" app="core" location="front"}'), linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.25) 100%);
		background-repeat: repeat;
	}

/* Hide forums title on index page */
body[data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader{ display: none; }

#elMobileNav{
	background: rgba(0,0,0,0.6);
}

.ipsfocus.com{}

 

BeZiCoVeR Wschodząca gwiazda

BeZiCoVeR

Opublikowano
Opublikowano

Z tego co wiem to za najechanie na avatar i to "białe tło", to jest tkzwn. wizytówka (orginalnie: hovercard)

W css znajdziesz to jako hovercard

a reszta to ipsmenu itd. itd. Dla każdego jest inne, nie możesz zmienić wszystkiego na raz - nie da się.

 

Polecam zbadaj element, gdzieś tu był poradnik jak tego używać...

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.