← All changes | assets/admin/style.css +160 -0 2.1 → 2.2.2 View file →

		@@ -1,7 +1,8 @@
1	1	.add-new-price-rule {
2	2
3	3	}
	4	+
4	5	.remove-price-rule {
5	6	display: inline-block;
6	7	position: relative;
7	8	padding: 2px 0 2px 5px;
		@@ -7,8 +8,9 @@
7	8	padding: 2px 0 2px 5px;
8	9	outline: none;
9	10	cursor: pointer;
10	11	}
	12	+
11	13	.remove-price-rule:focus {
12	14	box-shadow: none !important;
13	15	}
14	16
		@@ -26,5 +28,163 @@
26	28	}
27	29
28	30	.price-quantity-rule--variation {
29	31	width: 23% !important;
	32	+}
	33	+
	34	+/** Buttons **/
	35	+.tpt-button {
	36	+ display: inline-block;
	37	+ margin-left: 5px;
	38	+ text-decoration: none;
	39	+ font-weight: bold;
	40	+ padding: 10px 20px;
	41	+ color: #fff;
	42	+ transition: .3s all;
	43	+}
	44	+
	45	+.tpt-button:focus, .tpt-button:focus {
	46	+ outline: none;
	47	+ color: #fff;
	48	+}
	49	+
	50	+.tpt-button--default {
	51	+ background: #3D4C53;
	52	+ color: #fff;
	53	+}
	54	+
	55	+.tpt-button--default:hover {
	56	+ background-color: #4a5b63;
	57	+ color: #fff;
	58	+}
	59	+
	60	+.tpt-button--accent {
	61	+
	62	+ background: #08a6a6;
	63	+ color: #fff;
	64	+}
	65	+
	66	+.tpt-button--accent:hover {
	67	+ background-color: #51cece;
	68	+ color: #fff;
	69	+}
	70	+
	71	+.tpt-button--bounce {
	72	+ animation: tpt-bounce-animation 2s infinite;
	73	+ -webkit-animation: tpt-bounce-animation 2s infinite;
	74	+ -moz-animation: tpt-bounce-animation 2s infinite;
	75	+}
	76	+
	77	+.tpt-button--bounce:hover, .tpt-button--bounce:active, .tpt-button--bounce:focus {
	78	+ animation: none;
	79	+ -webkit-animation: none;
	80	+ -moz-animation: none;
	81	+}
	82	+
	83	+/** Alert **/
	84	+
	85	+.tpt-alert {
	86	+ display: flex;
	87	+ flex-wrap: wrap;
	88	+ padding: 15px;
	89	+ margin: 20px 0;
	90	+ background: #fff;
	91	+ box-shadow: 0 5px 10px rgba(61, 76, 83, 0.15);
	92	+ color: #3D4C53;
	93	+ border: 1px solid rgba(61, 76, 83, 0.26);
	94	+}
	95	+
	96	+.tpt-alert__icon {
	97	+ width: 40px;
	98	+ height: 40px;
	99	+ margin-right: 10px;
	100	+ fill: #3D4C53;
	101	+}
	102	+
	103	+.tpt-alert__text {
	104	+ font-size: 15px;
	105	+ font-weight: bold;
	106	+ display: flex;
	107	+ justify-content: center;
	108	+ align-items: center;
	109	+}
	110	+
	111	+.tpt-alert__buttons {
	112	+ margin-left: auto;
	113	+ display: flex;
	114	+ justify-content: center;
	115	+ align-items: center;
	116	+}
	117	+
	118	+@media (max-width: 1200px) {
	119	+ .tpt-alert__icon {
	120	+ width: 70px;
	121	+ height: 70px;
	122	+ display: block;
	123	+ margin: 0 auto;
	124	+ margin-bottom: 10px;
	125	+ }
	126	+
	127	+ .tpt-alert__buttons {
	128	+ flex: 1 0 100%;
	129	+ }
	130	+
	131	+ .tpt-alert__text {
	132	+ margin-bottom: 20px;
	133	+ flex: 1 0 100%;
	134	+ line-height: 1;
	135	+ }
	136	+
	137	+ .tpt-alert {
	138	+ text-align: center;
	139	+ }
	140	+}
	141	+
	142	+/** Animation **/
	143	+
	144	+@-webkit-keyframes bounce {
	145	+ 0%, 20%, 50%, 80%, 100% {
	146	+ -webkit-transform: translateY(0);
	147	+ }
	148	+ 40% {
	149	+ -webkit-transform: translateY(-5px);
	150	+ }
	151	+ 60% {
	152	+ -webkit-transform: translateY(-2px);
	153	+ }
	154	+}
	155	+
	156	+@-moz-keyframes tpt-bounce-animation {
	157	+ 0%, 20%, 50%, 80%, 100% {
	158	+ -moz-transform: translateY(0);
	159	+ }
	160	+ 40% {
	161	+ -moz-transform: translateY(-5px);
	162	+ }
	163	+ 60% {
	164	+ -moz-transform: translateY(-2px);
	165	+ }
	166	+}
	167	+
	168	+@-o-keyframes tpt-bounce-animation {
	169	+ 0%, 20%, 50%, 80%, 100% {
	170	+ -o-transform: translateY(0);
	171	+ }
	172	+ 40% {
	173	+ -o-transform: translateY(-5px);
	174	+ }
	175	+ 60% {
	176	+ -o-transform: translateY(-2px);
	177	+ }
	178	+}
	179	+
	180	+@keyframes tpt-bounce-animation {
	181	+ 0%, 20%, 50%, 80%, 100% {
	182	+ transform: translateY(0);
	183	+ }
	184	+ 40% {
	185	+ transform: translateY(-5px);
	186	+ }
	187	+ 60% {
	188	+ transform: translateY(-2px);
	189	+ }
30	190	}