web/data/cubicweb.login.css
changeset 6389 72ba82a26e05
parent 6140 65a619eb31c4
child 6428 de95bbed8781
equal deleted inserted replaced
6388:34317f395619 6389:72ba82a26e05
     3  *  :organization: Logilab
     3  *  :organization: Logilab
     4  *  :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
     4  *  :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
     5  *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
     5  *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
     6  */
     6  */
     7 
     7 
     8 div#popupLoginBox {
     8 div.popupLoginBox {
     9   position: absolute;
     9   position: absolute;
    10   z-index: 400;
    10   z-index: 400;
    11   right: 0px;
    11   right: 0px;
    12   width: 26em;
    12   width: 26em;
    13   padding: 0px 1px 1px;
    13   padding: 0px 1px 1px;
    14   background: %(listingBorderColor)s; 
    14   background: %(listingBorderColor)s;
    15 }
    15 }
    16 
    16 
    17 div#popupLoginBox label{
    17 div.popupLoginBox label{
    18   font-weight: bold;
    18   font-weight: bold;
    19 }
    19 }
    20 
    20 
    21 div#popupLoginBox div#loginContent {
    21 div.popupLoginBox div.loginContent {
    22   background: #e6e4ce;
    22   background: #e6e4ce;
    23   padding: 5px 3px 4px;
    23   padding: 5px 3px 4px;
    24 }
    24 }
    25 
    25 
    26 div#loginBox {
    26 div.loginBox {
    27   position : absolute;
    27   position : absolute;
    28   top: 15%;
    28   top: 15%;
    29   left : 50%;
    29   left : 50%;
    30   margin-left: -14em;
    30   margin-left: -14em;
    31   width: 28em;
    31   width: 28em;
    38 div#loginBox h1 {
    38 div#loginBox h1 {
    39   color: %(aColor)s;
    39   color: %(aColor)s;
    40   font-size: 140%;
    40   font-size: 140%;
    41 }
    41 }
    42 
    42 
    43 div#loginTitle {
    43 div.loginTitle {
    44   color: #fff;
    44   color: #fff;
    45   font-weight: bold;
    45   font-weight: bold;
    46   font-size: 140%;
    46   font-size: 140%;
    47   text-align: center;
    47   text-align: center;
    48   padding: 3px 0px;
    48   padding: 3px 0px;
    49   background: %(headerBgColor)s url("banner.png") repeat-x top left;
    49   background: %(headerBgColor)s url("banner.png") repeat-x top left;
    50 }
    50 }
    51 
    51 
    52 div#loginBox div#loginContent form {
    52 div.loginBox div.loginContent form {
    53   padding-top: 1em;
    53   padding-top: 1em;
    54   width: 90%;
    54   width: 90%;
    55   margin: auto;
    55   margin: auto;
    56 }
    56 }
    57 
    57 
    58 #popupLoginBox table td {
    58 .popupLoginBox table td {
    59   padding: 0px 3px;
    59   padding: 0px 3px;
    60   white-space: nowrap;
    60   white-space: nowrap;
    61 }
    61 }
    62 
    62 
    63 #loginContent table {
    63 .loginContent table {
    64   padding: 0px 0.5em;
    64   padding: 0px 0.5em;
    65   margin: auto;
    65   margin: auto;
    66 }
    66 }
    67 
    67 
    68 #loginBox table td {
    68 .loginBox table td {
    69   padding: 0px 3px 0.6em;
    69   padding: 0px 3px 0.6em;
    70   white-space: nowrap;
    70   white-space: nowrap;
    71 }
    71 }
    72 
    72 
    73 #loginBox .loginButton {
    73 .loginBox .loginButton {
    74   margin-top: 0.6em;
    74   margin-top: 0.6em;
    75  }
    75  }
    76 
    76 
    77 #loginContent input.data {
    77 .loginContent input.data {
    78   width: 12em;
    78   width: 12em;
    79 }
    79 }
    80 
    80 
    81 .loginButton {
    81 .loginButton {
    82   border: 1px solid #edecd2;
    82   border: 1px solid #edecd2;
    83   border-color: #edecd2 %(incontextBoxBodyBgColor)s %(incontextBoxBodyBgColor)s  #edecd2;
    83   border-color: #edecd2 %(incontextBoxBodyBgColor)s %(incontextBoxBodyBgColor)s  #edecd2;
    84   margin: 2px 0px 0px;
    84   margin: 2px 0px 0px;
    85   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
    85   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
    86 }
    86 }
    87 
    87 
    88 #loginContent .formButtonBar {
    88 .loginContent .formButtonBar {
    89   float: right;
    89   float: right;
    90 }
    90 }