interface/themes/login.css

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