UserGuide/BasicConfiguration/LoginPanelImage: login_page.html

Plik login_page.html, 7.0 KB (dodany przez MK, 8 years temu)
xx

przykładowy szablon strony logowania

Line 
1    <style type="text/css">
2        BODY {
3            font-family: Calibri, sans-serif, Arial;
4            font-size: 16px;
5            color: #000;
6            margin: 0;
7            padding: 0;
8            user-select: none;
9            -moz-user-select: -moz-none;
10            -webkit-user-select: none;
11        }
12        .tab1 {
13            margin: 10px 0 0 8px;
14            text-shadow: 1px 1px #fff;
15        }
16        .tsel {
17            user-select: text;
18            -moz-user-select: text;
19            -webkit-user-select: text;
20        }
21        SPAN {
22            user-select: text;
23            -moz-user-select: text;
24            -webkit-user-select: text;
25        }
26        .lab {
27            color: #999;
28            padding-right: 10px;
29            text-align: right;
30            font-weight: bold;
31            font-size: 13px;
32        }
33        A {
34        }
35        A:link {
36            text-decoration: none;
37        }
38        A:visited {
39            text-decoration: none;
40        }
41        A:hover {
42            text-decoration: underline;
43        }
44        A.actb1 {
45            float: left;
46            margin: 8px 8px 0 0;
47            border-radius: 3px;
48            -moz-border-radius: 3px;
49            -webkit-border-radius: 3px;
50            border: 1px solid #ccc;
51            background-color: #f5f5f5;
52            font-size: 14px;
53        }
54        A.actb1:link {
55            cursor: pointer;
56            color: #555555;
57            text-decoration: none;
58        }
59        A.actb1:visited {
60            cursor: pointer;
61            color: #555555;
62            text-decoration: none;
63        }
64        A.actb1:hover {
65            color: #555555;
66            background-color:#eaf1ff;
67            border:1px solid #b3ccdf;
68        }
69        A.actb1 DIV {
70            margin: 4px 8px 4px 8px;
71        }
72        A.actb1 .im {
73            padding: 0px 2px 0px 22px;
74        }
75        .im1 {
76            background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAflJREFUKM9jZCARcMxmY2fjZmdmIkEPI0Mno46UkMBuVibmr8xEafFh4GRL545xNlSeoSuvoP/szdcDLAwyDMwMTxj+4tSUySbPpyVYFWmpFqsgKsS5/tTNCw+uPE1hkJiktImzRbYcq6YUPmeZ2Sqnu+75/1/wMvy/9Ur9GwyVvCYMDAwMDFqz9L/57bd6z5ArmQVTz+Klw8GQJdlks9bkzYrX6f+3fEr9b7/C9CFDkaQjTA0zq4GIsLeFlqO0qJDlZY4vN5n4VN+wm3zbGB2oHVXm6MDDxvqfoWfb+ff7970pYpjyaDNcI5uR1BOGv+xZOd5OnA/fv/f7LfqtoDzaWi1Cx4r5w6/3DJN2n/uyY8ObJob5t2Yj+4L5r5zkh7///iqpK4rpuRtrsVroSLAZi6kxPPvxlGHRoYu/dq75OOvPkov16N5nZhHS+M/K9f/vb9ZvERZacgwCLDz/n/x8xLj+6A2GnWu/Lvqy+HgmtnBj/vvoAQOboO57Js4/1pwyn2X/cr9l2HHoKePJrX+Wspznyfz08uZvrBoZGBgYuL9Z/GQTZeD9J/TR/dHzz4xXtrNt/HGLM+fxqXUfcEUvMwMDA8O3r5f+SciYff/ylsXvzTXO6z8fcqXd3b/8Cb7ExAI34Q/zpd+fWJX/fWf+f2PPgp+EUiEAqaG83L/wIr0AAAAASUVORK5CYII=') center left no-repeat;
77        }
78        .bg1 {
79            background-repeat: repeat-x;
80            background-color: #ffffff;
81            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC4CAYAAAAi0IY0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wGBQoRORD9XagAAAB+SURBVCjPrZPBDoAwCENL/f/v9OzFm+DBOYzpFky8kLQsAR4M67YHaQABgB7AQw69DGYGRoROAGjZlH8HCs97wkdPXk3mHOm5e5P/dE+7cSpviHhOXC1AtTsvnvJT8cUMPDq1AvH5HAV+eZPKq0KshtdZKOzX5EWS6szE/zgBEDdEZ565cUYAAAAASUVORK5CYII=');
82            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0e5ff), to(#ffffff));
83            background-image: -webkit-linear-gradient(top, #d0e5ff, #ffffff);
84            background-image:    -moz-linear-gradient(top, #d0e5ff, #ffffff);
85            background-image:     -ms-linear-gradient(top, #d0e5ff, #ffffff);
86            background-image:      -o-linear-gradient(top, #d0e5ff, #ffffff);
87        }
88        .ctx {
89            border: 1px solid #a6a8aa;
90            border-radius: 5px;
91            -moz-border-radius: 5px;
92            -webkit-border-radius: 5px;
93            background-color: #f4f6f8;
94            background-repeat: repeat-x;
95            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfeff), to(#e4e6e8));
96            background: -webkit-linear-gradient(top, #fdfeff, #e4e6e8);
97            background: -moz-linear-gradient(top, #fdfeff, #e4e6e8);
98            background: -ms-linear-gradient(top, #fdfeff, #e4e6e8);
99            background: -o-linear-gradient(top, #fdfeff, #e4e6e8);
100        }
101        #mxgb {
102            position: absolute;
103            top: 50%;
104            left: 50%;
105            margin: 0px 0 0 -260px;
106            width: 480px;
107            z-index: 10;
108        }
109        input {
110            height: 30px !important;
111            font-size: 16px !important;
112            border: 1px solid #aaa !important;
113        }
114        button {
115            height: 34px !important;
116            font-size: 16px !important;
117            padding: 6px 20px 6px 20px !important;
118            color: #677 !important;
119            border-color: #abc;
120            background: #eee !important;
121            box-shadow: none !important;
122        }
123    </style>
124<table align="center" cellpadding=0 cellspacing=0 border=0 style="text-align:center; width:100%; height:100%;">
125    <tr>
126    <td style="text-align:center; vertical-align:bottom; font-size:20px;">
127    <div>{entityName}</div>
128    </td>
129    </tr>
130    <tr>
131    <td width="100%" style="text-align:center; vertical-align:top;">
132        <table align="center" class="tab1" cellpadding=0 cellspacing=0 border=0 style="display:inline-block; font-size:16px; text-align:left; border-left:1px solid #abc; color:#567;">
133            <tr><td rowspan=6 style="width:20px; border-left:1px solid #def"></td><td></td></tr>
134            <tr>
135            <td style="padding-top:40px;">
136                Nazwa użytkownika
137            </td>
138            </tr>
139            <tr>
140            <td style="padding-top:6px;">
141                {usernameInput:h}
142            </td>
143            </tr>
144            <tr>
145            <td style="padding-top:20px;">
146                Hasło
147            </td>
148            </tr>
149            <tr>
150            <td style="padding-top:6px;">
151                {passwordInput:h}
152            </td>
153            </tr>
154            <tr>
155            <td style="padding:40px 0 20px 0; text-align:center;">
156                {loginButton:h}
157            </td>
158            </tr>
159        </table>
160    </td>
161    </tr>
162    <tr>
163    <td width="100%" style="text-align:center; vertical-align:bottom; padding:16px 0 0 0; height:50px;">
164        <table align="center" cellpadding=0 cellspacing=0 border=0 style="font-size:11px; display:inline-block;">
165            <tr><td style="font-size:18px; text-align:center;">
166                <b><a href="http://www.edokumenty.eu" target="_blank" style="color:#444444;">eDokumenty</a></b>
167            </td></tr>
168            <tr><td style=" color:#888888; padding:10px 0 8px 0; text-align:center;">
169                Copyright &copy; {date(#Y#)} <a href="http://www.edokumenty.eu" target="_blank" style="color:#888888;">eDokumenty Sp. z o.o.</a> &bull; Wszelkie prawa zastrzeżone.
170            </td></tr>
171        </table>
172    </td>
173    </tr>
174</table>