Quotes question

[Stinky666]

support.proboards.com/thread/459524/exclude-sub-quotes

Much appreciated to anyone who knows.
It's me asking how to exclude sub quotes from something. Not a long read, i promise and it's CSS.

Brian or RedBassett, or pawl, or someone I really want this


Edit:
Not sure where template mod/layout and css questions go... ? This seemed the most appropriate since, it's template..

[RedBassett]

While it could be broken (by wrapping a quote in bbcode tags), you can check that the quote is an immediate child of the post container:

div.message > div.quote {…

[Stinky666]

Apr 24, 2013 4:19:35 GMT -8 RedBassett said:

While it could be broken (by wrapping a quote in bbcode tags), you can check that the quote is an immediate child of the post container:

div.message > div.quote {…

No clue if I have done it right, but if I have, that did nothing. Changed nothing what so ever.
I added div.message > div to the start of each .quote, so instead of


/* CSS Arrows for Quotes */
.quote { position: relative; background: #e6e6e6; border: 1px solid #f1eff0; padding: 1px; .rounded-corners(3px); }
.quote:after, .quote:before { top: 19px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.quote:after { border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 10px; left: 0%; margin-left: -20px; transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ }
.quote:before { border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 13px; left: 0%; margin-left: -25px; margin-bottom:-3px; transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ }


It's now:


/* CSS Arrows for Quotes */
div.message > div.quote { position: relative; background: #e6e6e6; border: 1px solid #f1eff0; padding: 1px; .rounded-corners(3px); }
div.message > div.quote:after, div.message > div.quote:before { top: 19px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
div.message > div.quote:after { border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 10px; left: 0%; margin-left: -20px; transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ }
div.message > div.quote:before { border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 13px; left: 0%; margin-left: -25px; margin-bottom:-3px; transform: rotate(270deg); -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Safari and Chrome */ }

[RedBassett]

Can you link to an example? I just tested the selector, and it works fine.

[Stinky666]

Apr 24, 2013 5:27:28 GMT -8 RedBassett said:

Can you link to an example? I just tested the selector, and it works fine.

Heh... Ok. I just went into the topic to grab a link, and it HAS worked. It just hadn't worked in the preview pane
Thanks a lot. That one has been really annoying me a lot.

[RedBassett]

Glad to hear it is working.