source: trunk/grails-app/views/login/auth.gsp @ 519

Last change on this file since 519 was 221, checked in by gav, 15 years ago

CSS improvements, add images to login and search buttons.

File size: 3.4 KB
Line 
1<head>
2<meta name='layout' content='main' />
3<title>Login</title>
4<style type='text/css' media='screen'>
5#login {
6    margin:15px 0px; padding:0px;
7    text-align:center;
8}
9#login .inner {
10    width:260px;
11    margin:0px auto;
12    text-align:left;
13    padding:10px;
14/*      border-top:1px dashed #499ede;
15    border-bottom:1px dashed #499ede;*/
16/*      background-color:#EEF;*/
17}
18#login .inner .fheader {
19    padding:4px;margin:3px 0px 3px 0;color:#2e3741;font-size:14px;font-weight:bold;
20}
21#login .inner .cssform p {
22    clear: left;
23    margin: 0;
24    padding: 5px 0 0 0;
25    padding-left: 105px;
26/*      border-top: 1px dashed gray;*/
27    margin-bottom: 10px;
28    height: 1%;
29}
30#login .loginButton {
31    float: left;
32    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
33    border: 1px solid #ccc;
34    border-color: #ccc #aaa #aaa #ccc;
35    margin: 0;
36}
37#login .inner .cssform input[type='text'] {
38    width: 120px;
39}
40#login .inner .cssform input[type='submit'] {
41    background: transparent url(../images/skin/key_go.png) 5px 50% no-repeat;
42    padding-left: 28px;
43    border: none;
44    cursor: pointer;
45    margin: 0;
46    overflow: hidden;
47}
48#login .inner .cssform input[type='submit']:link {
49}
50#login .inner .cssform input[type='submit']:visited {
51}
52#login .inner .cssform input[type='submit']:hover {
53    /*background: #bfdaff;*/
54}
55#login .inner .cssform input[type='submit']:focus {
56}
57#login .inner .cssform label {
58    font-weight: bold;
59    float: left;
60    margin-left: -105px;
61    width: 100px;
62    padding: 5px 0 0 0;
63}
64#login .inner .login_message {color:red;}
65#login .inner .text_ {width:120px;}
66#login .inner .chk {height:12px;}
67</style>
68</head>
69
70<body>
71    <div id='login'>
72        <h1>Welcome to gnuMims please log in</h1>
73
74        <g:if env="development">
75        The demo users are <b>user</b>, <b>manager</b> and  <b>admin</b> all having the password: <b>pass</b>
76        </g:if>
77
78        <div class='inner'>
79            <g:if test='${flash.message}'>
80            <div class='login_message'>${flash.message}</div>
81            </g:if>
82            <div class='fheader'></div>
83            <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
84                <p>
85                    <label for='j_username'>Login ID</label>
86
87                    <g:if env="production">
88                        <input type='text' class='text_' name='j_username' id='j_username'/>
89                    </g:if>
90                    <g:else >
91                        <input type='text' class='text_' name='j_username' id='j_username' value='manager'  />
92                    </g:else >
93
94                </p>
95                <p>
96                    <label for='j_password'>Password</label>
97
98                    <g:if env="production">
99                        <input type='password' class='text_' name='j_password' id='j_password' />
100                    </g:if>
101                    <g:else >
102                        <input type='password' class='text_' name='j_password' id='j_password' value="pass" />
103                    </g:else >
104                </p>
105
106                <p>
107                    <span class="loginButton">
108                        <input type='submit' value='Login' />
109                    </span>
110                </p>
111            </form>
112        </div>
113    </div>
114<script type='text/javascript'>
115<!--
116(function(){
117    document.forms['loginForm'].elements['j_username'].focus();
118})();
119// -->
120</script>
121</body>
Note: See TracBrowser for help on using the repository browser.