← All changes | assets/public/passster-public.css +132 -57 4.0 → 4.3.17 View file →

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