<?xml version="1.0" encoding="windows-1252"?>
<node id="145882" title="Re: PerlMonks CSS Examples" created="2002-02-16 13:07:20" updated="2005-08-12 01:14:44">
<type id="11">
note</type>
<author id="9685">
mdillon</author>
<data>
<field name="doctext">
&lt;code&gt;/* For use with the Dark Theme */

body
{
        margin: 0px;
        font-family: sans-serif;
}

/* Fix iframe size/position */
iframe
{
        width: 472px;
        height: 64px;
        vertical-align: top;
}

pre, tt
{
        font-family: monospace;
}

a
{
        text-decoration: none;
}


a:hover, a:hover font[color]
{
        color: #333;
}

a:hover, a:hover img
{
        background-color: #0ff;
}

pre tt
/* pre &gt; tt */
{
        display: block;
        color: #8f0;
        background-color: #333;
        border-left: solid #888 5px;
        padding: 10px 10px 10px 15px;
        font-size: 85%;
        width: 93%;
        margin-right: 0px;
        margin-left: auto;
}

input[type="submit"],
        input[type="reset"],
        input[type="button"],
        input[type="text"],
        input[type="password"],
        input[type="checkbox"],
        input[type="radio"],
        select,
        textarea
{
        border: solid #333 1px;
}

input[type="submit"],
        input[type="reset"],
        input[type="button"],
        input[type="text"],
        input[type="password"],
        textarea
{
        margin: 3px;
        padding: 3px;
}

input:hover, textarea:hover, select:hover
{
        color: #ccc;
        background-color: #888;
}

input:focus, textarea:focus, select:focus
{
        color: #333;
        background-color: #ffa;
}&lt;/code&gt;
&lt;p&gt;1 March 2002 update: made code more readable by making the font face yellower&lt;/p&gt;

&lt;p&gt;5 April update: since I can now use this CSS in my on-site CSS without problems (no more bracket bug), I removed a comment indicating that I had this in an external stylesheet.&lt;/p&gt;</field>
<field name="root_node">
145860</field>
<field name="parent_node">
145860</field>
</data>
</node>
