uji-countdown / css / uji-countdown.css

uji-countdown.css in Uji Countdown 2.2, at css/uji-countdown.css

238 lines 5.1 KB

Raw Download Zip

1	/* ==========================================================================
2	Classic
3	========================================================================== */
4
5	.ujic-classic *{
6	box-sizing: content-box!important;
7	-webkit-box-sizing: content-box!important;
8	}
9
10	.ujic-classic{
11	position: relative;
12	overflow: hidden;
13	}
14
15	.ujic-classic .countdown_section {
16	float:left;
17	display: block;
18	text-align: center;
19	margin: 0 15px 0 0;
20	}
21
22	.ujic-classic span.countdown_amount {
23	display: inline-block;
24	color: #fff;
25	padding: 5px 10px;
26	margin-right: 2px;
27
28	font: 35px/1.5 'Open Sans Condensed',sans-serif;
29	font-weight: normal;
30
31	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
32
33	-webkit-border-radius: 5px;
34	-ms-border-radius: 5px;
35	-moz-border-radius: 5px;
36	-o-border-radius: 5px;
37	border-radius: 5px;
38	text-shadow: 1px 1px 1px #000;
39
40	background: #a61ba6; /* Old browsers */
41	background: -moz-linear-gradient(top, #a61ba6 50%, #c368c3 50%); /* FF3.6+ */
42	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#a61ba6), color-stop(50%,#c368c3)); /* Chrome,Safari4+ */
43	background: -webkit-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* Chrome10+,Safari5.1+ */
44	background: -o-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* Opera 11.10+ */
45	background: -ms-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* IE10+ */
46	background: linear-gradient(to bottom, #a61ba6 50%,#c368c3 50%); /* W3C */
47	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61ba6', endColorstr='#c368c3',GradientType=0 ); /* IE6-9 */
48
49	}
50
51	.ujic-classic span.countdown_txt {
52	display: block;
53	text-align: center;
54	margin: 5px 0 0 0;
55	clear: both;
56	}
57
58	/* Visual Composer Fixes */
59	.ujic-hold{
60	padding: 0!important;
61	float: none!important;
62	}
63
64	/* The ghost, nudged to maintain perfect centering */
65	.ujic-hold:before {
66	content: '';
67	display: inline-block;
68	height: 100%;
69	vertical-align: middle;
70	margin-right: -0.25em; /* Adjusts for spacing */
71	}
72
73	.ujic-hold .ujiCountdown {
74	display: inline-block;
75	vertical-align: middle;
76	}
77
78	.ujic_center{
79	text-align: center;
80	}
81
82	.ujic_left{
83	text-align: left;
84	}
85
86	.ujic_right{
87	text-align: right;
88	}
89
90	.ujic_right:after{
91	clear: both;
92	float: none;
93	}
94
95	.countdown_section {
96	width: auto!important;
97	text-transform: none!important;
98	}
99
100	/* ==========================================================================
101	Newsletter
102	========================================================================== */
103
104	.ujicf:before, .ujicf:after { content: ""; display: table; }
105	.ujicf:after { clear: both; }
106	.ujicf { *zoom: 1; }
107
108	#ujiCountdown
109	{
110	display:inline-block;
111	margin-bottom:0;
112	}
113
114	#ujiCountdown span.countdown_row
115	{
116	display:block;
117	}
118
119	#ujiCountdown span.ujic_s
120	{
121	margin-right: 0;
122	}
123
124	#uji-wrapper
125	{
126	display:inline-block;
127	margin: 0 auto;
128	box-sizing: content-box!important;
129	-webkit-box-sizing: content-box!important;
130	}
131
132	.ujic-hold form
133	{
134	display:block;
135	margin: 0;
136	padding: 0;
137	overflow: hidden;
138	width: 100%;
139	}
140
141	.ujic-hold form span
142	{
143	display: block;
144	font-size: 13px;
145	font-weight: 600;
146	line-height: 1.1em;
147	margin: 1em 0;
148	text-align: center;
149	}
150
151	.ujic-hold form p
152	{
153	width:100%;
154	display: inline-block;
155	margin: 0 auto !important;
156	text-align: center;
157	}
158
159	.ujic-hold form input
160	{
161	display: inline !important;
162	margin: 0 !important;
163	padding: 0 !important;
164	height: 30px !important;
165	}
166
167	.ujic-hold form div
168	{
169	text-align: center;
170	}
171
172	.ujic-hold form input[type="text"]
173	{
174	background: none repeat scroll 0 0 #fff;
175	border: medium none;
176	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
177	border-radius: 3px 0 0 3px;
178	font-size: 13px;
179	margin: 0;
180	padding: 0px 5%;
181	text-align: center;
182	width: 70%;
183	float:left;
184	}
185
186	.ujic-hold form input[type="submit"]
187	{
188	border-radius: 0 3px 3px 0;
189	font-size: 13px;
190	font-weight: 600;
191	margin: 0;
192	padding: 0 3%;
193	text-transform: uppercase;
194	width: 30%;
195	border: medium none;
196	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
197	color: #fff;
198	background: linear-gradient(to bottom , #c816d0, #ab02b2) repeat scroll 0 0 rgba(0, 0, 0, 0);
199	float:left;
200	}
201	.ujic-hold form span.uji-msg-err
202	{
203	color:#CE0000;
204	}
205	.ujic-hold form span.uji-msg-ok
206	{
207	color:green;
208	}
209
210	.ujic-hold form div span
211	{
212	display: none;
213	line-height: 1em;
214	margin: 0;
215	text-align: center;
216	}
217
218	/* ==========================================================================
219	RTL
220	========================================================================== */
221	.countdown-rtl{
222	direction: initial;
223	}
224
225
226	/* ==========================================================================
227	Modern
228	========================================================================== */
229	.ujic-modern .ujicircle{
230	display: inline-block;
231	margin: 0.5em;
232	}
233
234	.ujic-modern .circles-wrp span.countdown_txt {
235	text-align: center;
236	display: block;
237	}
238