css/design40/less/main_login.less

   1 /* ------------------------------------------------------------- */
   2 /* MAIN LOGIN (main_login.less)                                  */
   3 /* ------------------------------------------------------------- */
   4
   5
   6 // ----------------------------------------------------------------------------
   7 //
   8 // LOGIN and LOGGED IN PAGE
   9 //
  10 // ----------------------------------------------------------------------------
  11 // DESCRIPTION:
  12 // Properties for the Login and the Logged In page
  13 //
  14 // CONTENTS:
  15 // - LOGIN
  16 // - LOGGED IN
  17 // ----------------------------------------------------------------------------
  18
  19
  20
  21
  22 // --------------------------------------
  23 // LOGIN
  24 // --------------------------------------
  25
  26 div#login,
  27 div.login {
  28   margin: 0 auto; // centered
  29   width: 100%;
  30   padding: 0 ;
  31   text-align: center ;
  32
  33   h1 {
  34     text-align: center;
  35     font-size: 150%;
  36     top: 0 ;
  37     width: 100% ;
  38     display: block ;
  39     vertical-align: middle;
  40     background-color: green ;
  41     color: white ;
  42     padding: 0.8em 0 ;
  43     z-index: 10 ;
  44   }
  45
  46   #login-elements {
  47     width: 34.0em ;
  48     margin: 0 auto ;
  49     text-align: center ;
  50     display: block ;
  51
  52     h3 {
  53       text-align: left;
  54     }
  55
  56     >div {
  57       text-align: center ;
  58       p { text-align: center; }
  59     }
  60
  61     div.logo{
  62       width: auto;
  63       clear: both;
  64       margin: 3.0em auto 1.0em auto ;
  65       padding: 2.0em 0 0 0 ;
  66     }
  67     form{
  68       margin: 0 auto ;
  69       width: 100% ;
  70     }
  71
  72     div.separate-form{
  73       background-color: #ddd ;
  74       border: 1px @gray-standard solid;
  75       border-radius: @controlpanel-radius ;
  76       display: block ;
  77       margin: 0 auto ;
  78       width: 100% ;
  79       padding: 0 0.6em 1.0em 0.6em ;
  80     }
  81
  82     table.login{
  83       width: auto ;
  84       float: none ;
  85       clear: both ;
  86       input[type="submit"] {
  87         margin-top: 0.2em ;
  88       }
  89       caption {
  90         margin: 0.7em 0 0.4em 0 ;
  91       }
  92       td select {
  93         width: @select-wi-lightwide !important ;
  94       }
  95     }
  96
  97     .message {
  98       width: 100% ;
  99       word-wrap: normal ;
 100       min-width: 0;
 101       //min-width: auto ;
 102       //max-width: inherit ;
 103     }
 104   } // /.login-elements
 105 } // /.login
 106
 107
 108
 109
 110 // --------------------------------------
 111 // LOGGED IN
 112 // --------------------------------------
 113
 114 div.logged-in {
 115   margin: 0 auto ;
 116   padding: 1.0em 0.5em 2.0em 0.5em ;
 117   width: 60.0em;
 118   min-width: 60.0em;
 119   overflow: hidden;
 120
 121   .col {
 122     width: 48%;
 123     display: inline-block;
 124     float: left;
 125
 126     p {
 127       font-size: 10pt ;
 128     }
 129   }
 130   .message{
 131     width: 100% ;
 132     min-width: 100% ;
 133     max-width: 100% ;
 134   }
 135 }
 136
 137
 138