Looking for 1 who can use CSS to make the forum transparent

[Capt Anita Thomas]

HI,

I'm creating this board:

solarishumanus.boards.net/

The main board colour is solid, and I have been playing around with it, but I can't figure out how to make the solid colour, transparent. If any one knows how to do this, I would greatly appreciate your help.


Thank you

Anita

[Tumbleweed]

Aug 20, 2017 11:10:41 GMT -8 Capt Anita Thomas said:

HI,

I'm creating this board:

solarishumanus.boards.net/

The main board colour is solid, and I have been playing around with it, but I can't figure out how to make the solid colour, transparent. If any one knows how to do this, I would greatly appreciate your help.


Thank you

Anita

Another member was asking the same thing in this thread: support.proboards.com/thread/637518/semi-transparent-opaque-boards-content

Scroll down in the thread as I gave some css for more than just the boards.

[Capt Anita Thomas]

Thank you!

[Capt Anita Thomas]

Tumbleweed, I used your code and it worked absolutely amazing ! for the outer board.

Would you by chance know of the code to make the threads and the posts semi-transparent?



Thank you in advance !!







Anita


solarishumanus.boards.net/

[Tumbleweed]

Capt Anita Thomas ,

I moved your post from support to your own thread. Always good to stick to your original thread rather than bumping an old topic.

You can add this to the bottom of your style sheet:


/*semi-transparent threads reg and hover*/
div.container.threads> .content{background-color: fade(@container_background_color_1,70%);}
div.container.threads> .content tr:hover{
background-color: fade(@container_highlight_color,90%)!important;}

/*semi-transparent posts odd and even*/
.posts .post{background-color: fade(@container_background_color_1,90%)!important;}
.posts .post.even {background-color: fade(@container_background_color_2,80%)!important;}


Also, I forgot about hover background and in case there are other things you want to change, check out this css which I pretty much have done nearly everything major and if you poke around you may find other things you want.

SPOILER: Click to show

.container.boards > .content {
background-color: fade(@container_background_color_1,80%);}
.container.boards > .content tr:hover{
background-color: fade(@container_highlight_color,90%);}

/*semi-transparent threads reg and hover*/
div.container.threads> .content{background-color: fade(@container_background_color_1,70%);}
div.container.threads> .content tr:hover{
background-color: fade(@container_highlight_color,90%)!important;}

/*semi-transparent posts odd and even*/
.posts .post{background-color: fade(@container_background_color_1,90%)!important;}
.posts .post.even {background-color: fade(@container_background_color_2,80%)!important;}


/*semi-transparent legend*/
.legend > .content {background-color: fade(@container_background_color_1,70%);}
.stats .content {background-color: fade(@container_background_color_1,70%);}

/*semi-transparent nav tree and news*/
#navigation-tree{background-color: fade(@container_background_color_1,70%);}
#news {background-color: fade(@container_background_color_1,70%);}

/*semi-transparent misc*/
.container.members, .container.conversations, .container.quick-reply,
.container.quick-reply textarea, .container.new-area.wysiwyg-area,
.container.new-area.wysiwyg-area textarea,.editor.visual-editor,
#content .content .quote div.quote_body,
#content .content .quote div.quote div.quote_body,.container.show-user, .container.calendar
{ background-color: fade(@container_background_color_1,70%);}

[Capt Anita Thomas]

I apologize for bumping an old post, I will take more care in the future about my posting, and not bumping old posts.

Thank you so much for taking the time to help, I would really be lost without it. It is greatly appreciated! 

Thank you

Anita