interface/themes/login.css

   1 /*=============================================================
   2 *
   3 * Login Page
   4 *
   5 *============================================================*/
   6
   7 .login-box {
   8         padding: 20px 20px 25px 25px;
   9         text-align: left;
  10         border: solid 1px #bebebe;
  11         border-radius: 8px;
  12         -webkit-border-radius: 8px;
  13         -moz-border-radius: 8px;
  14         background: #f0f0f0;
  15         box-shadow: 0px 1px 2px #f3f3f3;
  16         -webkit-box-shadow: 0px 1px 2px #f3f3f3;
  17         -moz-box-shadow: 0px 1px 2px #f3f3f3;
  18         width:  650px;
  19 }
  20
  21 .logo-left{
  22         float: left;
  23 }
  24
  25 .table-right {
  26         padding: 40px 20px 0px 80px;
  27         float: left;
  28 }
  29
  30 .entryfield {
  31         position: relative;
  32         border-width: 1px;
  33         border: 1px solid #aaa;
  34         padding: 6px;
  35         font-color: #666;
  36         -webkit-border-radius: 5px;
  37         -moz-border-radius: 5px;
  38         border-radius: 5px;
  39 }
  40
  41 .entryfield_small {
  42         position: relative;
  43         border-width: 1px;
  44         border: 1px solid #aaa;
  45         padding: 4px;
  46         font-color: #666;
  47         -webkit-border-radius: 5px;
  48         -moz-border-radius: 5px;
  49         border-radius: 5px;
  50 }
  51
  52 .entryfield:focus {
  53         background: #f3fcff;
  54     border-color: rgba(51, 125, 215, 0.75) !important;
  55     box-shadow: 0 0 7px rgba(82, 168, 236, 0.5);
  56     outline: none;
  57         -webkit-transition: 0.2s linear all;
  58         -moz-transition: 0.2s linear all;
  59         transition: 0.2s linear all;
  60 }
  61
  62 .version {
  63         float: right;
  64         font-size: 10px;
  65         text-align: right;
  66 }
  67
  68 .title_name {
  69         margin-top: 10px;
  70         padding-left: 5px;
  71 }
  72
  73 .titlebar {
  74         height:40px; !important
  75 }
  76
  77 /* :..[ Social Icons ]..: */
  78
  79 .demo {margin-left: auto; margin-right: auto; display: block; width: 200px; height: auto; padding:20px 0px 0 0 }
  80
  81 /* :..[ Buttons ]..: */
  82
  83 button, .button, .css_button, ul.button-bar li a {
  84         /*      (X-browser-) inline-block */
  85         position: relative;
  86         display: -moz-inline-stack;  /* Fx: TODO: also test -moz-inline-box?! */
  87         display: inline-block; /* Proper */
  88         *zoom: 1; /* IE 6-7 */
  89         *display: inline; /* IE 6-7 */
  90
  91         /*      Padding/Margins */
  92         padding: .2em 1em .275em;
  93         margin: 0 .5em;
  94
  95         /*      Generic Font Styles */
  96         /* outline: none; */ /* Here be dragons! */
  97         font: normal 14px/100% Arial, Helvetica, sans-serif;
  98         text-align: center;
  99         text-decoration: none;
 100         cursor: pointer;
 101         vertical-align: middle;
 102         *vertical-align: auto;
 103
 104         /*      Text-Shadow */
 105         text-shadow: 0 1px 1px rgba(0,0,0,.4); /* Outset */
 106         text-shadow: 0 1px 0 rgba(255,255,255,.6); /* Inset */
 107
 108         /*      Border Radius */
 109         -webkit-border-radius: .3em;
 110         -moz-border-radius: .3em;
 111         -o-border-radius: .3em; /* Opera removed support but it might work in older (pre 10.5) versions? */
 112         border-radius: .3em;
 113
 114         /*      Box Shadow */
 115         -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
 116         -moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
 117         box-shadow: 0 0 3px rgba(0,0,0,.5);
 118         /* We could simulate this in IE with ('glow') filters, but we will not... */
 119
 120         /*      DEFAULT Color: Grey */
 121         color: #333;
 122         border: solid 1px #999;
 123         background: #EEE; /* Basic fallback */
 124         /* Fx < 3.6 & other browsers supporting data uri's */
 125         background: url("data:image/jpeg,%FF%D8%FF%E0%00%10JFIF%00%01%01%00%00%01%00%01%00%00%FF%DB%00C%00%08%06%06%07%06%05%08%07%07%07%09%09%08%0A%0C%14%0D%0C%0B%0B%0C%19%12%13%0F%14%1D%1A%1F%1E%1D%1A%1C%1C%20%24.'%20%22%2C%23%1C%1C(7)%2C01444%1F'9%3D82%3C.342%FF%DB%00C%01%09%09%09%0C%0B%0C%18%0D%0D%182!%1C!22222222222222222222222222222222222222222222222222%FF%C0%00%11%08%002%00%01%03%01%22%00%02%11%01%03%11%01%FF%C4%00%17%00%01%01%01%01%00%00%00%00%00%00%00%00%00%00%00%00%00%03%02%07%FF%C4%00%15%10%01%01%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%12%FF%C4%00%14%01%01%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%FF%C4%00%14%11%01%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%FF%DA%00%0C%03%01%00%02%11%03%11%00%3F%00%EF%B4%23%40%25B4%02T%23%400%00%3F%FF%D9") repeat-x 0 0;
 126         /* Webkit/Safari */
 127         background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
 128         /* Fx 3.6+ */
 129         background: -moz-linear-gradient(top,  #FFF,  #DDD);
 130         /* We could have this in IE with ('gradient') filters, but we will not... */
 131 }
 132
 133 /* Ugly hack: but Fx needs this to have INPUT elements the same height as A elements (?) */
 134 button, input.button, ul.button-bar li a,  x:-moz-any-link { padding: .35em 1em; }
 135
 136
 137 .large {
 138         font: bold 1em/2em Arial, Helvetica;
 139         padding: 0 1.5em;
 140     margin: 0.5em;
 141 }
 142
 143 .medium {
 144         font-size: 12px;
 145         padding: .4em 1.5em .42em;
 146 }
 147
 148 .small {
 149         font-size: 11px;
 150         padding: .2em 1em .275em;
 151 }
 152
 153 .extra_small {
 154         font-size: 10px;
 155         padding: .2em 1em .275em;
 156 }
 157
 158 .rounded {
 159         -webkit-border-radius: 1em; !important
 160         -moz-border-radius: 1em; !important
 161         border-radius: 1em; !important
 162 }
 163
 164 .button:hover
 165 {
 166         background-color: #ddd;
 167         background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
 168         background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
 169         background-image: -moz-linear-gradient(top, #fafafa, #ddd);
 170         background-image: -ms-linear-gradient(top, #fafafa, #ddd);
 171         background-image: -o-linear-gradient(top, #fafafa, #ddd);
 172         background-image: linear-gradient(top, #fafafa, #ddd);
 173         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
 174 }
 175
 176 .button:active
 177 {
 178         -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 179         -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 180         box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 181         position: relative;
 182         top: 1px;
 183 }
 184
 185 .button:focus
 186 {
 187         outline: 0;
 188         background: #fafafa;
 189 }