kt-login.css 5.97 KB
        body {
            font-family: sans-serif;
            font-size: small;
            margin-top: 8em;
            text-align: center;
            background: #fefefe url(../graphics/loginbg.png) top left repeat-x; 
        }

        label {
            font-weight: bold;
            display: block;
            margin: 0.5em 0;
        }

        #loginbox {
            position: relative;
            padding: 1em;
            /*border: 1px solid #888;*/
            width: 252px;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            background: white url(../graphics/ktbg.png) bottom left no-repeat;
            /*-moz-border-radius: 1em;*/
        }

        #loginboxTopLeft {
            position: absolute;
            background: url(../graphics/login_corner_topleft.gif) top left no-repeat;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
        }

        #loginboxTopMiddle {
            position: absolute;
            background: url(../graphics/login_border_repeat.png) top left repeat-x;
            top:0;
            left:35px;
            width: 230px;
            height: 3px; 
        }

        #loginbox.hasDisclaimer #loginboxTopMiddle {
            position: absolute;
            background: url(../graphics/login_border_repeat.png) top left repeat-x;
            top:0;
            left:35px;
            width: 520px;
            height: 3px; 
        }

        #loginboxTopRight {
            position: absolute;
            background: url(../graphics/login_corner_topright.gif) top right no-repeat;
            top:0;
            right:0;
            width: 40px;
            height: 40px;
        }

        #loginboxBottomLeft {
            position: absolute;
            background: url(../graphics/login_corner_bottomleft.gif) bottom left no-repeat;
            bottom:0;
            left:0;
            width: 40px;
            height: 40px;
        }

        #loginboxBottomMiddle {
            position: absolute;
            background: url(../graphics/login_border_bottom.png) bottom left repeat-x;
            bottom: 0;
            left: 35px;
            width: 230px;
            height: 3px;
        }

        #loginbox.hasDisclaimer #loginboxBottomMiddle {
            position: absolute;
            background: url(../graphics/login_border_bottom.png) bottom left repeat-x;
            bottom: 0;
            left: 35px;
            width: 520px;
            height: 3px;
        }

        #loginboxBottomRight {
            position: absolute;
            background: url(../graphics/login_corner_bottomright.gif) bottom left no-repeat;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 40px;
        }

        #loginboxLeftTop {
            position: absolute;
            background: url(../graphics/login_border_repeat.png) top left repeat-y;
            top: 35px;
            left: 0;
            width: 3px;
            height: 405px;
        }

        #loginbox.hasDisclaimer #loginboxLeftTop {
            height: 200px;
        }
        
        #loginboxLeftBottom {
            position: absolute;
            background: url(../graphics/login_border_repeat.png) top left repeat-y;
            bottom: 35px;
            left: 0;
            width: 3px;
            height: 405px;
        }

        #loginbox.hasDisclaimer #loginboxLeftBottom {
            height: 200px;
        }

        #loginboxRightTop {
            position: absolute;
            background: url(../graphics/login_border_right.png) top right repeat-y;
            top: 35px;
            right: 0;
            width: 3px;
            height: 405px;
        }

        #loginbox.hasDisclaimer #loginboxRightTop {
            height: 200px;
        }

        #loginboxRightBottom {
            position: absolute;
            background: url(../graphics/login_border_right.png) top right repeat-y;
            bottom: 35px;
            right: 0;
            width: 3px;
            height: 405px;
        }

        #loginbox.hasDisclaimer #loginboxRightBottom {
            height: 200px;
        }

        #loginbox.hasDisclaimer {
            background: white url(../graphics/ktbg.png) bottom left repeat-x;
            width: 564px;
        }

        #formbox { 
            border: 0; padding: 0; margin: 0;
            width: 252px;
            float: left;
        }

        #loginbox.hasDisclaimer #formbox { 
            padding-right: 20px;
            border-right: 1px solid #eee;
        }

        #disclaimerbox {
            width: 252px;
            float: left;
            padding-left: 20px;
            border-left: 1px solid #eee;
            margin-left: -1px;
        }

        #disclaimerbox p { 
            margin-top: 0;
            margin-bottom: 1em;
        }

        input {
            border: 1px solid #666;
            width: 250px;
        }
        
        select {
            border: 1px solid #666;
            margin: 0;
            width: 252px;
        }

        .logoimage {
            margin-bottom: 2em;
        }

        .form_actions {
            margin: 1em 0 0 0;
            padding: 1em 0 0 0;
            border-top: 0px solid #eee;
            border-width: 1px 0 0 0;
            text-align: right;
        }

        #loginbox.hasDisclaimer .form_actions {
            padding: 1em 0 6em 0;
            border-width: 0 0 0 0;
        }

        .form_actions input {
            width: auto;
        }

.descriptiveText 
{
    color: #666;
    clear: both;
}

.descriptiveText.version
{
    font-size: x-small;
}

#bottomspacer {
    height: 50px;

}

/* block level. */
.ktError 
{
    padding: 0 1em;
    border: 1px solid #ffc21e;
    margin: 0.5em 0;
    background: #ffdd80;
}

.ktError p {
    padding-left: 25px;
    background: transparent  url(../../thirdparty/icon-theme/16x16/status/dialog-warning.png) center left no-repeat;
}

.floatClear
{
    clear: both;
    height: 1px !important;
    margin: 0; border: 0; padding: 0;
    width: 1px;
}