safeguard-devise 0.0.5 → 0.0.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +8 -8
  2. data/app/assets/images/token.svg +184 -0
  3. data/app/assets/stylesheets/devise_safeguard.css +182 -73
  4. data/app/assets/stylesheets/devise_safeguard.sass +151 -66
  5. data/app/views/devise/verify_safeguard.html.erb +9832 -16
  6. data/app/views/devise/verify_safeguard.html.haml +9827 -15
  7. data/config/locales/en.yml +1 -1
  8. data/config/locales/pt-BR.yml +1 -1
  9. data/safeguard-devise.gemspec +2 -1
  10. data/spec/safeguard-devise-test-app/Gemfile.lock +13 -13
  11. data/spec/safeguard-devise-test-app/app/assets/stylesheets/devise_safeguard.css +182 -73
  12. data/spec/safeguard-devise-test-app/app/views/devise/devise_safeguard/verify_safeguard.html.erb +9832 -16
  13. data/spec/safeguard-devise-test-app/config/locales/devise.safeguard.en.yml +1 -1
  14. data/spec/safeguard-devise-test-app/config/locales/devise.safeguard.pt-BR.yml +1 -1
  15. metadata +2 -1
checksums.yaml CHANGED
@@ -1,15 +1,15 @@
1
1
  ---
2
2
  !binary "U0hBMQ==":
3
3
  metadata.gz: !binary |-
4
- Njc3OTEyYmM4ZDczNzQxOTc5ODg4Y2ZlZTg0MjA2Zjg4OGYyNTgwYQ==
4
+ MTFhNTI4NzI0NmZmOWI4ZmMxZjJjMDQxODFmZDJmNTA1ZDZlNzMwNA==
5
5
  data.tar.gz: !binary |-
6
- YWI2ZjQ1YWY2ZmZiM2I3N2M3OGNhNzFiYTY2ZTllOGU1ODk3ZTQxNw==
6
+ MzhiZDYyMTBlYmQzMmNiNjlhZDA1Yzc3MWJhOTMzOTliMjQxY2IxYg==
7
7
  SHA512:
8
8
  metadata.gz: !binary |-
9
- MjVjY2U0NmE0YjgxZDRjZDQzMjQ1ZDM0ODhkZjI4ZDYzY2NiN2NkODQyNjA1
10
- NGFlMTU4YjkwYmFmYjljNGUyN2I5ODJjYWYzMTc0Njg1ZDNiNDAzNjc1YjUx
11
- NzQzOWIxN2I0ZTM2MTAxZDE1OWZlYWIxZGQ2Y2IyNGUyYTcyYzc=
9
+ YTU1YzM0YTY3MTJkNzRiM2Q4OTNhMmJlYzgzMGEyN2Y1NWE1NjI0MmYwOTIy
10
+ ZWQzNmJiOTIwZGUwMzkyOWM4OGMxMTM2NDI4NDdjZTg4ZmIyNzM4MTQ1YmRm
11
+ NTZkYjlhOTE1NmUyNzI0N2Q0M2I0OTA3NTA1M2Q0MzYzY2Q3ODM=
12
12
  data.tar.gz: !binary |-
13
- NzkyMGRjN2ExMGE2NjAwNjgzN2I3NzhhOTlhNWE3MmRmOWMxMjEzNjU5NWFh
14
- MmJiMzdjMzJiYmVkNGRlMDVlMWQ3Y2QzMWZhYzNiZTU0YzRjZDliOGZkMjFi
15
- MTIzYjk5ODFkYjQ2YTQ4ZWU0NTAwZjZmNTI0ZDIxMjVhNjMxZGU=
13
+ MTFhZWMyY2E0MjZmNzA0NDI4ZmE3MzUwYWViZjc0YjFiYWZjZjA4MmRkYzM3
14
+ NDM2ZGQxNTUzMjdhYjk2MzdhYjllYjYzNWZmYjdkZWVlODUwNjcyYzM4OWRi
15
+ NGZjMDVjM2I1ZWE3OWNkMjg0YjNiOTBkMTBkMWJjNmY3N2E1Y2Q=
data/app/assets/images/token.svg ADDED
@@ -0,0 +1,184 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+ <svg
5
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
6
+ xmlns:cc="http://creativecommons.org/ns#"
7
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8
+ xmlns:svg="http://www.w3.org/2000/svg"
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ xmlns:xlink="http://www.w3.org/1999/xlink"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
13
+ width="700.09003"
14
+ height="375"
15
+ id="svg2"
16
+ version="1.1"
17
+ inkscape:version="0.48.4 r9939"
18
+ sodipodi:docname="token.svg">
19
+ <defs
20
+ id="defs4">
21
+ <linearGradient
22
+ id="linearGradient3981">
23
+ <stop
24
+ style="stop-color:#dfdfdf;stop-opacity:1;"
25
+ offset="0"
26
+ id="stop3983" />
27
+ <stop
28
+ style="stop-color:#b0b0b0;stop-opacity:1;"
29
+ offset="1"
30
+ id="stop3985" />
31
+ </linearGradient>
32
+ <linearGradient
33
+ inkscape:collect="always"
34
+ xlink:href="#linearGradient3981"
35
+ id="linearGradient3987"
36
+ x1="144.45181"
37
+ y1="711.9408"
38
+ x2="141.42136"
39
+ y2="1238.2302"
40
+ gradientUnits="userSpaceOnUse" />
41
+ </defs>
42
+ <sodipodi:namedview
43
+ id="base"
44
+ pagecolor="#ffffff"
45
+ bordercolor="#666666"
46
+ borderopacity="1.0"
47
+ inkscape:pageopacity="0.0"
48
+ inkscape:pageshadow="2"
49
+ inkscape:zoom="0.98994949"
50
+ inkscape:cx="33.830352"
51
+ inkscape:cy="-47.41735"
52
+ inkscape:document-units="px"
53
+ inkscape:current-layer="layer1"
54
+ showgrid="false"
55
+ inkscape:window-width="1920"
56
+ inkscape:window-height="1056"
57
+ inkscape:window-x="0"
58
+ inkscape:window-y="24"
59
+ inkscape:window-maximized="1" />
60
+ <metadata
61
+ id="metadata7">
62
+ <rdf:RDF>
63
+ <cc:Work
64
+ rdf:about="">
65
+ <dc:format>image/svg+xml</dc:format>
66
+ <dc:type
67
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
68
+ </cc:Work>
69
+ </rdf:RDF>
70
+ </metadata>
71
+ <g
72
+ inkscape:label="Layer 1"
73
+ inkscape:groupmode="layer"
74
+ id="layer1"
75
+ transform="translate(0,-677.36218)">
76
+ <path
77
+ style="fill:url(#linearGradient3987);fill-opacity:1;stroke:#666666;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
78
+ d="m 692.3085,869.15625 c 0,0 1.34664,-112.34375 -31.15626,-112.34375 l -345.62499,0 c 0,0 -36.79312,-44.96526 -132,-51.53125 -41.65301,-2.87262 -65.88628,-3.72375 -80,-3.78125 -18.146214,-0.0739 -19.531254,1.1875 -19.531254,1.1875 0,0 -55.092246,1.25647 -67.006696,100.86384 -4.1366,34.58282 -4.6406,65.50446 -4.46875,67.46875 m 0,-1.41546 c -0.149529,-1.23884 0.376792,32.47098 4.513392,67.0538 11.91445,99.60747 66.962054,98.99787 66.962054,98.99787 0,0 4.32438,3.9409 99.531254,-2.625 95.20688,-6.566 132,-51.53135 132,-51.53135 l 345.62499,0 c 32.5029,0 31.15626,-112.3125 31.15626,-112.3125"
79
+ id="path2996"
80
+ inkscape:connector-curvature="0"
81
+ sodipodi:nodetypes="cscsscsccscscsc" />
82
+ <path
83
+ inkscape:connector-curvature="0"
84
+ style="fill:#ececec;fill-opacity:1;stroke:none"
85
+ d="m 170.04834,750.625 c -65.55229,0 -118.687504,53.13521 -118.687504,118.6875 0,65.55228 53.135214,118.6875 118.687504,118.6875 46.36625,0 86.52801,-26.58423 106.0625,-65.34375 -6.36455,-32.38023 -8.79049,-66.72976 0,-106.6875 C 256.57635,777.20922 216.41459,750.625 170.04834,750.625 z"
86
+ id="path3003"
87
+ sodipodi:nodetypes="sssccs" />
88
+ <path
89
+ style="fill:#9ea1a0;fill-opacity:1;stroke:none"
90
+ d="m 342.0012,825.65601 c 0,0 -8.11664,49.88772 -0.25002,92.74882 69.76269,0 293.82882,1.50811 293.82882,1.50811 0,0 8.72629,-47.62102 0,-95.76504 -74.01079,0 -293.5788,1.50811 -293.5788,1.50811 z"
91
+ id="path3045"
92
+ inkscape:connector-curvature="0"
93
+ sodipodi:nodetypes="ccccc" />
94
+ <g
95
+ style="fill-rule:evenodd"
96
+ id="Layer_x0020_1"
97
+ transform="matrix(1.7235776,0,0,1.7235776,81.324356,764.18226)">
98
+ <metadata
99
+ id="CorelCorpID_0Corel-Layer" />
100
+ <g
101
+ id="_284141760">
102
+ <path
103
+ id="_284140344"
104
+ class="fil0"
105
+ d="m 17.0101,100.321 c 0,-0.7522 -0.0819,-1.0663 -0.1503,-1.2005 -0.1024,-0.1963 -0.2425,-0.3612 -0.4274,-0.502 -0.2052,-0.1547 -0.5621,-0.3767 -1.0611,-0.659 L 13.0405,96.706 C 12.7034,96.5008 12.473,96.3418 12.3249,96.212 12.1275,96.0398 12.0317,95.7504 12.0317,95.3249 l 0,-3.0471 c 0,-0.8775 0.4652,-1.3613 1.3102,-1.3613 l 0.386,-3e-4 c 0.8618,0 1.3372,0.4838 1.3372,1.3614 l 0,1.354 1.9457,0 0,-1.5335 c 0,-1.9464 -0.8812,-2.8942 -2.6931,-2.8942 l -1.5401,2e-4 c -1.8122,0 -2.6925,0.9474 -2.6925,2.8942 l 0,3.765 c 0,0.4478 0.0464,0.8106 0.139,1.0809 0.0878,0.2563 0.2238,0.4567 0.4201,0.615 0.2161,0.1763 0.5778,0.3985 1.0748,0.6637 l 2.3405,1.3102 c 0.3237,0.1963 0.5609,0.3612 0.7113,0.4904 0.1979,0.1722 0.2943,0.4633 0.2943,0.8878 l 0,3.1242 c 0,0.8618 -0.4388,1.3372 -1.2337,1.3372 l -0.437,0 c -0.8787,0 -1.362,-0.4754 -1.362,-1.3372 l 0,-0.7397 -1.9468,0 0,0.6637 c 0,2.1015 0.8798,3.1223 2.6924,3.1223 l 1.5156,0 c 1.829,0 2.7179,-0.928 2.7179,-2.8405 l 0,-3.9203 -0.0014,0 z"
106
+ inkscape:connector-curvature="0"
107
+ style="fill:#2c2c2c" />
108
+ <polygon
109
+ id="_284136480"
110
+ class="fil0"
111
+ points="36.3866,89.2042 36.3866,107.082 41.9773,107.082 41.9773,105.372 38.3327,105.372 38.3327,98.7305 41.567,98.7305 41.567,97.0189 38.3327,97.0189 38.3327,90.9163 41.9773,90.9163 41.9773,89.2042 "
112
+ style="fill:#2c2c2c" />
113
+ <path
114
+ id="_284141520"
115
+ class="fil0"
116
+ d="m 26.4288,107.082 0,-14.9835 c 0,-1.9463 -0.8812,-2.8942 -2.6938,-2.8942 l -1.8488,0 c -1.8104,0 -2.6924,0.9474 -2.6924,2.8942 l 0,14.9835 1.9468,0 0,-6.7385 3.3411,0 0,6.7385 1.9471,0 z m -5.2882,-8.449 0,-6.3816 c 0,-0.8623 0.4742,-1.3354 1.3372,-1.3354 l 0.6667,0 c 0.8619,0 1.3372,0.4731 1.3372,1.3354 l 0,6.3816 -3.3411,0 z"
117
+ inkscape:connector-curvature="0"
118
+ style="fill:#2c2c2c" />
119
+ <polygon
120
+ id="_284141640"
121
+ class="fil0"
122
+ points="28.8679,107.082 30.8149,107.082 30.8149,98.7305 34.0485,98.7305 34.0485,97.0189 30.8149,97.0189 30.8149,90.9163 34.4595,90.9163 34.4595,89.2042 28.8679,89.2042 "
123
+ style="fill:#2c2c2c" />
124
+ </g>
125
+ <g
126
+ id="_284138880">
127
+ <path
128
+ id="_284141880"
129
+ class="fil1"
130
+ d="m 48.7424,89.2042 -1.6934,0 c -1.7435,0 -2.5908,0.9474 -2.5908,2.8942 l 0,12.1437 c 0,1.9125 0.8473,2.8405 2.5908,2.8405 l 4.566,0 0,-8.449 -3.2294,0 0,1.7103 1.2826,0 0,5.0289 -1.9266,0 c -0.5006,0 -1.3372,-0.207 -1.3372,-1.5925 l 0,-11.2733 c 0,-1.3855 0.8366,-1.5907 1.3372,-1.5907 l 0.6151,0 c 0.4892,0 1.3113,0.2052 1.3113,1.5907 l 0,1.3811 1.947,2e-4 0,-1.7391 c 0,-1.9821 -0.9394,-2.945 -2.8726,-2.945 z"
131
+ inkscape:connector-curvature="0"
132
+ style="fill:#686868" />
133
+ <path
134
+ id="_284141856"
135
+ class="fil1"
136
+ d="m 59.4187,103.907 c 0,1.274 -0.7883,1.466 -1.2583,1.466 l -1.0019,0 c -0.8619,0 -1.3373,-0.52 -1.3373,-1.466 l 0,-14.7026 -1.9452,0 0,14.6273 c 0,2.1871 0.8798,3.2504 2.6924,3.2504 l 2.0795,0 c 1.8301,0 2.719,-1.0549 2.719,-3.2244 l 0,-14.6533 -1.9475,0 0,14.7026 -7e-4,0 z"
137
+ inkscape:connector-curvature="0"
138
+ style="fill:#686868" />
139
+ <path
140
+ id="_284142000"
141
+ class="fil1"
142
+ d="m 86.951,89.2042 -4.0267,0 0,17.8777 4.5412,0 c 1.8374,0 2.6943,-0.7649 2.6943,-2.4054 l 0,-12.1959 c 2e-4,-2.2039 -1.0513,-3.2764 -3.2088,-3.2764 z m 1.2619,15.087 c 0,0.4038 -0.1612,1.0809 -1.2344,1.0809 l -2.1085,0 0,-14.4565 1.9782,3e-4 c 0.5104,0 1.365,0.2051 1.365,1.5906 l -3e-4,11.7847 z"
143
+ inkscape:connector-curvature="0"
144
+ style="fill:#686868" />
145
+ <path
146
+ id="_284142144"
147
+ class="fil1"
148
+ d="m 79.306,99.4436 c 0.8787,-0.3846 1.3066,-1.3047 1.3066,-2.813 l 0,-4.5324 c 0,-1.9464 -0.8384,-2.8942 -2.5651,-2.8942 l -4.5676,2e-4 0,17.8777 1.9475,0 0,-7.4295 1.9546,0 1.6188,7.4295 1.8038,0 -1.696,-7.5528 0.1974,-0.0855 z m -0.6398,-2.9645 c 0,1.383 -0.8534,1.5899 -1.3632,1.5899 l -1.8751,0 0,-7.1527 1.8754,0 c 0.5097,0 1.3631,0.2052 1.3631,1.5907 l -2e-4,3.9721 z"
149
+ inkscape:connector-curvature="0"
150
+ style="fill:#686868" />
151
+ <path
152
+ id="_284143272"
153
+ class="fil1"
154
+ d="m 68.3468,89.2042 -1.8463,0 c -1.8126,0 -2.6938,0.9474 -2.6938,2.8942 l 0,14.9835 1.9457,0 0,-6.7385 3.3414,0 0,6.7385 1.9475,0 0,-14.9835 c 4e-4,-1.9468 -0.8817,-2.8942 -2.6945,-2.8942 z m 0.7474,9.4287 -3.3411,0 0,-6.3816 c 0,-0.8623 0.4753,-1.3354 1.3379,-1.3354 l 0.666,0 c 0.8636,0 1.3372,0.4731 1.3372,1.3354 l 0,6.3816 z"
155
+ inkscape:connector-curvature="0"
156
+ style="fill:#686868" />
157
+ </g>
158
+ <path
159
+ class="fil2"
160
+ d="m 76.6466,78.5923 c -8.1342,0 -30.726,0 -38.9,0 -1.2458,0 -2.1132,-0.8907 -2.1132,-0.8907 0,0 -0.9664,-0.8166 -1.0513,-1.7954 -0.1685,-1.9427 -0.6391,-7.6083 -0.6391,-7.6083 l 35.9078,2e-4 1.4739,-25.9223 -29.6626,0 -0.3474,-9.7146 40.0098,0.0205 c 0,0 1.0407,-0.0669 1.6207,0.414 0.5579,0.4597 0.4447,1.4312 0.4447,1.4312 l -3.593,41.3796 c -0.1353,1.1598 -0.8402,1.8422 -0.8402,1.8422 0,0 -0.8014,0.8436 -2.3101,0.8436 z"
161
+ id="path21"
162
+ inkscape:connector-curvature="0"
163
+ style="fill:#f64444" />
164
+ <path
165
+ class="fil3"
166
+ d="m 22.0884,14.065 c 9.8199,0 37.7366,0 47.6059,0 2.3307,0 3.1241,0.6842 3.1241,0.6842 0,0 0.8842,0.6019 0.7336,2.5307 -0.2015,2.5856 -0.6428,7.1202 -0.6428,7.1202 l -42.1743,0 1.5815,25.9523 29.8521,0 -0.2925,9.7292 -36.9123,0.0211 c 0,0 -1.478,0.0469 -2.0023,-0.4754 -0.8593,-0.86 -0.8593,-2.3856 -0.8593,-2.3856 0,0 -3.7035,-37.9731 -3.8746,-39.9615 -0.1053,-1.2019 1.0051,-2.3104 1.0051,-2.3104 0,0 0.8253,-0.9048 2.8558,-0.9048 z"
167
+ id="path23"
168
+ inkscape:connector-curvature="0"
169
+ style="fill:#005597" />
170
+ </g>
171
+ <path
172
+ style="fill:#333333;stroke:#333333;opacity:0.44444444"
173
+ d="m 342.1651,825.83547 c 0,0 -7.02069,43.43656 -0.75222,92.93404 -0.25074,-61.87185 0.75222,-92.93404 0.75222,-92.93404 z"
174
+ id="path4039"
175
+ inkscape:connector-curvature="0"
176
+ sodipodi:nodetypes="ccc" />
177
+ <path
178
+ sodipodi:nodetypes="ccc"
179
+ inkscape:connector-curvature="0"
180
+ id="path4041"
181
+ d="m 635.33371,824.22832 c 0,0 8.27068,45.40085 0.21651,95.0769 0.25074,-61.87185 -0.21651,-95.0769 -0.21651,-95.0769 z"
182
+ style="fill:#333333;stroke:#333333;opacity:0.44444444" />
183
+ </g>
184
+ </svg>
data/app/assets/stylesheets/devise_safeguard.css CHANGED
@@ -1,82 +1,191 @@
1
- #safeguard-form-token{
2
- width: 312px;
1
+ #safeguard-lean-overlay{
2
+ position: fixed;
3
+ z-index:100;
4
+ top: 0px;
5
+ left: 0px;
6
+ height:100%;
7
+ width:100%;
8
+ background: #000;
9
+ opacity: 0.5;
10
+ }
11
+
12
+ .hidden_field{
13
+ display: none;
14
+ }
15
+
16
+ .safeguard-form .form{
17
+ font-family: 'Open Sans',sans-serif;
3
18
  font-size: 15px;
4
- position: relative;
19
+ position: fixed;
20
+ z-index: 11000;
5
21
  left: 50%;
6
- margin-left: -166px;
7
- margin-top: 100px;
8
- font-family: 'OpenSansRegular', sans-serif;
9
- }
10
-
11
- #safeguard-form-token .devise-logo-safeguard{
12
- background: url("devise_logo_safeguard.png") no-repeat;
13
- position: relative;
14
- float: left;
15
- height: 65px;
16
- width: 100%;
17
- text-align: center;
18
- left: 37px;
19
- }
20
-
21
- #safeguard-form-token form{
22
- background: none repeat scroll 0 0 #FBFBFB;
23
- border: 1px solid #E5E5E5;
22
+ width: 400px;
23
+ margin-left: -223px;
24
+ top: 50%;
25
+ border: 1px solid rgba(71, 71, 71, 1);
24
26
  font-weight: normal;
25
- height: 160px;
26
- margin-left: 8px;
27
- padding: 26px 24px 46px;
28
- }
29
-
30
- #safeguard-form-token #safeguard-token{
31
- width: 235px;
32
- padding: 4px 5px 5px 5px;
33
- height: 16px;
34
- color: #333333;
35
- margin: 5px;
36
- outline: none;
37
- height: 28px;
38
- border: 1px solid #c8c8c8;
39
- padding: 0px 7px 0px 7px;
40
- color: #555;
41
- -webkit-box-shadow: 0px 1px 0px 0px #fff;
42
- -moz-box-shadow: 0px 1px 0px 0px #fff;
43
- box-shadow: 0px 1px 0px 0px #fff;
44
- -webkit-border-radius: 4px;
45
- -moz-border-radius: 4px;
27
+ padding: 10px 10px 10px;
28
+ border-radius: 8px;
29
+ box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.5);
30
+ background: #348eda;
31
+ margin-top: -180px;
32
+ overflow: hidden;
33
+ }
34
+
35
+ .safeguard-form-button{
36
+ width: auto !important;
37
+ cursor: pointer !important;
38
+ display: inline-block;
39
+ text-align: center;
40
+ font-size: 15px;
41
+ padding: 0 30px;
42
+ border: 1px solid rgba(0, 0, 0, 0.33);
43
+ color: #fff;
44
+ margin-right: 0px;
45
+ box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.33);
46
+ font-weight: 300;
46
47
  border-radius: 4px;
47
- -moz-background-clip: padding;
48
- -webkit-background-clip: padding-box;
49
- background-clip: padding-box;
50
- background: #fff;
51
- }
52
-
53
- #safeguard-form-token .button{
54
- width: 250px;
55
- padding: 4px 5px 5px 5px;
56
- height: 16px;
57
- color: #333333;
58
- margin: 5px;
48
+ height: auto;
49
+ background: rgba(16, 87, 177, 0.7);
50
+ position: relative;
51
+ top: 2px;
52
+ text-transform: uppercase;
53
+ font-weight: bold;
54
+ height: 63px;
55
+ }
56
+
57
+ .safeguard-form-button:hover{
58
+ background: rgba(16, 87, 177, 1);
59
+ }
60
+
61
+ .token-serial_number{
62
+ font-size: 18px;
63
+ font-weight: bold;
64
+
65
+ color: #fff;
66
+ }
67
+
68
+ .safeguard-form form div{
69
+ position: relative;
70
+ float: left;
71
+ padding: 5px;
72
+ }
73
+
74
+ .token-types{
75
+ width: 90%;
76
+
77
+ float: none !important;
78
+ overflow: hidden;
79
+
80
+ top: 5px;
81
+
82
+ margin: 0 auto;
83
+ }
84
+
85
+ .token-types input{
86
+ position: absolute;
87
+ margin-left: -19px;
88
+ margin-top: 6px;
89
+ }
90
+
91
+ .safeguard-form form div.token-types div{
92
+ width: 50%;
93
+ padding: 11px 10px !important;
94
+ margin: 0;
95
+ text-align: center;
96
+ background: rgba(0, 0, 0, 0.67);
97
+ box-sizing: border-box;
98
+ color: #fff;
99
+ font-size: 13px;
100
+ cursor: pointer;
101
+ }
102
+
103
+
104
+ .safeguard-form form div.token-types div.token-type.normal{
105
+ float: left;
106
+ border-radius: 5px 0px 0px 5px;
107
+ border-right: 1px solid rgba(0, 0, 0, 0.44);
108
+ }
109
+
110
+ .safeguard-form form div.token-types div.token-type.normal.checked{
111
+ background: rgba(0, 0, 0, 0.8);
112
+ box-shadow: inset -4px 0px 4px rgba(0, 0, 0, 0.25);
113
+ }
114
+
115
+ .safeguard-form form div.token-types div.token-type.smartphone{
116
+ float: right;
117
+ border-radius: 0px 5px 5px 0px;
118
+ }
119
+
120
+ .safeguard-form form div.token-types div.token-type.smartphone.checked{
121
+ background: rgba(0, 0, 0, 0.8);
122
+ box-shadow: inset 4px 0px 4px rgba(0, 0, 0, 0.25);
123
+ }
124
+
125
+ .safeguard-form form div.token-code{
126
+ background: url("/assets/token.svg") no-repeat center;
127
+ width: 54%;
128
+ height: 97px;
129
+ background-size: 200px;
130
+ margin-top: -16px;
131
+ margin-bottom: 8px;
132
+ }
133
+
134
+ .safeguard-form form div.token-message:before{
135
+ content: '';
136
+
137
+ position: absolute;
138
+ width: 450px;
139
+ height: 500px;
140
+ background: rgba(255, 255, 255, 1);
141
+ left: -25px;
142
+ top: 40px;
143
+ /* border: 1px solid rgba(0, 0, 0, 0.38); */
144
+ border-left: none;
145
+ border-right: none;
146
+ }
147
+
148
+ .safeguard-form form .token-message{
149
+ position: relative;
150
+ float: left;
151
+
152
+ text-align: center;
153
+
154
+ position: absolute;
155
+ width: 98%;
156
+ background: rgba(52, 142, 218, 0.72);
157
+ top: 10px;
158
+ font-size: 15px;
159
+ line-height: 11px;
160
+ padding: 10px 0 29px;
161
+ color: rgba(0, 0, 0, 0.8);
162
+ }
163
+
164
+ .safeguard-form-input{
165
+ width: 100px;
59
166
  outline: none;
60
- height: 28px;
61
- border: 1px solid #c8c8c8;
62
- padding: 0px 7px 0px 7px;
167
+ height: 35px;
168
+ text-align:center;
169
+ font-family: sans-serif;
170
+ padding: 2px 6px 2px 6px;
63
171
  color: #555;
64
- -webkit-box-shadow: 0px 1px 0px 0px #fff;
65
- -moz-box-shadow: 0px 1px 0px 0px #fff;
66
- box-shadow: 0px 1px 0px 0px #fff;
67
- -webkit-border-radius: 4px;
68
- -moz-border-radius: 4px;
69
172
  border-radius: 4px;
70
- -moz-background-clip: padding;
71
- -webkit-background-clip: padding-box;
72
- background-clip: padding-box;
73
- background: #fff;
74
- }
75
-
76
- #safeguard-form-token .token-type{
77
- font-size: 14px;
173
+ background: rgba(0, 0, 0, 0);
174
+ font-size: 17px;
175
+
176
+ position: absolute;
177
+ top: 39px;
178
+ left: 103px;
179
+ border: none;
180
+ }
181
+
182
+ .logo-safeguard{
183
+ background: url("#{APP_CONFIG["server_url"]}/assets/blue-logo.svg") no-repeat 0px 0px;
78
184
  position: relative;
79
185
  float: left;
80
- padding-right: 20px;
81
- padding-bottom: 20px;
82
- }
186
+ height: 75px;
187
+ width: 100%;
188
+ text-align: center;
189
+
190
+ background-size: 30px;
191
+ }