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{}
