xp-dev.com Git - namibia/blob - public/css/app/login.css

   1 .box-login {
   2   border:1px solid #dddddd;
   3   border-collapse:separate;
   4   *border-collapse:collapsed;
   5   -webkit-border-radius:6px;
   6   -moz-border-radius:6px;
   7   border-radius:6px;
   8   padding:0px;
   9   position: relative;
  10      top: 0;
  11      bottom: 0;
  12      left: 0;
  13      right: 0;
  14   width:300px;
  15      margin: auto;
  16   background-color: #1f1f1f;
  17   font-size: 12px;
  18   font-weight: normal;
  19   line-height: 16px;
  20   text-align: left;
  21   color: #ccc;
  22 }
  23 .box-forget {
  24   width:500px;
  25   height:220px;
  26 }
  27 .box-login button {
  28   margin-left: 19px;
  29 }
  30 .box-login-header {
  31   -webkit-border-radius:4px;
  32   -moz-border-radius:4px;
  33   border-radius:4px;
  34   padding: 10px;
  35   margin: 0px;
  36   background-color: #0e0e0e !important;
  37   background-image: -moz-linear-gradient(top, #2c2c2c, #0e0e0e);
  38   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2c2c), to(#0e0e0e));
  39   background-image: -webkit-linear-gradient(top, #2c2c2c, #0e0e0e);
  40   background-image: -o-linear-gradient(top, #2c2c2c, #0e0e0e);
  41   background-image: linear-gradient(to bottom, #2c2c2c, #0e0e0e);
  42   background-repeat: repeat-x;
  43   font-size: 16px;
  44   line-height: 20px;
  45 }
  46 .box-login-body {
  47   padding: 10px;
  48   font-size: 12px;
  49   line-height: 16px;
  50 }
  51 .btn-width {
  52      margin-left: 6px !important;
  53      width: 95%;
  54 }
  55 .btn-forget {
  56      margin-right: 15px;
  57 }
  58 .box-login .login-input > textarea,
  59 .box-login input,
  60 .box-login .uneditable-input {
  61   background-color: #141414;
  62   color: #EEEEEE;
  63   border: 1px solid #222222;
  64   height: 26px;
  65   line-height: 26px;
  66   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  67   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  68   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  69   -webkit-transition: border linear .2s, box-shadow linear .2s;
  70   -moz-transition: border linear .2s, box-shadow linear .2s;
  71   -o-transition: border linear .2s, box-shadow linear .2s;
  72   transition: border linear .2s, box-shadow linear .2s;
  73 }
  74 .box-login .login-input > .input-append .add-on,
  75 .box-login .input-prepend .add-on {
  76   display: inline-block;
  77   width: auto;
  78   height: 26px;
  79   min-width: 16px;
  80   padding: 6px 9px 2px 9px;
  81   font-size: 12px;
  82   font-weight: normal;
  83   line-height: 24px;
  84   text-align: center;
  85   text-shadow: 0 1px 0 #555555;
  86   background-color: #141414;
  87   border: 1px solid #222222;
  88   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  89   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  90   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1);
  91 }
  92
  93 .box-login .login-input > .input-append,
  94 .box-login .input-prepend {
  95   margin-bottom: 0px;
  96   font-size: 0;
  97   white-space: nowrap;
  98 }
  99 .left-padding {
 100      padding-left: 15px;
 101 }
 102
 103 /* Pretty toggle switch -oO-
 104 -------------------------------------------------- */
 105 .ui-toggle-switch .ui-slider {
 106      position: relative;
 107      text-align: left;
 108      background:  url(/img/slider_bg.png) no-repeat transparent;
 109      z-index: 1; }
 110 .ui-toggle-switch .ui-slider { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; }
 111 .ui-toggle-switch .ui-slider-handle { background: url(/img/slider_handles.png) 0px -23px no-repeat;}
 112 .ui-toggle-switch .ui-slider .ui-state-hover, .ui-slider .ui-state-active { background-position: 0 0; }
 113 .ui-toggle-switch .ui-slider .ui-slider-range {
 114      position: absolute; z-index: 1;
 115      font-size: .7em;
 116      display: block; border: 0;
 117      background-position: 0 0; }
 118 .ui-toggle-switch .ui-slider .ui-slider-range {
 119      -moz-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset;
 120      -webkit-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset;
 121      box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; }
 122 .ui-toggle-switch .ui-slider-horizontal { height: 16px; }
 123 .ui-toggle-switch .ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -12px; }
 124 .ui-toggle-switch .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
 125 .ui-toggle-switch .ui-slider-horizontal .ui-slider-range-min { left: 0; }
 126 .ui-toggle-switch .ui-slider-horizontal .ui-slider-range-max { right: 0; width:50%; }
 127 .ui-toggle-switch .ui-slider-vertical { width: 5px; height: 100px; }
 128 .ui-toggle-switch .ui-slider-vertical .ui-slider-handle { left: -8px; margin-left: 0; margin-bottom: -13px; }
 129 .ui-toggle-switch .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
 130 .ui-toggle-switch .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
 131 .ui-toggle-switch .ui-slider-vertical .ui-slider-range-max { top: 0; }
 132 .ui-toggle-switch .ui-slider-handle {
 133   position: absolute;
 134   z-index: 2;
 135   width: 23px;
 136   height: 23px;
 137   cursor: default;
 138   border: none;
 139   outline: none;
 140   -moz-box-shadow: none;
 141   -webkit-box-shadow: none;
 142   box-shadow: none;
 143 }
 144
 145 #login-rememberMe{
 146   opacity : 1;
 147 }