← All changes | includes/extensions/Header_Footer_Builder/admin.css +227 -0 51.1.2 → 51.1.86 View file →

		@@ -1,0 +1,227 @@
	1	+@font-face {
	2	+ font-family: 'Inter';
	3	+ font-style: normal;
	4	+ font-weight: 100 900;
	5	+ font-display: swap;
	6	+ src: url('../../admin/fonts/Inter.woff2') format('woff2');
	7	+}
	8	+
	9	+#wpbody *,
	10	+.king-addons-pb-settings-page-header * {
	11	+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	12	+}
	13	+
	14	+.king-addons-el-hf-radio-options {
	15	+ display: inline-block;
	16	+}
	17	+
	18	+.wrap .wp-heading-inline + .page-title-action,
	19	+.page-title-action {
	20	+ font-size: 13px;
	21	+ font-weight: 600;
	22	+ margin-left: 5px;
	23	+ padding: 5px 25px;
	24	+ color: white;
	25	+ border: none;
	26	+ border-radius: 8px;
	27	+ background: linear-gradient(45deg, #5B03FF, #9B62FF);
	28	+ text-transform: uppercase;
	29	+ letter-spacing: 1px;
	30	+}
	31	+
	32	+h1.wp-heading-inline, .page-title-action {
	33	+ display: none !important;
	34	+}
	35	+
	36	+.alternate, .striped > tbody > :nth-child(odd), ul.striped > :nth-child(odd) {
	37	+ background-color: #f5f5f7;
	38	+}
	39	+
	40	+html, #wpcontent {
	41	+ background: #f5f5f7;
	42	+}
	43	+
	44	+.wrap h1.wp-heading-inline {
	45	+ font-size: 22px;
	46	+ font-weight: 600;
	47	+ margin-bottom: 10px;
	48	+ color: #1d1d1f;
	49	+}
	50	+
	51	+body,
	52	+a.nav-tab.nav-tab-active {
	53	+ color: #1d1d1f;
	54	+}
	55	+
	56	+.widefat thead td, .widefat thead th {
	57	+ border-bottom: 1px solid #d2d2d7;
	58	+}
	59	+
	60	+.widefat tfoot td, .widefat tfoot th {
	61	+ border-top: 1px solid #d2d2d7;
	62	+}
	63	+
	64	+.wp-core-ui select {
	65	+ color: #1d1d1f;
	66	+ border-color: #86868b;
	67	+}
	68	+
	69	+.widefat tfoot tr td, .widefat tfoot tr th, .widefat thead tr td, .widefat thead tr th {
	70	+ color: #1d1d1f;
	71	+}
	72	+
	73	+input[type=search] {
	74	+ border: 1px solid #86868b;
	75	+}
	76	+
	77	+table.widefat {
	78	+ border: 1px solid #d2d2d7;
	79	+ border-radius: 3px;
	80	+ box-shadow: none;
	81	+}
	82	+
	83	+.nav-tab-wrapper {
	84	+ border-bottom: 1px solid #d2d2d7;
	85	+}
	86	+
	87	+.nav-tab-active {
	88	+ background: #f5f5f7;
	89	+}
	90	+
	91	+.nav-tab {
	92	+ padding: 5px 20px;
	93	+ border-top-left-radius: 3px;
	94	+ border-top-right-radius: 3px;
	95	+}
	96	+
	97	+/*noinspection CssNonIntegerLengthInPixels*/
	98	+a.king-addons-el-hf-edit-template-btn {
	99	+ background: #595959;
	100	+ transition: all 100ms linear;
	101	+ color: white;
	102	+ display: inline-block;
	103	+ padding: 6px 25px;
	104	+ letter-spacing: 0.5px;
	105	+ border: 0;
	106	+ border-radius: 8px;
	107	+ font-size: 13px;
	108	+ line-height: 1.8;
	109	+}
	110	+
	111	+a.king-addons-el-hf-edit-template-btn:hover {
	112	+ background: #6d6d6d;
	113	+}
	114	+
	115	+.king-addons-pb-settings-page-header {
	116	+ position: relative;
	117	+ display: flex;
	118	+ flex-direction: column;
	119	+ margin-left: -20px;
	120	+ margin-bottom: 15px;
	121	+ padding: 30px 30px;
	122	+ background: #1a1b1b;
	123	+}
	124	+
	125	+.king-addons-pb-settings-page-header h1 {
	126	+ font-size: 24px;
	127	+ font-weight: 600;
	128	+ line-height: 1;
	129	+ display: inline-block;
	130	+ margin: 0;
	131	+ padding: 0;
	132	+ letter-spacing: 0;
	133	+ color: white;
	134	+}
	135	+
	136	+.king-addons-pb-settings-page-header p {
	137	+ font-size: 15px;
	138	+ font-weight: 400;
	139	+ margin-top: 15px;
	140	+ margin-bottom: 30px;
	141	+ letter-spacing: normal;
	142	+ color: rgb(255 255 255 / 70%);
	143	+}
	144	+
	145	+.king-addons-pb-preview-buttons {
	146	+ display: flex;
	147	+}
	148	+
	149	+.king-addons-pb-user-template {
	150	+ font-size: 13px;
	151	+ font-weight: 600;
	152	+ line-height: 50px;
	153	+ position: relative;
	154	+ display: block;
	155	+ overflow: hidden;
	156	+ box-sizing: border-box;
	157	+ width: 200px;
	158	+ height: 50px;
	159	+ padding: 0 20px;
	160	+ cursor: pointer;
	161	+ letter-spacing: 1px;
	162	+ text-transform: uppercase;
	163	+ color: #ffffff;
	164	+ border: none;
	165	+ border-radius: 5px;
	166	+ background: linear-gradient(45deg, #5B03FF, #9B62FF);
	167	+ /* background: linear-gradient(45deg, #E1CBFF, #9B62FF 50%, #5B03FF); */
	168	+}
	169	+
	170	+.king-addons-pb-preview-buttons a {
	171	+ text-decoration: none;
	172	+}
	173	+
	174	+.king-addons-pb-user-template .plus-icon {
	175	+ font-size: 18px;
	176	+ line-height: 28px;
	177	+ display: block;
	178	+ float: right;
	179	+ width: 30px;
	180	+ height: 30px;
	181	+ margin-top: 10px;
	182	+ text-align: center;
	183	+ color: #333;
	184	+ border-radius: 50%;
	185	+ background-color: #ffffff;
	186	+}
	187	+
	188	+.kng-promo-btn-wrap a {
	189	+ will-change: transform;
	190	+ display: inline-flex;
	191	+ justify-content: center;
	192	+ margin-left: 30px;
	193	+ padding: 15px 20px;
	194	+ transition: all 300ms ease;
	195	+ text-align: center;
	196	+ text-decoration: underline;
	197	+ border: 2px solid #ff4e5069;
	198	+ border-radius: 5px;
	199	+ background: linear-gradient(132.2deg, #F9D423 7.64%, #FF4E50 97.11%);
	200	+ -webkit-background-clip: text;
	201	+ -webkit-text-fill-color: transparent;
	202	+}
	203	+
	204	+.kng-promo-btn-wrap a:hover {
	205	+ transform: scale(1.05);
	206	+}
	207	+
	208	+.kng-promo-btn-wrap a:focus,
	209	+.king-addons-pb-preview-buttons a:focus {
	210	+ box-shadow: unset;
	211	+ outline: unset;
	212	+}
	213	+
	214	+.kng-promo-btn-txt {
	215	+ font-size: 16px;
	216	+ font-weight: 500;
	217	+ color: black;
	218	+ line-height: 1;
	219	+ letter-spacing: 0.5px;
	220	+ text-decoration: none;
	221	+}
	222	+
	223	+.kng-promo-btn-wrap img {
	224	+ margin-left: 8px;
	225	+ width: 16px;
	226	+ height: 16px;
	227	+}