Spectrum Theme 1.3.2 (Light Theme)

[Welshling]

-clings to this theme...- I'm taking it with me, and the something dark theme and um the other one *shifty eyes*

[pawl]

I think I actually prefer this to your dark theme. o.o
Loving the fact that the menu buttons are in the right gradient regardless of their order, too. How'd you manage that?

[Stinky666]

Oct 8, 2013 3:40:04 GMT -8 pawl said:

I think I actually prefer this to your dark theme. o.o
Loving the fact that the menu buttons are in the right gradient regardless of their order, too. How'd you manage that?

nth-child:

#navigation-menu > ul li:nth-child(8n+1) a {
color: rgb(117, 200, 230)!important;
border-color: rgb(117, 200, 230);}

[pawl]

Oct 8, 2013 3:53:32 GMT -8 Stinky666 said:

Oct 8, 2013 3:40:04 GMT -8 pawl said:

I think I actually prefer this to your dark theme. o.o
Loving the fact that the menu buttons are in the right gradient regardless of their order, too. How'd you manage that?

nth-child:

#navigation-menu > ul li:nth-child(8n+1) a {
color: rgb(117, 200, 230)!important;
border-color: rgb(117, 200, 230);}

That makes absolutely no sense, so I'll just take your word for it. =P

[Stinky666]

Oct 8, 2013 3:56:28 GMT -8 pawl said:

Oct 8, 2013 3:53:32 GMT -8 Stinky666 said:

nth-child:

#navigation-menu > ul li:nth-child(8n+1) a {
color: rgb(117, 200, 230)!important;
border-color: rgb(117, 200, 230);}

That makes absolutely no sense, so I'll just take your word for it. =P

Haha it's easy. You then just repeat it changing the +1 to +2 would mean you have two.
So if you only did those 2, that would make the 1st, 3rd, 5th, 7th, 9th etc buttons colour #1.
Then 2nd, 4th, 6th, 8th, 10th etc would be colour #2.

[pawl]

Oct 8, 2013 4:13:45 GMT -8 Stinky666 said:

Oct 8, 2013 3:56:28 GMT -8 pawl said:

That makes absolutely no sense, so I'll just take your word for it. =P

Haha it's easy. You then just repeat it changing the +1 to +2 would mean you have two.
So if you only did those 2, that would make the 1st, 3rd, 5th, 7th, 9th etc buttons colour #1.
Then 2nd, 4th, 6th, 8th, 10th etc would be colour #2.

Ingenious. o.o
I have no idea where I can implement this, but I have to find somewhere. xD
I assume that's how you did the category colours too?

[Stinky666]

Oct 8, 2013 4:22:17 GMT -8 pawl said:

Oct 8, 2013 4:13:45 GMT -8 Stinky666 said:

Haha it's easy. You then just repeat it changing the +1 to +2 would mean you have two.
So if you only did those 2, that would make the 1st, 3rd, 5th, 7th, 9th etc buttons colour #1.
Then 2nd, 4th, 6th, 8th, 10th etc would be colour #2.

Ingenious. o.o
I have no idea where I can implement this, but I have to find somewhere. xD
I assume that's how you did the category colours too?

I used the above method (which was shown to me by FallenSamurai) on the Profile Tabs too (on the same theme.

Tabs for Profile:
.ui-tabMenu ul li:nth-child(8n+1) a { background: #75c8e6 !important; }
.ui-tabMenu ul li.ui-active:nth-child(8n+1) a { background: #fdfdfd !important; font-weight: bold; }
.ui-tabMenu ul li hover:nth-child(8n+1) a { background: #e6e6e6 !important; color: #9f9f9f; }


For the Categories, I was shown two methods I think. One by Brian, and another by ElseAndrew - I'm pretty sure I used ElseAndrew's version. Which is:

/* TOP CATEGORY */
.category-1 > .title-bar { background-color: #75c8e6; border: 1px solid #75c8e6; }
.category-1 > .content { background-color: #FDFDFD; border: 1px solid #75c8e6; }
.container.boards.category-1 .board.item td { border-color: #F5F5F5 !important; }
.category-1 a:link { color: #75c8e6; }
.category-1 a:hover { color: rgba(117, 200, 230, 0.4) !important; }
.category-1 a:visited { color: #75c8e6 !important; }
.container.boards.category-1 .board.item .threads { background: #75c8e6 !important; color: #fdfdfd !important; }

[shaberu]

My members can't tell when they've received private messages.

[Stinky666]

Oct 29, 2013 17:08:50 GMT -8 shaberu said:

My members can't tell when they've received private messages.

In the top right corner, it says a number next to their name

Such as "Stinky666 (1)". The one indicates they have a new message/notification, so then they just need to hover their mouse OVER their name (in that top right area), for it to drop down and reveal.

[shaberu]

Oct 29, 2013 17:13:57 GMT -8 Stinky666 said:

Oct 29, 2013 17:08:50 GMT -8 shaberu said:

My members can't tell when they've received private messages.

In the top right corner, it says a number next to their name

Such as "Stinky666 (1)". The one indicates they have a new message/notification, so then they just need to hover their mouse OVER their name (in that top right area), for it to drop down and reveal.

There's no alert other than that?

[Stinky666]

Oct 30, 2013 0:25:21 GMT -8 shaberu said:

Oct 29, 2013 17:13:57 GMT -8 Stinky666 said:

In the top right corner, it says a number next to their name

Such as "Stinky666 (1)". The one indicates they have a new message/notification, so then they just need to hover their mouse OVER their name (in that top right area), for it to drop down and reveal.

There's no alert other than that?

It's no different than a number showing by default

[cormack]

I am using Spectrum and it looks good. I am unable to find where to change the size and color of "(NEW POSTS)" that appears alongside the board name on the forum page (that shows all the boards).

Can you please direct me where I can change this?

This shows how faint it is: New Posts.doc (180.5 KB)

[Haimovfids]

hi Stinky666!

I seriously love this theme SOOO much!

I have one question though, do you know how i can make the sub-boards have colors also? Its just grey.

I would like the title bars, links in the subforum, and the box that says how many threads were made in the category to have colors too. Thank you so much!

[Stinky666]

Jun 1, 2014 16:10:11 GMT -8 cormack said:

I am using Spectrum and it looks good. I am unable to find where to change the size and color of "(NEW POSTS)" that appears alongside the board name on the forum page (that shows all the boards).

Can you please direct me where I can change this?

This shows how faint it is:

Sincere apologies for not responding to you. I know it was a long time ago now but for some reason I received no notification to let me know there was a new reply to this thread.

Feb 17, 2015 7:28:30 GMT -8 Haimovfids said:

hi Stinky666!

I seriously love this theme SOOO much!

I have one question though, do you know how i can make the sub-boards have colors also? Its just grey.

I would like the title bars, links in the subforum, and the box that says how many threads were made in the category to have colors too. Thank you so much!

Hiya, I did try but for some reason I just can't figure it out. Haven't done CSS etc for a long time so I am hugely rusty haha. Perhaps (and hopefully) someone else can help you though, I will tag some people in the hopes they can/will

Brian Tumbleweed Kami David Clark (I want to spam more tags but don't want to annoy people lol)


Edit: Ok So I don't get why it isn't changing at all. My classes are not renamed, they are is it should be and following the same logic as the categories, they are not changing, using:

.container .boards .sub-board .category-1 > title-bar { background: #75c8e6 !important; color: #fdfdfd !important; }

I even tried it without a specific category (so removing category-1) and it doesn't change anything still.
This is genuinely annoying me so anyone who knows how to do it and what I am doing wrong, please please tell us lol <3



The list for subboards is this in ym template:

{if $[board.sub_board_list]}
<div class="container boards sub-board">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}

[Kami]

Stinky666 - dunno how much help I'd be, but I do notice that your CSS is off, should be background-color:, and you're missing the . before the "title-bar" class (should be .title-bar).

Further, I'm not entirely sure. It's apparent the syntax is wrong, and if I had to guess it's with the .sub-board classification. I'm not 100% tho.