1 /**

     2  * Based upon the AmaroK WebControl interface by:

     3  *    Jonas Christian Drewsen ( kde at xspect dot dk )

     4  *    André Kelpe ( fs111 at web dot de )

     5  *    Peter C. Ndikuwera ( pndiku at gmail dot com )

     6  */

     7 

     8 html, body {

     9   margin: 0;

    10   padding: 0;

    11   height: 100%;

    12 }

    13 

    14 body {

    15   font-family: sans-serif;

    16   background-color: #212251;

    17   color: #ffffff;

    18   padding: 0;

    19 }

    20 

    21 body > table {

    22   width: 100%;

    23   height: 100%;

    24 }

    25 

    26 div.login-main {

    27   background-image: url(images/login.png);

    28   width: 340px;

    29   height: 220px;

    30   margin: 0 auto;

    31   padding: 40px;

    32   background-position: center center;

    33   background-repeat: no-repeat;

    34 }

    35 

    36 table.loginform {

    37   margin: 0 auto;

    38 }

    39 

    40 table.loginform td {

    41   padding-top: 20px;

    42 }

    43 

    44 table.loginform td.left {

    45   width: 33%;

    46   text-align: left;

    47 }

    48 

    49 table.loginform td.right {

    50   width: 66%;

    51   text-align: left;

    52 }

    53 

    54 table.loginform td.error, table.loginform td.success {

    55   text-align: center;

    56   color: #ff5321;

    57   padding-top: 2px;

    58 }

    59 

    60 table.loginform td.success {

    61   color: #53ff21;

    62 }

    63 

    64 table.loginform td.submit {

    65   font-size: larger;

    66   padding-top: 12px;

    67 }

    68 

    69 input {

    70   border-width: 0px;

    71   background-color: #b1b5cd;

    72   padding: 2px;

    73   color: #383f61;

    74 }

    75 

    76 input.submit {

    77   font-size: larger;

    78   padding: 2px 5px;

    79 }

    80 

    81 input.submit:hover, input.submit:focus {

    82   background-color: #b1b5cd;

    83   cursor: pointer;

    84 }

    85