[Plugin: Plum Code Box] Fixing the formatting

(@korolov)

When I installed the plugin, the code would creep off the side of the screen, so I made it wrap and put a nice gray background around it and indented it (same as on ww.wp.xz.cn).

Here’s the style:

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  border: 1px solid #dadada; background-color: #F0F0F0; padding:11px 11px 11px 11px;
}

http://ww.wp.xz.cn/extend/plugins/plum-code-box/

Viewing 1 replies (of 1 total)

Thread Starter

Korolov

(@korolov)

14 years, 10 months ago

But I like the horizontal scroll box approach even better…

Here’s the style:

pre {
     overflow-x:scroll;
     overflow-y:hidden;
     border: 1px solid #dadada; background-color: #F0F0F0; padding:11px 11px 11px 11px;
    }

Viewing 1 replies (of 1 total)

The topic ‘[Plugin: Plum Code Box] Fixing the formatting’ is closed to new replies.