PageRenderTime 40ms CodeModel.GetById 15ms app.highlight 21ms RepoModel.GetById 1ms app.codeStats 0ms

/HotelSpaWP/wp-includes/css/buttons-rtl.css

https://bitbucket.org/Trulsh/personal-bootstrap-projects
CSS | 389 lines | 284 code | 47 blank | 58 comment | 0 complexity | 18cac60d5d31e37c3070817504c62af3 MD5 | raw file
  1/* ----------------------------------------------------------------------------
  2
  3NOTE: If you edit this file, you should make sure that the CSS rules for
  4buttons in the following files are updated.
  5
  6* jquery-ui-dialog.css
  7* editor.css
  8
  9WordPress-style Buttons
 10=======================
 11Create a button by adding the `.button` class to an element. For backward
 12compatibility, we support several other classes (such as `.button-secondary`),
 13but these will *not* work with the stackable classes described below.
 14
 15Button Styles
 16-------------
 17To display a primary button style, add the `.button-primary` class to a button.
 18
 19Button Sizes
 20------------
 21Adjust a button's size by adding the `.button-large` or `.button-small` class.
 22
 23Button States
 24-------------
 25Lock the state of a button by adding the name of the pseudoclass as
 26an actual class (e.g. `.hover` for `:hover`).
 27
 28
 29TABLE OF CONTENTS:
 30------------------
 31 1.0 - Button Layouts
 32 2.0 - Default Button Style
 33 3.0 - Primary Button Style
 34 4.0 - Button Groups
 35 5.0 - Responsive Button Styles
 36
 37---------------------------------------------------------------------------- */
 38
 39/* ----------------------------------------------------------------------------
 40  1.0 - Button Layouts
 41---------------------------------------------------------------------------- */
 42
 43.wp-core-ui .button,
 44.wp-core-ui .button-primary,
 45.wp-core-ui .button-secondary {
 46	display: inline-block;
 47	text-decoration: none;
 48	font-size: 13px;
 49	line-height: 26px;
 50	height: 28px;
 51	margin: 0;
 52	padding: 0 10px 1px;
 53	cursor: pointer;
 54	border-width: 1px;
 55	border-style: solid;
 56	-webkit-appearance: none;
 57	-webkit-border-radius: 3px;
 58	border-radius: 3px;
 59	white-space: nowrap;
 60	-webkit-box-sizing: border-box;
 61	-moz-box-sizing: border-box;
 62	box-sizing: border-box;
 63}
 64
 65/* Remove the dotted border on :focus and the extra padding in Firefox */
 66.wp-core-ui button::-moz-focus-inner,
 67.wp-core-ui input[type="reset"]::-moz-focus-inner,
 68.wp-core-ui input[type="button"]::-moz-focus-inner,
 69.wp-core-ui input[type="submit"]::-moz-focus-inner {
 70	border-width: 0;
 71	border-style: none;
 72	padding: 0;
 73}
 74
 75.wp-core-ui .button.button-large,
 76.wp-core-ui .button-group.button-large .button {
 77	height: 30px;
 78    line-height: 28px;
 79    padding: 0 12px 2px;
 80}
 81
 82.wp-core-ui .button.button-small,
 83.wp-core-ui .button-group.button-small .button {
 84	height: 24px;
 85	line-height: 22px;
 86	padding: 0 8px 1px;
 87	font-size: 11px;
 88}
 89
 90.wp-core-ui .button.button-hero,
 91.wp-core-ui .button-group.button-hero .button {
 92	font-size: 14px;
 93	height: 46px;
 94	line-height: 44px;
 95	padding: 0 36px;
 96}
 97
 98.wp-core-ui .button:active,
 99.wp-core-ui .button:focus {
100	outline: none;
101}
102
103.wp-core-ui .button.hidden {
104	display: none;
105}
106
107/* Style Reset buttons as simple text links */
108
109.wp-core-ui input[type="reset"],
110.wp-core-ui input[type="reset"]:hover,
111.wp-core-ui input[type="reset"]:active,
112.wp-core-ui input[type="reset"]:focus {
113	background: none;
114	border: none;
115	-webkit-box-shadow: none;
116	box-shadow: none;
117	padding: 0 2px 1px;
118	width: auto;
119}
120
121/* ----------------------------------------------------------------------------
122  2.0 - Default Button Style
123---------------------------------------------------------------------------- */
124
125.wp-core-ui .button,
126.wp-core-ui .button-secondary {
127	color: #555;
128	border-color: #cccccc;
129	background: #f7f7f7;
130	-webkit-box-shadow: 0 1px 0 #cccccc;
131	box-shadow: 0 1px 0 #cccccc;
132 	vertical-align: top;
133}
134
135.wp-core-ui p .button {
136	vertical-align: baseline;
137}
138
139.wp-core-ui .button.hover,
140.wp-core-ui .button:hover,
141.wp-core-ui .button-secondary:hover,
142.wp-core-ui .button.focus,
143.wp-core-ui .button:focus,
144.wp-core-ui .button-secondary:focus {
145	background: #fafafa;
146	border-color: #999;
147	color: #23282d;
148}
149
150.wp-core-ui .button.focus,
151.wp-core-ui .button:focus,
152.wp-core-ui .button-secondary:focus,
153.wp-core-ui .button-link:focus {
154	border-color: #5b9dd9;
155	-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
156	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
157}
158
159.wp-core-ui .button.active,
160.wp-core-ui .button.active:hover,
161.wp-core-ui .button:active,
162.wp-core-ui .button-secondary:active {
163	background: #eee;
164	border-color: #999;
165	-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
166	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
167	-webkit-transform: translateY(1px);
168	-ms-transform: translateY(1px);
169	transform: translateY(1px);
170}
171
172.wp-core-ui .button.active:focus {
173	border-color: #5b9dd9;
174	-webkit-box-shadow:
175		inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
176		0 0 3px rgba( 0, 115, 170, .8 );
177	box-shadow:
178		inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
179		0 0 3px rgba( 0, 115, 170, .8 );
180}
181
182.wp-core-ui .button[disabled],
183.wp-core-ui .button:disabled,
184.wp-core-ui .button.disabled,
185.wp-core-ui .button-secondary[disabled],
186.wp-core-ui .button-secondary:disabled,
187.wp-core-ui .button-secondary.disabled,
188.wp-core-ui .button-disabled {
189	color: #a0a5aa !important;
190	border-color: #ddd !important;
191	background: #f7f7f7 !important;
192	-webkit-box-shadow: none !important;
193	box-shadow: none !important;
194	text-shadow: 0 1px 0 #fff !important;
195	cursor: default;
196	-webkit-transform: none !important;
197	-ms-transform: none !important;
198	transform: none !important;
199}
200
201/* Buttons that look like links, for a cross of good semantics with the visual */
202.wp-core-ui .button-link {
203	margin: 0;
204	padding: 0;
205	-webkit-box-shadow: none;
206	box-shadow: none;
207	border: 0;
208	-webkit-border-radius: 0;
209	border-radius: 0;
210	background: none;
211	outline: none;
212	cursor: pointer;
213}
214
215.wp-core-ui .button-link:focus {
216	outline: #5b9dd9 solid 1px;
217}
218
219/* ----------------------------------------------------------------------------
220  3.0 - Primary Button Style
221---------------------------------------------------------------------------- */
222
223.wp-core-ui .button-primary {
224	background: #0085ba;
225	border-color: #0073aa #006799 #006799;
226	-webkit-box-shadow: 0 1px 0 #006799;
227	box-shadow: 0 1px 0 #006799;
228	color: #fff;
229	text-decoration: none;
230	text-shadow: 0 -1px 1px #006799,
231		-1px 0 1px #006799,
232		0 1px 1px #006799,
233		1px 0 1px #006799;
234}
235
236.wp-core-ui .button-primary.hover,
237.wp-core-ui .button-primary:hover,
238.wp-core-ui .button-primary.focus,
239.wp-core-ui .button-primary:focus {
240	background: #008ec2;
241	border-color: #006799;
242	color: #fff;
243}
244
245.wp-core-ui .button-primary.focus,
246.wp-core-ui .button-primary:focus {
247	-webkit-box-shadow: 0 1px 0 #0073aa,
248		0 0 2px 1px #33b3db;
249	box-shadow: 0 1px 0 #0073aa,
250		0 0 2px 1px #33b3db;
251}
252
253.wp-core-ui .button-primary.active,
254.wp-core-ui .button-primary.active:hover,
255.wp-core-ui .button-primary.active:focus,
256.wp-core-ui .button-primary:active {
257	background: #0073aa;
258	border-color: #006799;
259	-webkit-box-shadow: inset 0 2px 0 #006799;
260	box-shadow: inset 0 2px 0 #006799;
261	vertical-align: top;
262}
263
264.wp-core-ui .button-primary[disabled],
265.wp-core-ui .button-primary:disabled,
266.wp-core-ui .button-primary-disabled,
267.wp-core-ui .button-primary.disabled {
268	color: #66c6e4 !important;
269	background: #008ec2 !important;
270	border-color: #007cb2 !important;
271	-webkit-box-shadow: none !important;
272	box-shadow: none !important;
273	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
274	cursor: default;
275}
276
277.wp-core-ui .button.button-primary.button-hero {
278	-webkit-box-shadow: 0 2px 0 #006799;
279 	box-shadow: 0 2px 0 #006799;
280}
281
282.wp-core-ui .button.button-primary.button-hero.active,
283.wp-core-ui .button.button-primary.button-hero.active:hover,
284.wp-core-ui .button.button-primary.button-hero.active:focus,
285.wp-core-ui .button.button-primary.button-hero:active {
286	-webkit-box-shadow: inset 0 3px 0 #006799;
287 	box-shadow: inset 0 3px 0 #006799;
288}
289
290/* ----------------------------------------------------------------------------
291  4.0 - Button Groups
292---------------------------------------------------------------------------- */
293
294.wp-core-ui .button-group {
295	position: relative;
296	display: inline-block;
297	white-space: nowrap;
298	font-size: 0;
299	vertical-align: middle;
300}
301
302.wp-core-ui .button-group > .button {
303	display: inline-block;
304	-webkit-border-radius: 0;
305	border-radius: 0;
306	margin-left: -1px;
307	z-index: 10;
308}
309
310.wp-core-ui .button-group > .button-primary {
311	z-index: 100;
312}
313
314.wp-core-ui .button-group > .button:hover {
315	z-index: 20;
316}
317
318.wp-core-ui .button-group > .button:first-child {
319	-webkit-border-radius: 0 3px 3px 0;
320	border-radius: 0 3px 3px 0;
321}
322
323.wp-core-ui .button-group > .button:last-child {
324	-webkit-border-radius: 3px 0 0 3px;
325	border-radius: 3px 0 0 3px;
326}
327
328.wp-core-ui .button-group > .button:focus {
329	position: relative;
330	z-index: 1;
331}
332
333/* ----------------------------------------------------------------------------
334  5.0 - Responsive Button Styles
335---------------------------------------------------------------------------- */
336
337@media screen and ( max-width: 782px ) {
338
339	.wp-core-ui .button,
340	.wp-core-ui .button.button-large,
341	.wp-core-ui .button.button-small,
342	input#publish,
343	input#save-post,
344	a.preview {
345		padding: 6px 14px;
346		line-height: normal;
347		font-size: 14px;
348		vertical-align: middle;
349		height: auto;
350		margin-bottom: 4px;
351	}
352
353	#media-upload.wp-core-ui .button {
354		padding: 0 10px 1px;
355		height: 24px;
356		line-height: 22px;
357		font-size: 13px;
358	}
359
360	.media-frame.mode-grid .bulk-select .button {
361		margin-bottom: 0;
362	}
363
364	/* Publish Metabox Options */
365	.wp-core-ui .save-post-status.button {
366		position: relative;
367		margin: 0 10px 0 14px; /* 14px right margin to match all other buttons */
368	}
369
370	/* Reset responsive styles in Press This, Customizer */
371
372	.wp-core-ui.wp-customizer .button {
373		padding: 0 10px 1px;
374		font-size: 13px;
375		line-height: 26px;
376		height: 28px;
377		margin: 0;
378		vertical-align: inherit;
379	}
380
381	/* Reset responsive styles on Log in button on iframed login form */
382
383	.interim-login .button.button-large {
384		height: 30px;
385		line-height: 28px;
386		padding: 0 12px 2px;
387	}
388
389}