How can I make the style work with only half of the page? not full screen?

Ali Al-Qassab

hi guys I really need an expert to help me, add me in skype: composure.cuesportspro
or if there's a chat in here send me a message

look this is what it says in the code: (:-webkit-full-screen)
how do I change it to fit where I want to to fit?

stonecrusher

Name the website and show your code.

Ali Al-Qassab

stonecrusher said:

Name the website and show your code.

gamezer.com

by the code you mean the name of the extension that im talking about?
the extension is night mode for chrome

look here bro
http://prntscr.com/kcufhq
i want the light look to only apply for the table

this is the original look of the website
http://prntscr.com/kcugx1

all I need is for that circle to get back to the original look, do you know how can I remove this black color that's covering the circle?
I tried everything

stonecrusher

This page is about Userstyles which can be applied by extensions like Stylish or Stylus.

I suppose you're talking about this style:
https://userstyles.org/styles/147942/

I can't see what you see without registration. But looking at the code of the style, it seems that it is a filter over the whole page which can't be reverted.

Maybe invert the "table" first, then let it invert back to normal when the other style is applied to the whole site. Would need to test it.

Ali Al-Qassab

stonecrusher said:

This page is about Userstyles which can be applied by extensions like Stylish or Stylus.

I suppose you're talking about this style:
https://userstyles.org/styles/147942/

I can't see what you see without registration. But looking at the code of the style, it seems that it is a filter over the whole page which can't be reverted.

Maybe invert the "table" first, then let it invert back to normal when the other style is applied to the whole site. Would need to test it.

yes bro, it's a filter over a whole page
all i want is to apply the light only over the table
which isn't full screen
but in the code i read this
(:-webkit-full-screen)

do you know what sould I write to make it apply only to the table?
the size of the table is, width=811, height= 451

stonecrusher

I need access to a test account to be able to inspect. Just create one please.

Ali Al-Qassab

here bro, try applying the desgin Night Mode for chrome, to see what I mean


gamezer.com

newcheckaccount@hotmail.com
123456789

Ali Al-Qassab

stonecrusher said:

I need access to a test account to be able to inspect. Just create one please.

here bro, try applying the extention Night Mode for chrome, to see what I mean


gamezer.com

newcheckaccount@hotmail.com
123456789

this is the size of the table i did the inspect
https://prnt.sc/kcz74e

stonecrusher

Like that?
https://imgur.com/a/b4VDlRI
Look both quite ugly...

exclude gamezer.com from the global chrome style and import the following as a new style:

@-moz-document domain("gamezer.com") {
    #GameArea { filter: invert(1) hue-rotate(180deg) !important; } /**/
    /* #GameArea { filter: invert(1) !important; } /**/
}

Ali Al-Qassab

stonecrusher said:

Like that?

https://imgur.com/a/b4VDlRI

Look both quite ugly...

exclude gamezer.com from the global chrome style and import the following as a new style:

@-moz-document domain("gamezer.com") {
    #GameArea { filter: invert(1) hue-rotate(180deg) !important; } /**/
    /* #GameArea { filter: invert(1) !important; } /**/
}

that's excatly what I got trying to miss with the rotate degree
I don't think you got me bro, sorry for that

you did a good job keeping the colors applying only on the table, not the chat
but you missed up the colors LOL

how did you do the Game Area?
i want to put it on the same extention Night Mode for chrome

stonecrusher

all i want is to apply the light only over the table

What light? Make the table lighter?
Just play with the filters like

@-moz-document domain("gamezer.com") {
    #GameArea { filter: brightness(160%) contrast(80%) saturate(80%) !important; }
}

Do not modify external styles as you won't get updates on them if you do.