← All changes | assets/public/passster-public.css +135 -55 4.1.4 → 4.3.17 View file →

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