As most of you know, these blogs don't seem to support multi-line coding for CSS, and at least for me this can lead to getting lost for a moment when trying to find something specific. So while working on what I hope to be the blog for my first character, I started trying to find a solution to help segment this incredibly long block of code into a more organized fashion.

After a few semi-solutions (They allowed you to segment the code, but either the organization wasn't the best, or you would have a bunch of returns in your blog) I started thinking about CSS commenting. That is, these: /* */.

I wondered if perhaps you could put returns in a comment block and have them ignored by the code and thus have said code assume it's still progressing as an unbroken line. After testing, this does indeed seem to be the case.



A crash course on comment blocks for those that might not fully understand their use:
--------------------Comment Block Usage--------------------
/* Comment blocks are a way for programmers to leave behind comments and explanations for various bits of their code without actually affecting the code. This is possible because the code completely ignores anything inside a comment block. That is, absolutely nothing you type inside a comment block will be seen by the code, for as far as the code is concerned, it doesn't exist. */
------------------------------------------------------------------



Here is how I've got comment blocks working to segment my CSS code (style tags assumed):
-----------Begin Code-----------
body{background:hex;font:size font style;color:hex; padding; etc;}/*

*/#header-region {background-color:hex;}div#sidebar-left.sidebar stuff stuff stuff...
------------End Code------------



Important note: Make sure your comment block begins with /* and ends with */. Note the asterisk's position in relation to the slash.



Here's a quick example of something similar to what I have running my character's blog right now:
--------------------Begin Code--------------------
((style))/*
===Body Configuration===
*/body{background:#0a0219;font:13px century gothic;color:#4b00c6;padding-top:20px; padding-bottom:20px; padding-right:120px; padding-left:140px;}/*

===Header Configuration===
*/#header-region {background-color:#0a0219;}/*

===Link Configuration===
*/#block-menu-primary-links a,#tabs-wrapper a,#squeeze h2,a:link,a:visited{color:#909dfe;text-decoration:underline;}a:hover{color:#ffffff;letter-spacing:1px;}.breadcrumb a,.breadcrumb{color:#909dfe !important}div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover{color:#ffffff;letter-spacing:1px;}/*

===Side-menu Configuration===
*/div#sidebar-left.sidebar h3{color:#4b00c6; font:11px century gothic;}h2{color:#4b00c6; font:11px century gothic;}div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,div#block-user-1.clear-block.block.block-user a{color:#000d63;text-align:left;letter-spacing:0px;text-decoration:none;}/*

===Comment Box Configuration===
*/#wrapper #container #center .right-corner .left-corner {background:#8E8A7F;}.comment.odd, tr.odd, tr.info {background-color: #000128; width: 600px;border:2px solid #000b56;}.comment {border: none;margin:auto}tr.even, .comment.even {background-color: #000128;width: 600px;border:2px solid #000b56;}/*

===Blog and Miscellaneous Configuration===
*/#wrapper #container #center .right-corner .left-corner{background:#0a0219}.node{border-bottom:none}.comment div.links {background:transparent;}.new {background:transparent;}ul li, ul.menu li, .item-list ul li, li.leaf{background:none;}/*

===Logo Fade===
*/#logo,.mplayer,.picture{filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15}#logo:hover,.mplayer:hover,.picture:hover{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}.((/style))
---------------------End Code---------------------

Editing for improved readability..
Feel free to let me know if anything could use further clarification.