web/data/cubicweb.login.css
branchstable
changeset 2116 344ca533ee9d
parent 1777 7bd776052e2b
child 4594 7b9824d1b734
equal deleted inserted replaced
2115:c48ff1d0acc4 2116:344ca533ee9d
     1 /* styles for the login popup and login form
     1 /* styles for the login popup and login form
     2  *
     2  *
     3  *  :organization: Logilab
     3  *  :organization: Logilab
     4  *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
     4  *  :copyright: 2003-2009 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   font-weight: bold;
    14   font-weight: bold;
    15   background: #E4EAD8; 
    15   background: #E4EAD8;
    16 }
    16 }
    17 
    17 
    18 div#popupLoginBox div#loginContent {
    18 div#popupLoginBox div#loginContent {
    19   background: #e6e4ce;
    19   background: #e6e4ce;
    20   padding: 5px 3px 4px;
    20   padding: 5px 3px 4px;
    21 }
    21 }
    22 
    22 
    23 div#loginBox { 
    23 div#loginBox {
    24   position : absolute;
    24   position : absolute;
    25   top: 15%;
    25   top: 15%;
    26   left : 50%;
    26   left : 50%;
    27   margin-left: -14em;
    27   margin-left: -14em;
    28   width: 28em;
    28   width: 28em;
    30   border: 2px solid #cfceb7;
    30   border: 2px solid #cfceb7;
    31   padding-bottom: 0.5em;
    31   padding-bottom: 0.5em;
    32   text-align: center;
    32   text-align: center;
    33 }
    33 }
    34 
    34 
    35 div#loginBox h1 { 
    35 div#loginBox h1 {
    36   color: #FF7700;
    36   color: #FF7700;
    37   font-size: 140%;
    37   font-size: 140%;
    38 }
    38 }
    39 
    39 
    40 div#loginTitle { 
    40 div#loginTitle {
    41   color: #fff;
    41   color: #fff;
    42   font-weight: bold;
    42   font-weight: bold;
    43   font-size: 140%;
    43   font-size: 140%;
    44   text-align: center;
    44   text-align: center;
    45   padding: 3px 0px;
    45   padding: 3px 0px;
    46   background: #ff7700 url("banner.png") left top repeat-x;
    46   background: #ff7700 url("banner.png") left top repeat-x;
    47 }
    47 }
    48 
    48 
    49 div#loginBox div#loginContent form { 
    49 div#loginBox div#loginContent form {
    50   padding-top: 1em;
    50   padding-top: 1em;
    51   width: 90%; 
    51   width: 90%;
    52   margin: auto;  
    52   margin: auto;
    53 }
    53 }
    54 
    54 
    55 #popupLoginBox table td { 
    55 #popupLoginBox table td {
    56   padding: 0px 3px; 
    56   padding: 0px 3px;
    57   white-space: nowrap;
    57   white-space: nowrap;
    58 }
    58 }
    59 
    59 
    60 #loginContent table { 
    60 #loginContent table {
    61   padding: 0px 0.5em;
    61   padding: 0px 0.5em;
    62   margin: auto;
    62   margin: auto;
    63 }
    63 }
    64 
    64 
    65 #loginBox table td { 
    65 #loginBox table td {
    66   padding: 0px 3px 0.6em; 
    66   padding: 0px 3px 0.6em;
    67   white-space: nowrap;
    67   white-space: nowrap;
    68 }
    68 }
    69 
    69 
    70 #loginBox .loginButton { 
    70 #loginBox .loginButton {
    71   margin-top: 0.6em;
    71   margin-top: 0.6em;
    72  }
    72  }
    73 
    73 
    74 #loginContent input.data { 
    74 #loginContent input.data {
    75   width:12em;
    75   width:12em;
    76 }
    76 }
    77 
    77 
    78 input.loginButton {
    78 input.loginButton {
    79   border: 1px solid #edecd2;
    79   border: 1px solid #edecd2;
    80   border-color:#edecd2 #cfceb7 #cfceb7  #edecd2;
    80   border-color:#edecd2 #cfceb7 #cfceb7  #edecd2;
    81   margin: 2px 0px 0px;
    81   margin: 2px 0px 0px;
    82   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x; 
    82   background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
    83 }
    83 }