HTML code for sharing kirss additional CSS source code

HTML Copy To Clipboarddone!

<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%"><div id="lc1"><span style="color: #0000FF; font-weight: bold">.rss_item</span><span style="color: #666666">,</span> <span style="color: #0000FF; font-weight: bold">.rss_body</span> {
</div><div id="lc2">        <span style="color: #008000; font-weight: bold">border</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">solid</span> <span style="color: #666666">1px</span> <span style="color: #666666">#888</span>;
</div><div id="lc3">}
</div><div id="lc4">
</div><div id="lc5"><span style="color: #0000FF; font-weight: bold">.rss_body</span> {
</div><div id="lc6">        <span style="color: #008000; font-weight: bold">height</span><span style="color: #666666">:</span> <span style="color: #666666">300px</span>;
</div><div id="lc7">        <span style="color: #008000; font-weight: bold">overflow</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">auto</span>;
</div><div id="lc8">}
</div><div id="lc9">
</div><div id="lc10"><span style="color: #0000FF; font-weight: bold">.rss_channel</span> <span style="color: #0000FF; font-weight: bold">.rss_item</span> {
</div><div id="lc11">        <span style="color: #008000; font-weight: bold">display</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">none</span>;
</div><div id="lc12">}
</div><div id="lc13">
</div><div id="lc14"><span style="color: #0000FF; font-weight: bold">.rss_channel</span><span style="color: #AA22FF">:hover</span> <span style="color: #0000FF; font-weight: bold">.rss_item</span> {
</div><div id="lc15">        <span style="color: #008000; font-weight: bold">display</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">block</span>;
</div><div id="lc16">}
</div><div id="lc17">
</div><div id="lc18"><span style="color: #0000FF; font-weight: bold">.rss_item</span> <span style="color: #666666">+</span> <span style="color: #0000FF; font-weight: bold">.rss_body</span> {
</div><div id="lc19">        <span style="color: #008000; font-weight: bold">display</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">none</span>;
</div><div id="lc20">}
</div><div id="lc21">
</div><div id="lc22"><span style="color: #0000FF; font-weight: bold">.rss_item</span><span style="color: #AA22FF">:hover</span> <span style="color: #666666">+</span> <span style="color: #0000FF; font-weight: bold">.rss_body</span> {
</div><div id="lc23">        <span style="color: #008000; font-weight: bold">display</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">block</span>; 
</div><div id="lc24">}
</div><div id="lc25">
</div><div id="lc26"><span style="color: #0000FF; font-weight: bold">.rss_body</span><span style="color: #AA22FF">:hover</span> {
</div><div id="lc27">        <span style="color: #008000; font-weight: bold">display</span><span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">block</span>;
</div><div id="lc28">}
</div></pre></div>
<p style="padding: 0; margin: 2em 0 1em 0; font-size: 0.8em; color: #666;"><span style="padding: 0 1em; background-color: #f5f5f5;"> Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a></span></p>

BBCODE Copy To Clipboarddone!

[color=#0000FF][b].rss_item[/b][/color][color=#666666],[/color] [color=#0000FF][b].rss_body[/b][/color] {
        [color=#008000][b]border[/b][/color][color=#666666]:[/color] [color=#008000][b]solid[/b][/color] [color=#666666]1px[/color] [color=#666666]#888[/color];
}

[color=#0000FF][b].rss_body[/b][/color] {
        [color=#008000][b]height[/b][/color][color=#666666]:[/color] [color=#666666]300px[/color];
        [color=#008000][b]overflow[/b][/color][color=#666666]:[/color] [color=#008000][b]auto[/b][/color];
}

[color=#0000FF][b].rss_channel[/b][/color] [color=#0000FF][b].rss_item[/b][/color] {
        [color=#008000][b]display[/b][/color][color=#666666]:[/color] [color=#008000][b]none[/b][/color];
}

[color=#0000FF][b].rss_channel[/b][/color][color=#AA22FF]:hover[/color] [color=#0000FF][b].rss_item[/b][/color] {
        [color=#008000][b]display[/b][/color][color=#666666]:[/color] [color=#008000][b]block[/b][/color];
}

[color=#0000FF][b].rss_item[/b][/color] [color=#666666]+[/color] [color=#0000FF][b].rss_body[/b][/color] {
        [color=#008000][b]display[/b][/color][color=#666666]:[/color] [color=#008000][b]none[/b][/color];
}

[color=#0000FF][b].rss_item[/b][/color][color=#AA22FF]:hover[/color] [color=#666666]+[/color] [color=#0000FF][b].rss_body[/b][/color] {
        [color=#008000][b]display[/b][/color][color=#666666]:[/color] [color=#008000][b]block[/b][/color]; 
}

[color=#0000FF][b].rss_body[/b][/color][color=#AA22FF]:hover[/color] {
        [color=#008000][b]display[/b][/color][color=#666666]:[/color] [color=#008000][b]block[/b][/color];
}

--------------------------------------
Colored with http://dumpz.org

Light HTML Copy To Clipboarddone!

That method generates HTML with CSS classes. Hence you'll need the style sheet file

<div class="highlight"><pre><div id="lc1"><span class="nc">.rss_item</span><span class="o">,</span> <span class="nc">.rss_body</span> <span class="p">{</span>
</div><div id="lc2">        <span class="k">border</span><span class="o">:</span> <span class="k">solid</span> <span class="m">1px</span> <span class="m">#888</span><span class="p">;</span>
</div><div id="lc3"><span class="p">}</span>
</div><div id="lc4">
</div><div id="lc5"><span class="nc">.rss_body</span> <span class="p">{</span>
</div><div id="lc6">        <span class="k">height</span><span class="o">:</span> <span class="m">300px</span><span class="p">;</span>
</div><div id="lc7">        <span class="k">overflow</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span>
</div><div id="lc8"><span class="p">}</span>
</div><div id="lc9">
</div><div id="lc10"><span class="nc">.rss_channel</span> <span class="nc">.rss_item</span> <span class="p">{</span>
</div><div id="lc11">        <span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span>
</div><div id="lc12"><span class="p">}</span>
</div><div id="lc13">
</div><div id="lc14"><span class="nc">.rss_channel</span><span class="nd">:hover</span> <span class="nc">.rss_item</span> <span class="p">{</span>
</div><div id="lc15">        <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span>
</div><div id="lc16"><span class="p">}</span>
</div><div id="lc17">
</div><div id="lc18"><span class="nc">.rss_item</span> <span class="o">+</span> <span class="nc">.rss_body</span> <span class="p">{</span>
</div><div id="lc19">        <span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span>
</div><div id="lc20"><span class="p">}</span>
</div><div id="lc21">
</div><div id="lc22"><span class="nc">.rss_item</span><span class="nd">:hover</span> <span class="o">+</span> <span class="nc">.rss_body</span> <span class="p">{</span>
</div><div id="lc23">        <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span> 
</div><div id="lc24"><span class="p">}</span>
</div><div id="lc25">
</div><div id="lc26"><span class="nc">.rss_body</span><span class="nd">:hover</span> <span class="p">{</span>
</div><div id="lc27">        <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span>
</div><div id="lc28"><span class="p">}</span>
</div></pre></div>
<p style="padding: 0; margin: 2em 0 1em 0; font-size: 0.8em; color: #666;"><span style="padding: 0 1em; background-color: #f5f5f5;"> Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a></span></p>

Habrahabr.ru HTML Copy To Clipboarddone!

Use that HTML for publications on habrahabr.ru

<blockquote><code><font color="#0000FF"><strong>.rss_item</strong></font><font color="#666666">,</font>&nbsp;<font color="#0000FF"><strong>.rss_body</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>border</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>solid</strong></font>&nbsp;<font color="#666666">1px</font>&nbsp;<font color="#666666">#888</font>;
}

<font color="#0000FF"><strong>.rss_body</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>height</strong></font><font color="#666666">:</font>&nbsp;<font color="#666666">300px</font>;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>overflow</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>auto</strong></font>;
}

<font color="#0000FF"><strong>.rss_channel</strong></font>&nbsp;<font color="#0000FF"><strong>.rss_item</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>display</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>none</strong></font>;
}

<font color="#0000FF"><strong>.rss_channel</strong></font><font color="#AA22FF">:hover</font>&nbsp;<font color="#0000FF"><strong>.rss_item</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>display</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>block</strong></font>;
}

<font color="#0000FF"><strong>.rss_item</strong></font>&nbsp;<font color="#666666">+</font>&nbsp;<font color="#0000FF"><strong>.rss_body</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>display</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>none</strong></font>;
}

<font color="#0000FF"><strong>.rss_item</strong></font><font color="#AA22FF">:hover</font>&nbsp;<font color="#666666">+</font>&nbsp;<font color="#0000FF"><strong>.rss_body</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>display</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>block</strong></font>;&nbsp;
}

<font color="#0000FF"><strong>.rss_body</strong></font><font color="#AA22FF">:hover</font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>display</strong></font><font color="#666666">:</font>&nbsp;<font color="#008000"><strong>block</strong></font>;
}
</code></blockquote><p><font color="gray">Colored with <a href="http://dumpz.org">dumpz.org</a></p>