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

		@@ -1,100 +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		- text-transform: uppercase;
10		- font-size: 22px;
11		- margin: 15px 0 !important;
	21	+ position: relative;
	22	+ width: 100%;
	23	+ max-width: 100%;
12	24	}
13	25
14	26	.passster-form fieldset {
15		- border: medium none !important;
16		- margin: 0px;
17		- min-width: 100%;
18		- padding: 0;
19		- 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;
20	37	}
21	38
22		-.passster-form input[type="text"], .passster-form input[type="email"], .passster-form input[type="password"] {
23		- width:100%;
24		- border:1px solid #CCC;
25		- background:#FFF;
26		- margin:0 0 5px;
27		- 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;
28	60	}
29	61
30		-.passster-form input[type="text"]:hover, .passster-form input[type="email"]:hover, .passster-form input[type="password"]:hover {
31		- -webkit-transition:border-color 0.3s ease-in-out;
32		- -moz-transition:border-color 0.3s ease-in-out;
33		- transition:border-color 0.3s ease-in-out;
34		- 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;
35	67	}
36	68
37		-.passster-form button[type="submit"] {
38		- cursor:pointer;
39		- width:100%;
40		- border:none;
41		- background:#6804cc;
42		- color:#FFF;
43		- margin:0 0 5px;
44		- padding:10px;
45		- 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;
46	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;
47	99	}
48	100
49	101	.passster-form button[type="submit"]:hover {
50		- background:#6804cc;
51		- -webkit-transition:background 0.3s ease-in-out;
52		- -moz-transition:background 0.3s ease-in-out;
53		- transition:background-color 0.3s ease-in-out;
	102	+ transition: background-color 0.3s ease-in-out;
54	103	}
55	104
56		-.passster-form button[type="submit"]:active {
57		- 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);
58	107	}
59	108
60		-.passster-form input:focus, .passster-form textarea:focus {
61		- outline:0;
62		- border:1px solid #999;
	109	+.passster-form button[type="submit"]:focus {
	110	+ outline: 2px solid #0073aa;
	111	+ outline-offset: 2px;
63	112	}
64		-.passster-form::-webkit-input-placeholder {
65		- color:#888;
	113	+
	114	+.passster-form input::placeholder {
	115	+ color: #888;
	116	+ opacity: 1;
66	117	}
67	118
68		-.passster-form:-moz-placeholder {
69		- color:#888;
	119	+.passster-form input::-webkit-input-placeholder {
	120	+ color: #888;
70	121	}
71	122
72		-.passster-form::-moz-placeholder {
73		- color:#888;
	123	+.passster-form input:-moz-placeholder {
	124	+ color: #888;
74	125	}
75	126
76		-.passster-form:-ms-input-placeholder {
77		- color:#888;
	127	+.passster-form input::-moz-placeholder {
	128	+ color: #888;
78	129	}
79	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	+
80	147	.passster-captcha-input {
81	148	float: left;
82	149	width: 70%;
83	150	padding-right: 20px;
	151	+ box-sizing: border-box;
84	152	}
85	153
86		-.passster-captcha {
87		- float: left;
88		- width: 30%;
89		- padding-left: 20px;
90		-}
91		-
92		-.passster-captcha-img {
93		- width: 90%;
94		- min-height: 83px;
95		-}
96		-
97	154	.passster-recaptcha-input {
98	155	float: right;
99	156	width: 30%;
100	157	padding-top: 15px;
		@@ -103,34 +160,69 @@
103	160	.passster-recaptcha {
104	161	float: left;
105	162	width: 50%;
106	163	padding-left: 20px;
	164	+ box-sizing: border-box;
107	165	}
108	166
109		-.passster-error {
	167	+.passster-form .passster-error {
	168	+ display: none;
110	169	width: 100%;
	170	+ max-width: 100%;
111	171	text-align: center;
112		- float: left;
	172	+ float: none;
	173	+ clear: both;
113	174	padding: 10px;
	175	+ margin-top: 10px;
114	176	background: #e95353;
115	177	color: white;
116		- font-size: 16px;
117		- display:none;
	178	+ font-size: 14px;
	179	+ border-radius: 4px;
	180	+ box-sizing: border-box;
118	181	}
	182	+
119	183	.passster-hide {
120	184	display: none;
121	185	}
122		-.show-password-link {
123		- display: block;
124		- position: absolute;
125		- z-index: 11;
126		- 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%);
127	195	}
128		-.password-showing {
129		- width: 100% !important;
	196	+
	197	+.passster-form .password-showing {
	198	+ width: 100%;
130	199	display: inline;
131	200	}
132		-.ps-loader {
	201	+
	202	+.passster-form .ps-loader {
	203	+ display: none;
133	204	width: 30%;
	205	+ max-width: 100px;
134	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 {
135	216	display: none;
136		-}
	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	+}