yolanda/trunk/style/colors/tango.css

/*
Yolanda default stylesheet colors (using tango color palette)
(c) 2007-2008 Nils Dagsson Moskopp

This file is licensed under the WTF Public License
(License terms: Do what the fuck you want.)

Purpose of this file is to provide graphics according to the Tango! palette.
Protip: Graphics are colors, background and pseudo-content images !

Please replace the colors in this file with suitable Tango! equivalents.
↑↑ Remove this notice as soon as this file holds only Tango! colors. ↑↑
*/

a
{
    /* what color is this ? */
    color:              #3465a4;
}

a
{
}

    a:focus
    {
        color:              #cc0000;
    }

    a:hover
    {
    }

    a.footer,
    a.header,
    div.footer,
    div.header
    {
        background-color:   #f0f0f0;
        border-color:       #f0f0f0;
    }

    a.footer:hover,
    a.header:hover
    {
        background-color:   #ffffff;
        border-color:       #c0c0c0;
    }

div
{
    /* "Aluminium 5" */
    border-color:   #555753;
}

    div.cc-license
    {
    }

        div.cc-license img
        {
        }

div.loginbox
{
}

    div.loginbox form
    {
    }

        div.loginbox form fieldset
        {
        }

            div.loginbox form fieldset input:after
            {
                content:       url(../../images/openid-icon.png);
            }

    div.messagebox
    {
    }

        div.messagebox#error
        {
            /* "Scarlet Red 1" + 30 luminosity */
            background-color:   #f46060;
        }

        div.messagebox#error:before
        {
        /* TODO: find out how to set vertical-align:middle for this image */
        content:        url(../../images/tango/32x32/dialog-error.png);
        height:         200px;
        }

        div.messagebox#information
        {
            /* "Chameleon 1" + 30 luminosity */
            background-color:   #a9ec68;
        }

        div.messagebox#information:before
        {
        /* TODO: find out how to set vertical-align:middle for this image */
        content:        url(../../images/tango/32x32/dialog-information.png);
        }

        div.messagebox#warning
        {
            /* "Orange 1" */
            background-color:   #fcaf3e;
        }

        div.messagebox#warning:before
        {
        /* TODO: find out how to set vertical-align:middle for this image */
        content:        url(../../images/tango/32x32/dialog-warning.png);
        }

    div.page-number
    {
        /* "Aluminium 5" */
        border-color:   #555753;
    }

    div.protip-embed
    {
    }

div#preview
{
}

        div#preview form
        {
        }

    div.result
    {
    }

        div.result img
        {
            /* "Aluminium 5" */
            border-color:   #555753;
        }

    div.searchbar
    {
    }

    div.splashbox
    {
    }

    div.tagcloud
    {
    }


form
{
}

    form fieldset
    {
    }

        form fieldset input[type="text"]
        {
        }

li
{
}

    li#latestadditions
    {
        list-style-image:       url(../../images/tango/16x16/actions/document-new.png)
    }

    li#logout
    {
        list-style-image:       url(../../images/tango/16x16/actions/system-log-out.png)
    }

    li#mostviews
    {
        list-style-image:       url(../../images/tango/16x16/emblems/emblem-favorite.png)
    }

    li#mostdownloads
    {
        list-style-image:       url(../../images/tango/16x16/actions/document-save.png)
    }

    li#upload
    {
        list-style-image:       url(../../images/tango/16x16/actions/go-up.png)
    }

p
{
}

span
{
}

    span.duration
    {
    }

    span.heading
    {
    }

    span.instruction
    {
        /* "Aluminium 5" */
        color:   #555753;
    }

    span.protip
    {
        /* "Aluminium 5" */
        color:   #555753;
    }

ul
{
}

    ul#account-actions
    {
    }

    ul#footer,
    ul#header
    {
        /* "Aluminium 5" */
        border-color:   #555753;
    }

        ul#footer li:hover,
        ul#header li:hover
        {
            /* Aluminium 1 */
            background-color:   #eeeeec;
        }

            ul#footer li a,
            ul#footer li a
            {
            }

    ul#queries
    {
    }