1
|
/**
|
2
|
* Login Module v1.0
|
3
|
*
|
4
|
* Ajax Login Module is a simple AJAX login page that is very easy to
|
5
|
* plug into your existing php application with no need for further configuration and coding.
|
6
|
*
|
7
|
* Redistributions of files must retain the above copyright notice.
|
8
|
*
|
9
|
* @copyright Copyright 2009, Christopher M. Natan
|
10
|
* @link http://phpstring.co.cc/phpclasses/modules/ajax-login-module/
|
11
|
* @version $Revision: 1708 $
|
12
|
* @modifiedby $LastChangedBy: Luisehahne $
|
13
|
* @lastmodified $Date: 2012-08-29 13:25:04 +0200 (Wed, 29 Aug 2012) $
|
14
|
*
|
15
|
*/
|
16
|
* html div{ height :0.1em; }
|
17
|
html{ color :#330033; font-family :Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size :90%; font-weight :normal; overflow :scroll; }
|
18
|
body{ margin :0px auto; padding :0px; background :#a8bccb; text-align :left; }
|
19
|
a:link { color :#002951; font-weight :bold; text-decoration :none; }
|
20
|
a:visited, a:active { color : #003366; font-weight :bold; text-decoration :none; }
|
21
|
a:hover { color :#0099ff; }
|
22
|
h1 { font-size :1.5em; }
|
23
|
h1, h3, h4 { margin :0.5em auto; padding-bottom :5px; display :block; color :#003366; font-weight :bold; }
|
24
|
h3 { font-size :1.2em; }
|
25
|
h4 { font-size :1.0em; }
|
26
|
hr { margin : 0em auto; color : #003366; }
|
27
|
|
28
|
img { border :none; padding :1.5em 0; }
|
29
|
input.text { width :224px; }
|
30
|
li p { margin :0.5em 0; }
|
31
|
ul, li { margin :0; padding :0; list-style :none; }
|
32
|
div.bottomdiv {
|
33
|
border-left :1px solid #003366;
|
34
|
border-right :1px solid #003366;
|
35
|
border-bottom :1px solid #003366;
|
36
|
padding :10px;
|
37
|
background-color :#eff2f6;
|
38
|
color :#330033;
|
39
|
background-repeat :repeat-x;
|
40
|
text-align :center;
|
41
|
-webkit-border-bottom-left-radius :8px;
|
42
|
-webkit-border-bottom-right-radius :8px;
|
43
|
-moz-border-radius-bottomleft :8px;
|
44
|
-moz-border-radius-bottomright :8px;
|
45
|
border-bottom-right-radius :8px;
|
46
|
}
|
47
|
div.topdiv {
|
48
|
border-left : 1px solid #003366;
|
49
|
border-right :1px solid #003366;
|
50
|
border-top :1px solid #003366;
|
51
|
padding :10px;
|
52
|
background-color : #a8bccb;
|
53
|
background-image :url(../images/menu.png);
|
54
|
background-position : center top;
|
55
|
background-repeat :repeat-x;
|
56
|
color :#fff;
|
57
|
font-weight :bold;
|
58
|
-webkit-border-top-left-radius :8px;
|
59
|
-webkit-border-top-right-radius :8px;
|
60
|
-moz-border-radius-topleft :8px;
|
61
|
-moz-border-radius-topright :8px;
|
62
|
border-top-left-radius :8px;
|
63
|
border-top-right-radius :8px;
|
64
|
}
|
65
|
.clear { clear :both; }
|
66
|
.container { width :459px; margin :8em auto; color :#666666; font-family :Arial, Helvetica, sans-serif; font-size :1em; height :370px; }
|
67
|
.field { width :260px; float :right; height :20px; }
|
68
|
.invalid_message { width :100%; clear :both; padding-top :5px; color :#990000; font-size :1em; text-align :center; height :auto; }
|
69
|
.label { width :170px; float :left; color :#333333; font-size :1em; font-weight :bold; }
|
70
|
.label { padding-left :10px; height :20px; }
|
71
|
.label,.field { margin-top :5px; margin-bottom :5px; text-align :left; }
|
72
|
.shadow { -moz-box-shadow :5px 5px 10px #000030; /* Firefox */ -webkit-box-shadow :5px 5px 10px #000030; /* Safari and Chrome */ -khtml-box-shadow :5px 5px 10px #000030; /* Konqueror and else */ box-shadow :5px 5px 10px #000030; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ }
|
73
|
.smaller { font-size :0.8em; }
|
74
|
.spacer { line-height :1em; }
|