← All changes | assets/public/passster-public.css +165 -72 3.5.5.8 → 4.3.17 View file →

		@@ -1,99 +1,157 @@
1	1	.passster-form {
2		- background:#F9F9F9;
3		- padding:55px;
4		- margin:0px auto !important;
	2	+ display: block;
	3	+ position: relative;
	4	+ box-sizing: border-box;
	5	+ width: 100%;
	6	+ max-width: 100%;
	7	+ float: none;
	8	+ flex: none;
5	9	}
	10	+
	11	+.passster-form * {
	12	+ box-sizing: border-box;
	13	+}
	14	+
6	15	.passster-form h4 {
	16	+ margin: 10px 0;
	17	+}
	18	+
	19	+.passster-form > form {
7	20	display: block;
8		- font-size: 13px;
9		- font-size: 22px;
10		- margin: 15px 0 !important;
	21	+ position: relative;
	22	+ width: 100%;
	23	+ max-width: 100%;
11	24	}
12	25
13	26	.passster-form fieldset {
14		- border: medium none !important;
15		- margin: 0px;
16		- min-width: 100%;
17		- padding: 0;
18		- width: 100%;
	27	+ display: block;
	28	+ position: relative;
	29	+ border: none;
	30	+ margin: 0;
	31	+ padding: 0;
	32	+ min-width: 100%;
	33	+ width: 100%;
	34	+ max-width: 100%;
	35	+ float: none;
	36	+ flex: none;
19	37	}
20	38
21		-.passster-form input[type="text"], .passster-form input[type="email"], .passster-form input[type="password"] {
22		- width:100%;
23		- border:1px solid #CCC;
24		- background:#FFF;
25		- margin:0 0 5px;
26		- padding:10px;
	39	+.passster-form input[type="text"],
	40	+.passster-form input[type="email"],
	41	+.passster-form input[type="password"],
	42	+.passster-form input.passster-password {
	43	+ display: block;
	44	+ width: 100%;
	45	+ max-width: 100%;
	46	+ height: auto;
	47	+ min-height: 40px;
	48	+ border: 1px solid #CCC;
	49	+ border-radius: 4px;
	50	+ background: #FFF;
	51	+ margin: 0 0 10px;
	52	+ padding: 10px;
	53	+ box-sizing: border-box;
	54	+ font-size: 16px;
	55	+ line-height: 1.4;
	56	+ float: none;
	57	+ flex: none;
	58	+ position: relative;
	59	+ transform: none;
27	60	}
28	61
29		-.passster-form input[type="text"]:hover, .passster-form input[type="email"]:hover, .passster-form input[type="password"]:hover {
30		- -webkit-transition:border-color 0.3s ease-in-out;
31		- -moz-transition:border-color 0.3s ease-in-out;
32		- transition:border-color 0.3s ease-in-out;
33		- border:1px solid #AAA;
	62	+.passster-form input[type="text"]:hover,
	63	+.passster-form input[type="email"]:hover,
	64	+.passster-form input[type="password"]:hover {
	65	+ border-color: #AAA;
	66	+ transition: border-color 0.3s ease-in-out;
34	67	}
35	68
36		-.passster-form button[type="submit"] {
37		- cursor:pointer;
38		- width:100%;
39		- border:none;
40		- background:#6804cc;
41		- color:#FFF;
42		- margin:0 0 5px;
43		- padding:10px;
44		- font-size:15px;
	69	+.passster-form input[type="text"]:focus,
	70	+.passster-form input[type="email"]:focus,
	71	+.passster-form input[type="password"]:focus,
	72	+.passster-form input.passster-password:focus {
	73	+ outline: none;
	74	+ border-color: #0073aa;
	75	+ box-shadow: 0 0 0 1px #0073aa;
	76	+ transform: none;
	77	+ position: relative;
	78	+}
	79	+
	80	+.passster-form button[type="submit"],
	81	+.passster-form .passster-submit {
	82	+ display: block;
	83	+ width: 100%;
	84	+ max-width: 100%;
	85	+ height: auto;
	86	+ min-height: 40px;
	87	+ cursor: pointer;
	88	+ border: none;
	89	+ border-radius: 4px;
45	90	text-decoration: none;
	91	+ font-size: 16px;
	92	+ line-height: 1.4;
	93	+ padding: 10px 20px;
	94	+ margin: 0;
	95	+ float: none;
	96	+ flex: none;
	97	+ position: relative;
	98	+ transform: none;
46	99	}
47	100
48	101	.passster-form button[type="submit"]:hover {
49		- background:#6804cc;
50		- -webkit-transition:background 0.3s ease-in-out;
51		- -moz-transition:background 0.3s ease-in-out;
52		- transition:background-color 0.3s ease-in-out;
	102	+ transition: background-color 0.3s ease-in-out;
53	103	}
54	104
55		-.passster-form button[type="submit"]:active {
56		- box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
	105	+.passster-form button[type="submit"]:active {
	106	+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
57	107	}
58	108
59		-.passster-form input:focus, .passster-form textarea:focus {
60		- outline:0;
61		- border:1px solid #999;
	109	+.passster-form button[type="submit"]:focus {
	110	+ outline: 2px solid #0073aa;
	111	+ outline-offset: 2px;
62	112	}
63		-.passster-form::-webkit-input-placeholder {
64		- color:#888;
	113	+
	114	+.passster-form input::placeholder {
	115	+ color: #888;
	116	+ opacity: 1;
65	117	}
66	118
67		-.passster-form:-moz-placeholder {
68		- color:#888;
	119	+.passster-form input::-webkit-input-placeholder {
	120	+ color: #888;
69	121	}
70	122
71		-.passster-form::-moz-placeholder {
72		- color:#888;
	123	+.passster-form input:-moz-placeholder {
	124	+ color: #888;
73	125	}
74	126
75		-.passster-form:-ms-input-placeholder {
76		- color:#888;
	127	+.passster-form input::-moz-placeholder {
	128	+ color: #888;
77	129	}
78	130
	131	+.passster-form input:-ms-input-placeholder {
	132	+ color: #888;
	133	+}
	134	+
	135	+.passster-form .ps-form-headline {
	136	+ display: block;
	137	+ position: relative;
	138	+ margin-bottom: 10px;
	139	+}
	140	+
	141	+.passster-form p {
	142	+ display: block;
	143	+ position: relative;
	144	+ margin: 0 0 15px;
	145	+}
	146	+
79	147	.passster-captcha-input {
80	148	float: left;
81	149	width: 70%;
82	150	padding-right: 20px;
	151	+ box-sizing: border-box;
83	152	}
84	153
85		-.passster-captcha {
86		- float: left;
87		- width: 30%;
88		- padding-left: 20px;
89		-}
90		-
91		-.passster-captcha-img {
92		- width: 90%;
93		- min-height: 83px;
94		-}
95		-
96	154	.passster-recaptcha-input {
97	155	float: right;
98	156	width: 30%;
99	157	padding-top: 15px;
		@@ -102,34 +160,69 @@
102	160	.passster-recaptcha {
103	161	float: left;
104	162	width: 50%;
105	163	padding-left: 20px;
	164	+ box-sizing: border-box;
106	165	}
107	166
108		-.passster-error {
	167	+.passster-form .passster-error {
	168	+ display: none;
109	169	width: 100%;
	170	+ max-width: 100%;
110	171	text-align: center;
111		- float: left;
	172	+ float: none;
	173	+ clear: both;
112	174	padding: 10px;
	175	+ margin-top: 10px;
113	176	background: #e95353;
114	177	color: white;
115		- font-size: 16px;
116		- display:none;
	178	+ font-size: 14px;
	179	+ border-radius: 4px;
	180	+ box-sizing: border-box;
117	181	}
	182	+
118	183	.passster-hide {
119	184	display: none;
120	185	}
121		-.show-password-link {
122		- display: block;
123		- position: absolute;
124		- z-index: 11;
125		- font-size: 0.8rem;
	186	+
	187	+.passster-form .show-password-link {
	188	+ display: block;
	189	+ position: absolute;
	190	+ z-index: 11;
	191	+ font-size: 0.8rem;
	192	+ right: 10px;
	193	+ top: 50%;
	194	+ transform: translateY(-50%);
126	195	}
127		-.password-showing {
128		- width: 100% !important;
	196	+
	197	+.passster-form .password-showing {
	198	+ width: 100%;
129	199	display: inline;
130	200	}
131		-.ps-loader {
	201	+
	202	+.passster-form .ps-loader {
	203	+ display: none;
132	204	width: 30%;
	205	+ max-width: 100px;
133	206	margin: 0 auto 10px auto;
	207	+ text-align: center;
	208	+}
	209	+
	210	+.passster-form .ps-loader img {
	211	+ max-width: 100%;
	212	+ height: auto;
	213	+}
	214	+
	215	+.passster-form .passster-hidden {
134	216	display: none;
135		-}
	217	+}
	218	+
	219	+.passster-form label:not(.passster-hidden) {
	220	+ display: block;
	221	+ margin-bottom: 5px;
	222	+}
	223	+
	224	+.passster-form::after {
	225	+ content: "";
	226	+ display: table;
	227	+ clear: both;
	228	+}