← All changes | assets/public/passster-public.css +228 -119 4.2.13 → 4.3.17 View file →

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