images: https://i.ibb.co/LtpLHc1/2.jpg https://i.ibb.co/2nJTYs7/image.jpg
there some style! if you have any style or suggestion please add them below thanks!
BUMP anyone interested in this ?! or best stop bump and lock this topic ?
Topic: bitcointalk user style css (Read 434 times)
images: https://i.ibb.co/LtpLHc1/2.jpg https://i.ibb.co/2nJTYs7/image.jpg
there some style! if you have any style or suggestion please add them below thanks!
BUMP anyone interested in this ?! or best stop bump and lock this topic ?
Maybe OP can update this thread with more info about CSS? Such a tutorial or guide, step by step, for members like me with no experience with CSS.
Even to add a compilation of links related to CSS subject would be good.
Even to add a compilation of links related to CSS subject would be good.
I do not think so, there are a lot of tutorials/courses on the internet about CSS, me too I did not have experience with css except the basics
I can not provide tutorials in english like what you see here
use inspect element and dev tool into see the result directlyquote style 2!
https://pastebin.com/TzRFzRGB
Issues: do not work in search pages..
change reply modify remove buttons
https://pastebin.com/cnLvMAkA
posts as a box
https://pastebin.com/6UgTbnJF
hide Re:.. and change hr color
https://pastebin.com/k9n7my7T
change Avatar to Circle thanks to hugeblack
https://pastebin.com/rrdEZANp properties from Epochtalk
Issues: disable overflow property! from div container
Can you Please tell me where [small part from original thread] ?! I only add @wwzsocki link for People They do not know about Stylish extension and how change theme/style any site ...
I see no problem that you used my thread link or anything else. More, I am happy with that, because you spread my work on the forum.
Feel free, to use my content or any other member. Only add links and all would be fine.
I understand that this thread is about CSS and I don't know much about it.
After all, I can understand @tranthidung too. There are so many copy-pasters, but this is not the case.
Maybe OP can update this thread with more info about CSS? Such a tutorial or guide, step by step, for members like me with no experience in CSS.
Even to add a compilation of links related to CSS subject would be good.
... simply retrieve small part from original thread.
Can you Please tell me where [small part from original thread] ?! I only add @wwzsocki link for People They do not know about Stylish extension and how change theme/style any site ...
however, I agree with you this small change if you think Should move to other section Please tell and I will move the topic to the right place
(Is there section for userStyle custom/style CSS .. etc?)
also I share this custom/style for anyone here can help Correct mistakes Or other ideas..
I think maybe It is better add all my userStyle CSS here in one topic Instead of creating Multiple topics
Just let people want to provide information in this forum while not contradicting the rules, it is the right of every member, here there are mods and admin who judge the topic as feasible or not, discussed or not, like @actmyname says this is a little different from the old topic.
Everyone here has the right to do what he has to do, purpose for good.
Everyone here has the right to do what he has to do, purpose for good.
IMO, you should lock the topic, because the original thread from wwzsocki is better. There is no reason to start new thread, and simply retrieve small part from original thread. You should only start your thread if you have some improvements for original threads (minor or major, it depends).
(GUIDE) How to easy change the appearance of Bitcointalk to dark (Dark Theme)?
Seems like this thread is different enough. Dark theme != quote style change (GUIDE) How to easy change the appearance of Bitcointalk to dark (Dark Theme)?
IMO, you should lock the topic, because the original thread from wwzsocki is better. There is no reason to start new thread, and simply retrieve small part from original thread. You should only start your thread if you have some improvements for original threads (minor or major, it depends).
(GUIDE) How to easy change the appearance of Bitcointalk to dark (Dark Theme)?
(GUIDE) How to easy change the appearance of Bitcointalk to dark (Dark Theme)?
bitcointalk quote style
the result
https://i.ibb.co/CbXH0fs/image.png
How to change ?
see here https://bitcointalksearch.org/topic/guide-how-to-easy-change-the-appearance-of-bitcointalk-to-dark-dark-theme-5152016
use Stylus extension
Don't use
CSS Style code
Code:
/*-------------------------
quote
--------------------------*/
.quoteheader {
padding: 5px 0 0 5px;
margin-right: 3px;
}
.quoteheader a {
color: #767b92;
}
.quoteheader:before {
content: url(https://i.ibb.co/W0hX5KP/qicon.png);
opacity: 0.1;
margin: 0 5px;
}
.quote {
margin-top: 0;
padding: 5px 10px;
}
/* level 1 */
.quoteheader, .quote {
border: none;
background-color: rgba(139, 158, 191, 8%);
}
/* level 2 */
.quoteheader+.quote .quote,
.quoteheader+.quote .quoteheader
{
background-color: rgba(139, 158, 191, 9%);
}
/* level 3 */
.quoteheader+.quote > .quoteheader+.quote .quote,
.quoteheader+.quote > .quoteheader+.quote .quoteheader
{
background-color: rgba(150, 150, 175, 9%);
}
/* level 4 */
.quoteheader+.quote > .quoteheader+.quote > .quoteheader+.quote .quote,
.quoteheader+.quote > .quoteheader+.quote > .quoteheader+.quote .quoteheader
{
background-color: rgba(139, 158, 191, 5%);
}
/* quote end */
quote style until quote level 4 quote
--------------------------*/
.quoteheader {
padding: 5px 0 0 5px;
margin-right: 3px;
}
.quoteheader a {
color: #767b92;
}
.quoteheader:before {
content: url(https://i.ibb.co/W0hX5KP/qicon.png);
opacity: 0.1;
margin: 0 5px;
}
.quote {
margin-top: 0;
padding: 5px 10px;
}
/* level 1 */
.quoteheader, .quote {
border: none;
background-color: rgba(139, 158, 191, 8%);
}
/* level 2 */
.quoteheader+.quote .quote,
.quoteheader+.quote .quoteheader
{
background-color: rgba(139, 158, 191, 9%);
}
/* level 3 */
.quoteheader+.quote > .quoteheader+.quote .quote,
.quoteheader+.quote > .quoteheader+.quote .quoteheader
{
background-color: rgba(150, 150, 175, 9%);
}
/* level 4 */
.quoteheader+.quote > .quoteheader+.quote > .quoteheader+.quote .quote,
.quoteheader+.quote > .quoteheader+.quote > .quoteheader+.quote .quoteheader
{
background-color: rgba(139, 158, 191, 5%);
}
/* quote end */
Jump to: