yolanda/trunk/style/default.css

/*
Yolanda default stylesheet
(c) 2007-2008 Nils Dagsson Moskopp 
*/

/* global default */

body
{
    font-family:        sans-serif;
    font-size:          8pt;
    font-weight:        bold;
    margin:             1.5em;
    min-height:         100%;
    text-align:         center;
}

div
{
    border-width:       0px;
}

input
{
    text-align:         left;
}

img
{
    border-width:       0;
}

/* links */

a
{
    color:              #3f3fff;
    text-decoration:    none;
}

    a:focus
    {
        font-style:     italic;
    }

    a:hover
    {
        text-decoration:    underline;
    }

    a.tag
    {
        display:        inline-block;
        margin-left:    0.25em;
        margin-right:   0.25em;
    }

/* header, footer */

    a.footer,
    a.header,
    div.footer,
    div.header
    {
        background-color:   #f0f0f0;
        border-color:       #f0f0f0;
        border-style:       solid;
        clear:              none;
        font-size:          1em;
        line-height:        3em;
        height:             3em;
    }

    div.footer,
    div.header
    {
        clear:                  both;
    }

    a.footer,
    a.header
    {
        border-bottom-width:    0px;
        border-top-width:       0px;
        border-left-width:      1px;
        border-right-width:     1px;
        display:                block;
        padding-left:           1em;
        padding-right:          1em;
    }

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

    a.latest-additions,
    a.view-license
    {
        border-left-width:  0px;
    }

    a.register,
    a.upload-video,
    a.view-xml
    {
        border-right-width: 0px;
    }

    a.latest-additions,
    a.most-downloads,
    a.most-views,
    a.report-bug,
    a.view-license,
    a.view-source-code
    {
        float:              left;
    }

    a.login,
    a.login-openid,
    a.logout,
    a.preferences,
    a.register,
    a.upload-video,
    a.view-xml
    {
        float:              right;
    }

    div.footer,
    div.header
    {
        border-color:       #c0c0c0;
        border-width:       1px;
    }

    img.logo-header
    {
        display:        none;
        border:         1px black solid;
        clear:          none;
        float:          left;
        margin-left:    1.5em;
        margin-right:   0.5em;
    }

/* content */

    div.button-download,
    div.button-edit,
    div.button-junk
    {
        display:        inline-block;
        margin:         0.5em;
        vertical-align: top;
    }

    div.button-download img,
    div.button-edit img,
    div.button-junk img
    {
        margin:     0.5em;
    }

    div.cc-license-chooser
    {
    }

        div.cc-license-chooser img
        {
            margin:         0.25em;
            vertical-align: middle;
        }

    div#container
    {
            position: relative;
    }

        div#container form
        {
            position:       absolute;
            top:            50%;
            padding-left:   auto;
            padding-right:  auto;
            width:          100%
        }

    div.commentform,
    div.loginform,
    div.registerform,
    div.settingsform,
    div.uploadform
    {
        line-height:    2.5em;
        margin:         1.5em;
    }

    div.comments
    {
    }

    div.messagebox
    {
        border-color:   #606060;
        border-style:   solid;
        border-width:   1px;
        margin:         1.5em;
    }

        div.messagebox#error,
        div.messagebox#warning
        {
            background-color:   #f09090; 
        }

        div.messagebox#information
        {
            background-color:   #90f090;
        }

            div.messagebox img
            {
                margin:             0.75em;
                overflow:           visible;
                vertical-align:     middle;
            }

    div.page-number
    {
        color:          #606060;
        display:        inline-block;
        font-size:      40px;
        height:         32px;
        width:          32px;
        overflow:       visible;
    }

    div.result
    {
        display:        inline-block;
        margin:         0.75em;
        overflow:       visible;
        vertical-align: top;
    }

        div.result img
        {
            border-color:   black;
            border-width:   1px;
        }

    div.search
    {
        padding:            0.75em;
    }

    div.search-small
    {
        clear:              both;
        float:              right;
        height:             0em;
        overflow:           visible;
        text-align:         right;
    }

    div.toplists
    {
        padding:    0.75em;
    }

    div.tagcloud
    {
        background-color:   #f0f0f0;
        border-color:       #c0c0c0;
        border-style:       solid;
        border-width:       1px;
        margin:             0.75em;
        margin-left:        20%;
        margin-right:       20%;
        padding:            0.75em;
    }

    div.video
    {
        display:            inline-block;
        margin-bottom:      0.5em;
    }

    div.videoccdata
    {
        margin:             0.75em;
    }

        div.videoccdata img
        {
            border-width:   0px;
            margin-left:    0.5em;
            margin-right:   0.5em;
            margin-top:     0.5em;
        }

    div.video-metadata
    {
        display:            inline-block;
        line-height:        1.5em;
        margin-left:        1.5em;
        text-align:         left;
        vertical-align:     top;
        width:              256px;
    }

    div.videotitle
    {
        font-size:          1.5em;
        margin-bottom:      0.5em;
    }

fieldset
{
    border-width:           0px;
}

    img.logo-big
    {
        padding-bottom:     0.5em;
    }

    img.openid-icon
    {
        padding-left:       0.2em;
        vertical-align:     text-top;
    }

span.code
{
    font-family:    monospace;
    font-weight:    normal;
}

span.heading
{
    font-size:      1.5em;
}

span.instruction,
span.protip
{
    color:              #606060;
}

span.protip:after
{
    content:            " )";
}

span.protip:before
{
    content:            "( ";
}

table.metadata,
table.metadata-upload
{
    border-width:       0px;
    border-collapse:    collapse;
    width:              100%;
}

    table.metadata td.metadata-content,
    table.metadata td.metadata-title,
    table.metadata-upload td.metadata-content
    {
        text-align:     left;
        width:          50%;
    }

    table.metadata td.metadata-title
    {
        width:          40%;
    }

    table.metadata-upload td.metadata-title
    {
        text-align:     right;
        width:          50%;
    }

td.metadata-title
{
    color:              #606060;
}