Jump to content


Photo

BBCode +ccsBase


I get you reset the styles.... I get why.... but here's the big issue:
You reset all lists, and don't put back the common bbcode styles.
So if a user has some formatted text inside 'records'(this could be any data) No bbcodes appear as one would expect them to using the stock ccsBase class.

Status: Fixed
Version: 2.3.2
Fixed In: 2.3.3


7 Comments

Photo
Marcher Technologies
Jun 11 2012 07:14 PM
Inside the wrapper..... ipb_common.css has no important tags anywhere, use the class and lose all bbcode styling. :rolleyes:
Photo
CessPoolCleaner
Jun 11 2012 07:34 PM
This is a major PITA .. you do some text in the RTE for a ipc db field and the formatting put in is totally ignore .. humpf!

Inside the wrapper..... ipb_common.css has no important tags anywhere, use the class and lose all bbcode styling. :rolleyes:


I don't understand what this means. ipb_common.css does have important CSS class and id definitions, including the bbcode ones. Are you not able to simply import this CSS file to solve the problem?
Photo
Marcher Technologies
Jun 12 2012 11:28 AM

I don't understand what this means. ipb_common.css does have important CSS class and id definitions, including the bbcode ones. Are you not able to simply import this CSS file to solve the problem?

I... am not *really* certain HOW it could be imported any more:
<style media="screen,print" title="Main" type="text/css">
  /* Inline CSS */
 
/* CSS: ipb_common*/
#lightbox{position:absolute;left:0;width:100%;z-index:16000 !important;text-align:center;line-height:0}#lightbox
img{width:auto;height:auto}#lightbox a
img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0
auto}#imageContainer{padding:10px}#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav
a{outline:none}#prevLink,#nextLink{width:49%;height:100%;background-image:url(https://jlogica.com/public/style_images/svelt/spacer.gif);display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(https://jlogica.com/public/style_images/svelt/lightbox/prevlabel.gif) left 15% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(https://jlogica.com/public/style_images/svelt/lightbox/nextlabel.gif) right 15% no-repeat}#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0
auto;line-height:1.4em;overflow:auto;width:100% }#imageData{padding:0
10px;color:#666}#imageData
#imageDetails{width:70%;float:left;text-align:left}#imageData
#caption{font-weight:bold}#imageData
#numberDisplay{display:block;clear:left;padding-bottom:1.0em}#imageData
#bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none}#overlay{position:fixed;top:0;left:0;z-index:15000 !important;width:100%;height:500px;background-color:#000}strong.bbc{font-weight:bold !important}em.bbc{font-style:italic !important}span.bbc_underline{text-decoration:underline !important}acronym.bbc{border-bottom:1px dotted #000}span.bbc_center,div.bbc_center,p.bbc_center{text-align:center;display:block}span.bbc_left,div.bbc_left,p.bbc_left{text-align:left;display:block}span.bbc_right,div.bbc_right,p.bbc_right{text-align:right;display:block}div.bbc_indent{margin-left:50px}del.bbc{text-decoration:line-through !important}.post.entry-content ul,ul.bbc{list-style:disc outside;margin:12px
0 12px 40px}.post.entry-content ul,ul.bbc
ul.bbc{list-style-type:circle}.post.entry-content ul,ul.bbc ul.bbc
ul.bbc{list-style-type:square}.post.entry-content ul.decimal,ul.bbcol.decimal{margin:12px
0 12px 40px;list-style-type:decimal}.post.entry-content ul.lower-alpha,ul.bbcol.lower-alpha{margin-left:40px;list-style-type:lower-alpha}.post.entry-content ul.upper-alpha,ul.bbcol.upper-alpha{margin-left:40px;list-style-type:upper-alpha}.post.entry-content ul.lower-roman,ul.bbcol.lower-roman{margin-left:40px;list-style-type:lower-roman}.post.entry-content ul.upper-roman,ul.bbcol.upper-roman{margin-left:40px;list-style-type:upper-roman}hr.bbc{display:block;border-top:2px solid #777}div.bbc_spoiler{}div.bbc_spoiler
span.spoiler_title{font-weight:bold}div.bbc_spoiler_wrapper{border:1px
inset #777;padding:4px}div.bbc_spoiler_content{}input.bbc_spoiler_show{width:45px;font-size: .7em;margin:0px;padding:0px}pre.prettyprint{padding:5px;background:#f8f8f8;border:1px
solid #c9c9c9;overflow:auto;margin-left:10px;font-size:11px;line-height:140%}img.bbc_img{cursor:pointer}.signature
img.bbc_img{cursor:default}.signature a
img.bbc_img{cursor:pointer}p.citation{font-size:12px;padding:8px
10px;border-left:2px solid #989898;background:#f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border-top:2px solid #e5e5e5;border-right:2px solid #e5e5e5;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-weight:bold}div.blockquote{font-size:12px;padding:10px;border-left:2px solid #989898;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background:#f7f7f7}div.blockquote
div.blockquote{margin:0
10px 0 0}div.blockquote
p.citation{margin:6px
10px 0 0}._sharedMediaBbcode{width:500px;background:#f6f6f6;background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));border:1px
solid #dbdbdb;-moz-box-shadow:0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(255,255,255,1) inset, 0px 1px 2px rgba(0,0,0,0.2);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#616161;display:inline-block;margin-right:15px;margin-bottom:5px;padding:15px}.bbcode_mediaWrap
.details{color:#616161;font-size:12px;line-height:1.5;margin-left:95px}.bbcode_mediaWrap .details
a{color:#616161;text-decoration:none}.bbcode_mediaWrap .details h5, .bbcode_mediaWrap .details h5
a{font:400 20px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;color:#2c2c2c;word-wrap:break-word;max-width:420px}.bbcode_mediaWrap
img.sharedmedia_image{float:left;position:relative;max-width:80px}.bbcode_mediaWrap
img.sharedmedia_screenshot{float:left;position:relative;max-width:80px}.cke_button_ipsmedia
span.cke_label{display:inline !important}
</style>
lists, bbcode lists, still have no styling with ccsBase merely applied to the block container.
Photo
Marcher Technologies
Jun 12 2012 11:28 AM
Hmm, in this case the compiled.css is loaded after ipb_common.css, which is why it overrides it.

I'll think a little about it.
Updating Fixed In to: 2.3.3
Updating Status to: Fixed

I've changed the code that gets inserted when a block is embedded (the code that actually inserts the call to compiled.css into the page) so that ipb_common.css is loaded immediately after this CSS file.