Thread title colour in activity feed clashes with background colour in 'red' theme

neoow · December 3, 2017

When I view the activity feed I cannot see the thread titles because the text colour is the same as the background colour. This means I often open up the same thread multiple times because I don't realise the posts are from the same thread.

So for example:

Huey

judygram replied to SRSeedBurners's topic in The GREY Lounge

That is actually amazing they get along so well, you got your hands full for the next week.

Looks like:

text.png.a57f469e4a4ae008ed46edbfcbe395b4.png

If there is any way to correct that, I'd be very grateful.

I'm not sure if this is an issue across all themes but it's definitely the case with the red theme for me.

SRSeedBurners · December 4, 2017

I never even noticed that. Looks like an issue with the Red Theme. I switched the Christmasy theme (very nice btw) and the titles are visible.

neoow · December 5, 2017

Yeah I think it's just the red theme too. I checked the halloween one and a blue one and neither had the same issue.

I like the red one best though, so I'll stick it out.

KevinD · December 13, 2017

I apologize, im sort of snowed in, ill take care of it when I get back

neoow · December 14, 2017

On 12/13/2017 at 2:39 AM, KevinD said:

I apologize, im sort of snowed in, ill take care of it when I get back

It's not urgent at all. I can deal with it. Just thought I'd give you a heads up.

KevinD · December 15, 2017

Ok, I thought it was just the skin needed to be updated because I updated the base code.

Turns out this is a glitch in the skin. Ill have to turn it into the skin maker, and see if they can correct it.

If not, I can dig into the html code myself, but that will take some time.

These skin guys get paid well for a reason, css and html is a pain to pick through.

Im still out of town, but Ill look at it this weekend when I get back, the snow has cleared off the roads, I can drive back.

You folks in Ohio have it made, snow all the time LOL, however it does pose a problem when driving cross country..

neoow · December 16, 2017

Thanks!

Don't bust a gut over it as it's such a minor problem!

KevinD · December 19, 2017

Well, im home, ill take a look at the css/html the skin maker is busy i guess.

KevinD · December 19, 2017

If anyone sees it let me know..... I got to pick through it LOL

/*global.css*/

body {
   background: #e7e7e7 url({resource="bg.png" app="core" location="global"}) repeat-x;
   font-family: Arial, sans-serif !important;
   font-size: 13px;
   line-height: 18px;
   color: #000 !important;
   height: 100%;
margin: 0px !important;
}

a {
color: #900000;
text-decoration: none;
}

a:hover {
color: #000;
}

#ipsLayout_header header {
   background: url({resource="header_bg.png" app="core" location="global"});
   padding: 0px 0px 105px 0px;
   margin-bottom: -115px;
}

#ipsLayout_header nav {
background: transparent;
height: 0px;
}

.cForumRow h2,
.ipsBox h2 {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   -moz-border-radius: none !important;
   -webkit-border-top-left-radius: none !important;
   -webkit-border-top-right-radius: none !important;
   border-radius: none !important;
   border: none !important;
   padding: 10px !important;
   color: #fff !important;
}

.ipsBox {
background: #e5e5e5 !important;
border: 0px solid #000 !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
border-radius: 0px;
}

#ipsLayout_contentWrapper {
padding-left: 0px !important;
padding-right: 0px !important;
}

.cForumToggle {
margin-right: -30px !important;
}

#elRegisterButton { color: #fff !important; }

#elUserNav > li > a {
color: #555;
font-size: 13px;
vertical-align: middle;
line-height: 1;
}

.ipsApp .ipsButton_important {
background: #B50000 !important;
background: -moz-linear-gradient(top, #C50000 0%, #850000 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50000), color-stop(100%,#850000)) !important;
background: linear-gradient(top, #C50000 0%, #850000 100%) !important;
}

.ipsLayout_container {
   max-width: 100%;
   padding: 0px 20px 0px 20px;
   margin: 0 auto;
   position: relative;
}

.ipsAreaBackground_light {
background: transparent !important;
}

/*data list.css*/

.ipsDataItem {
width: 100%;
position: relative;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #000 !important;
}

.ipsItemStatus.ipsItemStatus_large,
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
background: transparent !important;
border-radius: 0 !important;
}

.ipsDataList_large .fa-comments::before {
content: url({resource="f_icon.png" app="core" location="global"}) !important;
}

.ipsDataList_large .fa-arrow-right::before {
content: url({resource="f_redirect.png" app="core" location="global"}) !important;
}

.ipsDataList_large .fa-question::before {
content: url({resource="f_question.png" app="core" location="global"}) !important;
}

.ipsDataList_large .fa-lock::before {
content: url({resource="f_lock.png" app="core" location="global"}) !important;
}

.ipsDataList_large .fa-unlock::before {
content: url({resource="f_unlock.png" app="core" location="global"}) !important;
}

.ipsDataList_large .ipsItemStatus_read .fa-comments::before {
content: url({resource="f_icon_read.png" app="core" location="global"}) !important;
}

.ipsDataList_large .ipsItemStatus_read .fa-question::before {
content: url({resource="f_question_read.png" app="core" location="global"}) !important;
}

.ipsDataList_large .ipsItemStatus_read .fa-lock::before {
content: url({resource="f_lock_read.png" app="core" location="global"}) !important;
}

.ipsDataList_large .ipsItemStatus_read .fa-unlock::before {
content: url({resource="f_unlock_read.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_large .fa-comments::before {
content: url({resource="f_icon.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_large .fa-arrow-right::before {
content: url({resource="f_redirect.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_large .fa-question::before {
content: url({resource="f_question.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_large .fa-lock::before {
content: url({resource="f_lock.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_large .fa-unlock::before {
content: url({resource="f_unlock.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_read .fa-comments::before {
content: url({resource="f_icon_read.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_read .fa-question::before {
content: url({resource="f_question_read.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_read .fa-lock::before {
content: url({resource="f_lock_read.png" app="core" location="global"}) !important;
}

.ipsItemStatus.ipsItemStatus_read .fa-unlock::before {
content: url({resource="f_unlock_read.png" app="core" location="global"}) !important;
}

.cNexusActionBadge {
background: #B00000 !important;
}

/*cat head.css*/

li.cathead h2 {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   font-size: 16px !important;
   color: #fff !important;
   text-shadow: 0px 1px 1px #000;
   border: none !important;
}

.catheadmid {
   background: transparent !important;
   display: inline;
   float:left;
   text-align: left;
   width:100%;
   height: 48px;
   padding: 0px;
   margin: 0px;
   margin-bottom: 0px !important;
}

.catheadleft {
   background: url({resource="cathead_left.png" app="core" location="global"}) no-repeat left bottom !important;
   display: block;
   float: left;
   height: 48px;
   width: 100%;
   padding: 0px;
   margin: 0px;
   margin-bottom: 0px !important;
}

.catheadright {
background: url({resource="cathead_right.png" app="core" location="global"}) no-repeat right bottom !important;
   display: inline;
   float: right;
   color: #FFF;
   height: 48px;
   width: 100%;
   padding: 0px;
   margin: 0px;
   margin-bottom: 0px !important;
}

.catheadcenter {
   background: transparent !important;
   height: 48px;
   padding-left: 50px;
   padding-right: 50px !important;
}

.catheadcenter2 {
   background: url({resource="cathead_mid.png" app="core" location="global"}) repeat-x bottom center !important;
   display: inline;
   float:left;
   height: 48px;
   width:100%;
   padding: 0px;
   margin: 0px;
   text-align: center;
   margin-bottom: 0px !important;
}

.catheadtext {
   color: #fff;
   font-family: arial, tahoma, verdana;
   font-size: 20px;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   padding: 11px 0px 0px 0px;
   margin: 0px;
}

.catheadtext a:link,
.catheadtext a:visited,
.catheadtextcollapse a:link,
.catheadtextcollapse a:visited{
   color: #fff;
   text-decoration: none;

}

.catheadtext a:hover,
.catheadtext a:active,
.catheadtextcollapse a:hover,
.catheadtextcollapse a:active{
   background: transparent;
   color: rgba(255,255,255,0.5);
   text-decoration: none;
}

.catfoot{
   background: transparent !important;
   float:left;
   height: 35px;
   width:100%;
}

.catfoot_left{
   background: url({resource="catfoot_left.png" app="core" location="global"}) no-repeat left top !important;
   float:left;
   height: 35px;
   width: 100%;
   padding:0px;
   margin: 0px;
}

.catfoot_right{
   background: url({resource="catfoot_right.png" app="core" location="global"}) no-repeat right top !important;
   float:right;
   height: 35px;
   width: 100%;
   padding: 0px;
   margin: 0px;
}

.catfoot_center{
   height: 35px;
   padding-left: 50px;
   padding-right: 50px;
}

.catfoot_center2{
   background: url({resource="catfoot_mid.png" app="core" location="global"}) repeat-x !important;
   float:left;
   height: 35px;
   width:100%;
   text-align: center;
   margin: 0px;
   padding: 0px;
}

.catfoot_center3{
   float:left;
   height: 35px;
   width:100%;
   text-align: center;
   margin: 0px;
   padding: 0px;
}

/*menus.css*/

.ipsMenu_title {
background: #B50000 !important;
background: -moz-linear-gradient(top, #C50000 0%, #850000 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50000), color-stop(100%,#850000)) !important;
background: linear-gradient(top, #C50000 0%, #850000 100%) !important;
padding: 10px 15px;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
color: #fff !important;
}

.ipsMenu {
background: #bbb !important;
background: -moz-linear-gradient(top, #ddd 0%, #999 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#999)) !important;
background: linear-gradient(top, #ddd 0%, #999 100%) !important;
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
}

.ipsMenu_sep {
border-top: 1px solid #000 !important;
margin: 4px;
}

/*misc*/

html[dir] .cPost .ipsComment_content {
padding-right: 10px;
padding-left: 10px;
}

html[dir="ltr"] .ipsGrid > [class*="ipsGrid_span"] {
float: left;
margin-left: 0;
padding: 5px;
}

.ipsTabs_panel {
height: 100%;
background: transparent !important;
}

.ipsApp .ipsButton_link { color: #000 !important; }

/*block.css*/

.border_box {
   background: url({resource="border_box.png" app="core" location="global"}) repeat-y;
   padding: 10px;
   margin: 0px !important;
}

.border_box_mid {
   background: #f5f5f5 !important;
   display: inline;
   float:left;
   text-align: left;
   width:100%;
   padding: 0px;
   margin: 0px;
}

.border_box_left {
   background: url({resource="catrow_left.png" app="core" location="global"}) repeat-y left !important;
   display: block;
   float: left;
   width: 100%;
   padding: 0px;
}

.border_box_right {
   background: url({resource="catrow_right.png" app="core" location="global"}) repeat-y right !important;
   display: inline;
   float: right;
   color: #000;
   width: 100%;
   padding: 0px;
}

.ibtheme_table {
   background: transparent;
   width: 100%;
   padding: 0px !important;
}

.ibtheme_td_left {
   background: url({resource="catrow_left.png" app="core" location="global"}) repeat-y left !important;
   width: 17px;
   padding: 0px;
}

.ibtheme_td_main {
   background: #f5f5f5 !important;
   width: auto;
   padding: 0px;
}

@media screen and (max-width: 979px) {
.ibtheme_td_main { width: 90%; }
}

.ibtheme_td_right {
   background: url({resource="catrow_right.png" app="core" location="global"}) repeat-y right !important;
   width: 17px;
   padding: 0px;
}

.ibtheme_table2 {
   background: transparent !important;
   width: 100% !important;
   padding: 0px !important;
}

.ibtheme_td_left2 {
   width: 70px !important;
   padding: 0px !important;
   text-align: left !important;
}

.ibtheme_td_right2 {
   max-width: 250px !important;
   padding: 0px !important;
   text-align: justify !important;
   overflow-wrap: break-word !important;
   word-wrap: break-word;
   -ms-word-break: break-all !important;
   word-break: break-all !important;
   word-break: break-word !important;
   -ms-hyphens: auto !important;
   -moz-hyphens: auto !important;
   -webkit-hyphens: auto !important;
   hyphens: auto !important;
}

.cPost .cPost_contentWrap {
padding: 10px !important;
}

#elProfileActivityOverview .ipsStreamItem, #elUserContent .ipsStreamItem, #elSingleStatusUpdate .ipsStreamItem {
padding: 20px 10px 10px 10px !important;
}

.ipsItemStatus:not( .ipsItemStatus_large ) { color: grey !important; }

#cbInput_container {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

html[dir="ltr"] .cPost.ipsComment_popular .ipsComment_meta { padding-left: 10px; }

/*club*/

.cClubCard .ipsPageHead_special .cClubCard_title { top: 0px !important; }
.ipsBox5 { border: #000 1px solid !important; padding-top: 5px; }
.ipsBox6 { border: #000 1px solid !important; background: #e5e5e5 !important; }
.cClubCard { padding: 5px !important; }
#elClubHeader .cClubHeaderInfo { top: 0px !important; }
.cClubCard .ipsPageHead_special .cClubCard_title, .cClubCard .ipsPageHead_special p {
background: transparent !important;
}

/*default*/

.gridBox {
   background: #eee !important;
   background: -moz-linear-gradient(top, #bbb 0%, #fdfdfd 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbb), color-stop(100%,#fdfdfd)) !important;
   background: linear-gradient(top, #bbb 0%, #fdfdfd 100%) !important;
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2) !important;
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2) !important;
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2) !important;
   border: 1px solid rgba(0,0,0,0.3) !important;
   padding: 10px !important;
   color: #000 !important;
   text-shadow: 0px 1px 0px rgba(255,255,255,0.5) !important;
   line-height: 1.20 !important;
   font-size: 11px !important;
   font-weight: bold !important;
   padding: 16px !important;
   -moz-border-radius: 6px 6px 6px 6px !important;
   -webkit-border-radius: 6px 6px 6px 6px !important;
   border-radius: 6px 6px 6px 6px !important;
}

.ipsType_pageTitle {
   color: #000;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
   margin-bottom: 10px !important;
margin-left: 10px !important;
}

.ipsPageHeader_info {
margin-left: 10px !important;
}

h2.ipsType_sectionTitle .ipsType_reset,
h2.ipsType_sectionTitle.ipsType_reset,
.ipsType_sectionTitle .ipsType_reset,
.ipsType_sectionTitle.ipsType_reset {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   color: #fff !important;
border-top: #000 1px solid !important;
}

.ipsType_sectionTitle {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   font-size: 15px;
   font-weight: 400;
   padding: 11px 15px 11px 15px;
margin-top: 0;
   -moz-border-radius: none !important;
   -webkit-border-top-left-radius: none !important;
   -webkit-border-top-right-radius: none !important;
   border-radius: none !important;
   border: none !important;
   padding: 10px !important;
   color: #fff !important;
}

.tableend { border-bottom: 1px solid #000; }

.ibskin_copy{
   background: #ccc !important;
   background: -moz-linear-gradient(top, #d2d2d2 0%, #c0c0c0 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#c0c0c0)) !important;
   background: linear-gradient(top, #d2d2d2 0%, #c0c0c0 100%) !important;
   font-size: 11px !important;
   color: #000 !important;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
   text-align: center !important;
   width: 260px !important;
   margin: 10px auto 30px auto !important;
   padding: 3px 10px 3px 10px !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
}

.ibskin_copy a{
   color: #000 !important;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
   font-size: 11px !important;
}

.ibskin_copy a:hover{
   color: #000 !important;
   text-shadow: 0px 1px 0px rgba(255,255,255,0.4) !important;
   text-decoration: none !important;
   font-size: 11px !important;
}

.sidebar_link a {
color: rgba(255,255,255,0.5) !important;
}

.sidebar_link a:hover {
color: rgba(255,255,255,0.9) !important;
}

#elSearch {
   background: #fff;
   border-radius: 20px;
   padding: 4px 10px 4px 10px;
   margin: 10px 20px 0px 10px !important;
   height: 26px;
   width: 170px;
   position: relative;
   opacity: 0.4;
   {prefix="transition" value="0.1s all linear"}
   text-shadow: none !important;
}

li.ipsMenu_title,
li.ipsMenu_item {
text-shadow: none !important;
}

#elHeaderSubLinks #elNavMore_menu li.ipsMenu_item a {
color: #000 !important;
text-shadow: none !important;
}

#elHeaderSubLinks #elNavMore_menu li.ipsMenu_item a:hover {
color: #000 !important;
text-shadow: none !important;
}

.ipsBreadcrumb.ipsBreadcrumb_top {
   margin: 10px 20px 15px 20px;
   padding: 12px 0;
}
.ipsBreadcrumb.ipsBreadcrumb_bottom {
   padding: 12px 0;
   margin: 25px 20px 0 20px;
}

   .ipsBreadcrumb > ul > li {
       display: inline-block;
       line-height: 1;
       font-size: 13px;
       font-weight: 400;
       max-width: 500px;
       height: 15px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: bottom;
   }

.ipsBreadcrumb > ul:last-child > li:last-child {
opacity: 1;
}

.ipsBreadcrumb.ipsBreadcrumb_top > ul > li a:hover {
color: #000 !important;
text-shadow: none !important;
}

.ipsBreadcrumb > ul > li > a {
color: #900000 !important;
font-weight: bold;
opacity: 1;
}

       .ipsBreadcrumb > ul > li .fa:not( .fa-home ) {
           margin: 0 3px;
       }

div.cBlogInfo li.ipsDataItem {
   background: transparent !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.cTopic h2 {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3) !important;
   -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3) !important;
   box-shadow: 0px 1px 3px rgba(0,0,0,0.3) !important;
   border-radius: 10px !important;
   border: 1px solid rgba(0,0,0,0.8) !important;
   color: #fff !important;
   text-shadow: 0px 1px 1px #000;
   margin-bottom: 10px !important;
}

.ipsButtonBar {
   background: #8c8c8c !important;
   background: -moz-linear-gradient(top, #969696 0%, #828282 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#828282)) !important;
   background: linear-gradient(top, #969696 0%, #828282 100%) !important;
   border-right: 1px solid #000 !important;
   border-bottom: 1px solid #000 !important;
   border-left: 1px solid #000 !important;
}

.ipsButtonBar1 {
background: #8c8c8c !important;
background: -moz-linear-gradient(top, #969696 0%, #828282 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#828282)) !important;
background: linear-gradient(top, #969696 0%, #828282 100%) !important;
border-top: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}

.ipsButtonBar2 {
background: #8c8c8c !important;
background: -moz-linear-gradient(top, #969696 0%, #828282 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#828282)) !important;
background: linear-gradient(top, #969696 0%, #828282 100%) !important;
border-top: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}

.cPost {
   background: #eaeaea !important;
   background: -moz-linear-gradient(top, #f2f2f2 0%, #ddd 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ddd)) !important;
   background: linear-gradient(top, #f2f2f2 0%, #ddd 100%) !important;
   border: 1px solid rgba(0,0,0,0.4) !important;
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
   border-radius: 10px !important;
}

.cAuthorPane {
background: rgba(0,0,0,0.1) !important;
border-right: 1px solid rgba(0,0,0,0.3) !important;
}

.postBox {
border-left: 1px solid #fff !important;
padding-left: 10px !important;
}

.cForumGrid {
   background: #eee;
   background: -moz-linear-gradient(top, #fdfdfd 0%, #bbb 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bbb));
   background: linear-gradient(top, #fdfdfd 0%, #bbb 100%);
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2);
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.2);
   border: 1px solid rgba(0,0,0,0.3);
   border-bottom: 1px solid rgba(0,0,0,0.5);
   padding: 10px;
   color: #000;
   text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
   line-height: 1.20;
   font-size: 11px;
   font-weight: bold;
   padding: 16px;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   border-radius: 6px 6px 6px 6px;
}

.ipsDataList_large1 {
border-left: 1px solid rgba(0,0,0,0.7);
border-right: 1px solid rgba(0,0,0,0.7);
}

.cForumRow {
   background: transparent !important;
   border: none !important;
   clear: both !important;
}

.clear {
clear: both !important;
}

.ipsWidget {
   background: #eee !important;
   background: -moz-linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bbb)) !important;
   background: linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3) !important;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3) !important;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.3) !important;
   border: 1px solid #000 !important;
}

.ipsWidget_vertical h3.ipsWidget_title {
   background: #B50000 !important;
   background: -moz-linear-gradient(top, #C50000 0%, #850000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50000), color-stop(100%,#850000)) !important;
   background: linear-gradient(top, #C50000 0%, #850000 100%) !important;
   border-bottom: 1px solid #000 !important;
   border: none !important;
   padding: 10px !important;
   font-size: 16px !important;
   color: #fff !important;
}

.ipsWidget_vertical .ipsWidget_inner {
   background: #eee !important;
   background: -moz-linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bbb)) !important;
   background: linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
}

.ipsDataItem_main h4.ipsDataItem_title,
.ipsType_sectionHead.cForumGrid_title {
font-weight: bold;
}

.nopad {
padding: 0px !important;
}

h3.ipsWidget_title {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   color: #fff !important;
}

h3.ipsWidget_title a {
   color: rgba(255,255,255,0.5) !important;
   text-shadow: none !important;
   text-decoration: none !important;
}

h3.ipsWidget_title a:hover {
   color: #000 !important;
   text-shadow: none !important;
   text-decoration: none !important;
}

h3.ipsWidget_title span.ipsType_light {
color: #fff !important;
}

.ipsPageHead_special {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

#elProfileStats {
   background: #777 !important;
   background: -moz-linear-gradient(top, #969696 0%, #626262 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#626262)) !important;
   background: linear-gradient(top, #969696 0%, #626262 100%) !important;
}

.cProfileSidebarBlock.ipsBox {
   background: #eaeaea !important;
   background: -moz-linear-gradient(top, #f2f2f2 0%, #ddd 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ddd)) !important;
   background: linear-gradient(top, #f2f2f2 0%, #ddd 100%) !important;
   border: 1px solid rgba(0,0,0,0.4) !important;
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 2px 5px rgba(0,0,0,0.4) !important;
}

.cProfileSidebarBlock.ipsBox h2 {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   color: #fff !important;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
   padding: 2px 10px 2px 10px !important;
   -moz-border-radius: 50px 50px 50px 50px;
   -webkit-border-radius: 50px 50px 50px 50px;
   border-radius: 50px 50px 50px 50px;
   font-size: 15px !important;
   font-weight: bold !important;
   text-transform: none !important;
   width: 100% !important;
   margin: 0px auto 0px auto !important;
   text-align: center !important;
}

.cProfileSidebarBlock.ipsBox li.ipsDataItem,
#elProfileTabs_content.ipsTabs_panels li.ipsDataItem,
#elProfileTabs_content.ipsTabs_panels,
#elProfileTabs_content,
.ipsTabs_panels {
   background: transparent !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: none !important;
   color: #000 !important;
   text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
}

.white_text {
color: #fff !important;
}

.ipsTabs {
   background: #aaa !important;
   background: -moz-linear-gradient(top, #ccc 0%, #888 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#888)) !important;
   background: linear-gradient(top, #ccc 0%, #888 100%) !important;
   color: #000 !important;
}

.ipsTabs_item {
   background: #B50000 !important;
   background: -moz-linear-gradient(top, #C50000 0%, #850000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50000), color-stop(100%,#850000)) !important;
   background: linear-gradient(top, #C50000 0%, #850000 100%) !important;
   color: #fff !important;
}

.cTopicHovercard_container {
   background: #eee !important;
   background: -moz-linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bbb)) !important;
   background: linear-gradient(top, #fdfdfd 0%, #bbb 100%) !important;
}

.sbwidget_front {
margin: 20px !important;
}

@media screen and (max-width: 979px) {
   #elLogo img {
       max-width: 109%;
       margin-left: -20px !important;
   }
}

.ipsAreaBackground_dark {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
}

.cCalendar_today {
background: #888 !important;
}

.cEvents_event a {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
}

h1.ipsType_pageTitle.ipsType_break.ipsTruncate.ipsTruncate_line,
h1.ipsType_pageTitle.ipsType_break.ipsTruncate.ipsTruncate_line a {
color: #fff !important;
}

.fa.fa-circle,
.fa .fa-circle {
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.2) !important;
}

.cNexusProduct_primaryImage {
margin-top: 20px !important;
}

#elDownloadsFeatured h2.ipsType_pageTitle,
#elDownloadsFeatured h2.ipsType_pageTitle a {
color: #fff !important;
}

.ipsDataItem_generic.ipsDataItem_size3,
.ipsDataItem_generic .ipsDataItem_size3 {
padding-left: 10px !important;
padding-right: 10px !important;
}

.ipsMessage_info, .ipsMessage_information {
   background: #000 !important;
   border: 3px solid #fff !important;
   -moz-box-shadow: 0px 6px 7px rgba(0,0,0,0.4) !important;
   -webkit-box-shadow: 0px 6px 7px rgba(0,0,0,0.4) !important;
   box-shadow: 0px 6px 7px rgba(0,0,0,0.4) !important;
}

.ipsPagination_pageJump,
.ipsPagination_pageJump a {
color: #000 !important;
}

.ipsTable_sortableDesc,
.ipsTable_sortableActive {
background: #555 !important;
}

.ipsAreaBackground_positive {
background: #555 !important;
color: #fff !important;
}

ul.ipsButton_split {
background: #fff;
}

.ipsType_minorHeading {
color: #000 !important;
}

.ipsStreamItem_titleSmall a, .ipsStreamItem_title a {
color: #fff !important;
}

.ipsNavBar_primary {
   background: #777 !important;
   background: -moz-linear-gradient(top, #aaa 0%, #555 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#555)) !important;
   background: linear-gradient(top, #aaa 0%, #555 100%) !important;
   text-shadow: 0px 1px 2px #000 !important;
   border-bottom: 1px solid #000;
top: 10px;
text-align: right;
padding: 0;
}

.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
   background: #950000 !important;
   background: -moz-linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC0000), color-stop(100%,#740000)) !important;
   background: linear-gradient(top, #BC0000 0%, #740000 100%) !important;
   color: #fff;
   font-weight: normal !important;
   text-shadow: 0px 1px 2px #000 !important;
}

.ipsNavBar_primary > ul > li > a,
.ipsNavBar_secondary > li > a {
   display: block;
   position: relative;
   text-decoration: none;
color: #fff;
       line-height: 36px;
}

.ipsNavBar_primary > ul > li:hover > a,
.ipsNavBar_primary > ul > li > a:hover {
background: rgba(0,0,0,0.2);
color: #fff;
}

.ipsMenu_auto {
   background: #bbb !important;
   background: -moz-linear-gradient(top, #ddd 0%, #999 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#999)) !important;
   background: linear-gradient(top, #ddd 0%, #999 100%) !important;
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   border: 1px solid #000 !important;
}

.ipsNavBar_secondary:before{
border-bottom-color: #363636;
}

#navBar {
   background: #000;
   box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(0, 0, 0, 0.4) inset;
   position: relative;
   margin: 7px 0 6px 0;
}

@media screen and (max-width: 979px) {
   #navBar { display: none; }
}

.ipsNavBar_secondary > li > a {
   color: #000;
   padding: 0px 10px;
   border-radius: 3px;
   border: 1px solid transparent;
}

.ipsNavBar_secondary > li > a:hover {
   background: rgba(255,255,255,0.4) !important;
   color: #B00000 !important;
   border: 1px solid rgba(0,0,0,0.2);
}

.ipsNavBar_secondary > li.ipsNavBar_active a {
   color: #000;
   font-weight: bold;
}

.ipsNavBar_primary li,.ipsNavBar_secondary li,
.ipsNavBar_primary .ipsMenu li{
font-size: 13px;
}

.ipsNavBar_secondary,
.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before{
height: 36px;
}

.ipsNavBar_secondary > li.ipsNavBar_active a {
   font-weight: bold;
}

.ipsNavBar_primary > ul > li{
   position: relative;
display: block;
}

.ipsNavBar_secondary > li {
display: block;
width: 100px;
}

.ipsNavBar_secondary{
   background: #bbb !important;
   background: -moz-linear-gradient(top, #ddd 0%, #999 100%) !important;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#999)) !important;
   background: linear-gradient(top, #ddd 0%, #999 100%) !important;
   -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.6), 0px 8px 12px rgba(0,0,0,0.4) !important;
   border: 1px solid #000;
   text-shadow: none !important;
   border-radius: 4px;
   padding: 5px;
   visibility: hidden;
   opacity: 0;
   margin-top: 6px;
   transition-property: visibility, opacity, margin-top;
   transition-delay: 0.25s, 0s, 0s;
   transition-duration: 0.25s;
   transition-timing-function: ease-in-out;
   top: {expression="40 + 8"}px; /* Height of navigation + gap */
   left: 0;
   right: auto;
   bottom: auto;
   width: auto;
   min-width: 160px;
   height: auto;
   z-index: auto;
}

.ipsNavBar_primary > ul > li, .ipsNavBar_secondary > li {
display: inline-block;
}

.ipsNavBar_primary > ul > li:hover .ipsNavBar_secondary{
   visibility: visible;
   opacity: 1;
   margin-top: -12px !important;
   transition-delay: 0s;
width: 100%;
}

.ipsNavBar_secondary:before{
   content: "";
   position: absolute;
   top: -6px; left: 24px;
   border: 0px solid transparent;
   border-top: 0;
}

.ipsNavBar_secondary:after{
   content: "";
   position: absolute;
   top: -8px;
   left: 0; right: 0;
   height: 8px;
}

.ipsNavBar_secondary > li > a{
   text-align: left;
   padding: 0 15px;
   line-height: 36px;
   white-space: nowrap;
   color: #000 !important;
}

.ipsNavBar_primary > ul > li > a,
.ipsNavBar_secondary > li > a {
   display: block;
   position: relative;
   text-decoration: none;
}

.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before{
display: none;
}

html[dir="ltr"] .ipsNavBar_primary > ul > li > a {
margin-right: 0px;
}

.ipsNavBar_secondary > li {
display: inline-block;
width: 100%;
}

SRSeedBurners · December 19, 2017

This one is your huckleberry:

Quote

.ipsStreamItem_titleSmall a, .ipsStreamItem_title a {
color: #fff !important;
}

If you change it to #2f262e, that matches somebirdy's neck feathers on the same page. But I ain't saying who

Edited December 19, 2017 by SRSeedBurners

KevinD · December 19, 2017

Ill be your huckleberry lets give it a try..

KevinD · December 19, 2017

It's not there, must be a different CSS sheet, there are 9.

CSS is a hard way to make a living lol, Ill keep looking.

neoow · December 19, 2017

Oof. I do not envy you right now. Sorry! I was hoping it would be a straightforward one!!

KevinD · December 19, 2017

LOL, I hate style sheets, I'm not that guy, I can do it if I have to, but it is not my forte

neoow · December 19, 2017

Yeah its not my idea of fun either.

Sometimes I get to the point where I just change a colour to something bright and garish, commit the change and then try and find where the colour is just to work out which bit does what. It's not quick but sometimes that's the only way I can figure out what's going on!

SRSeedBurners · December 19, 2017

The element I quoted above is the one that's controlling the header title color. They're using the !important tag to override an inherited style. I can change the colors myself in the browser console using that element so I know it's the right one.

Does Hot Pink suit this theme!

Edited December 19, 2017 by SRSeedBurners

KevinD · December 19, 2017

I changed it myself the same way, but when you alter the sheet, it doesn't work, There must be an overriding sheet, im looking for it, but so far, I cant find it. Thats why I hate CSS lol

SRSeedBurners · December 20, 2017

There has to be a sheet with that exact element chain in it that is being used. It's possible the themes have different style sheets with the same element styles - I've run into that. I change what I think is the right style only to find it hiding in another theme's stylesheet using the same classes. I'd do a global search on that 'ipsStreamItem_title' and 'ipsStreamItem_titleSmall' to see what sheets it pops up in. The h2 tag is using both in the class listing.

neoow · December 20, 2017

I think the hot pink clashes a bit with the red... but hey, at least you can see it!!

Sorry this one has been such a pain!

KevinD · December 21, 2017

I think thats got it, had to clear my cache, but it appears to be had.

KevinD · December 21, 2017

Thanks SRSeedBurners incase you were wondering, there were two competing sheets, they both had to be changed, and synced.

neoow · December 21, 2017

Woohoo I can see thread titles!

Thank you so much for your perseverance!

KevinD · December 22, 2017

No problem, have fun.

Talon · December 25, 2017

You two are crazy. I would have said skip it..too much trouble!!!!

kittykittykitty · December 26, 2017

Unbelievable smarts and persistence!

Thread title colour in activity feed clashes with background colour in 'red' theme

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in