Skip to main content ↑ ↓
Some .meaction Joy Started by Lou · · Read 3704 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic

Some .meaction Joy

I began playing with the .meaction the other night after noticing the default .meaction colours did not always complement a post area if different backgrounds were being used for the posting areas; the below images are the results.

What the below does is to first apply a colour to the hand and then a different colour to the text. There is also shadowing added to the text to make it stand out a bit.

If emanuele, spuds or josh like this I will do a PR. The colours for both .meactions can be the same for stock deployment and the user or themer can then implement their own colours.

Old code to remove...

Code: [Select]
/* original meaction starts at line 352 of index_light.css */

.meaction {
    color: #50aa3a;
}
.meaction:before {
    content: "\270c";
    font-size: 1.714em;
    line-height: 1em;
}


The new code...

Code: [Select]
/* meaction has a different color for different post windows */
/* this enables custom text styling based on the window background color */
.windowbg.post_wrapper .meaction {
    color: #bf4c00;
    font-style: italic;
    text-shadow: -0.03em -0.03em #f9f9f9, 0.06em 0.06em #f0f0f0;
}
.windowbg.post_wrapper .meaction:before {
    content: "\270c";
    font-size: 1.714em;
    line-height: 1em;
    color: #803300;
}

/* meaction has a different color for different post windows */
/* this enables custom text styling based on the window background color */
.windowbg2.post_wrapper .meaction {
    color: #009900;
    font-style: italic;
    text-shadow: -0.03em -0.03em #f9f9f9, 0.06em 0.06em #f0f0f0;
}
.windowbg2.post_wrapper .meaction:before {
    content: "\270c";
    font-size: 1.714em;
    line-height: 1em;
    color: #007a00;
}

Of course anyone is welcome to take this and use it in their themes. I have not found where this breaks anything but if you do, let me know.  :)

Thanks!

Re: Some .meaction Joy

Reply #1 –

You may want to look at using :odd :even elements for your color stripping  .... only because windowbg / bg2 went buh-bye in 1.1 if I recall correctly.  (oh ... looks cool ;) )

Re: Some .meaction Joy

Reply #2 –

cool idea
how to expand this to specific categories/threads and user attributes

Re: Some .meaction Joy

Reply #3 –

Quote from: Spuds – You may want to look at using :odd :even elements for your color stripping  .... only because windowbg / bg2 went buh-bye in 1.1 if I recall correctly.  (oh ... looks cool ;) )
That is possible.  :)      Is the css for 1.1 on Git?

Yeah, I like it too. I spent way too much time having fun playing with the text-shadow.  Do it right an one can almost get a bump effect.

Re: Some .meaction Joy

Reply #4 –

Quote from: Spuds – You may want to look at using :odd :even elements for your color stripping  .... only because windowbg / bg2 went buh-bye in 1.1 if I recall correctly.  (oh ... looks cool ;) )
Wow, really? Did you recode it so much that you wiped all of them? Cooooolio :D
~ SimplePortal Support Team ~
 

Re: Some .meaction Joy

Reply #5 –

Even in 1.0 bg/bg2 we mainly used for padding and some stripping, again if I'm recalling correctly,  In 1.1 the padding was, when needed, moved to the next div (we still had some extra div nesting 1.0) and any strip effects were moved to odd even or N selector stuff.

Quote from: Lou – That is possible.  :)      Is the css for 1.1 on Git?

Its all under the development branch on Github,  ;D