~jan0sch/smederee
~jan0sch/smederee/modules/hub/src/main/resources/assets/purecss/3.0.0/buttons.css
~jan0sch/smederee/modules/hub/src/main/resources/assets/purecss/3.0.0/buttons.css
0 | /*! |
1 | Pure v3.0.0 |
2 | Copyright 2013 Yahoo! |
3 | Licensed under the BSD License. |
4 | https://github.com/pure-css/pure/blob/master/LICENSE |
5 | */ |
6 | .pure-button { |
7 | /* Structure */ |
8 | display: inline-block; |
9 | line-height: normal; |
10 | white-space: nowrap; |
11 | vertical-align: middle; |
12 | text-align: center; |
13 | cursor: pointer; |
14 | -webkit-user-drag: none; |
15 | -webkit-user-select: none; |
16 | user-select: none; |
17 | box-sizing: border-box; |
18 | } |
19 |
|
20 | /* Firefox: Get rid of the inner focus border */ |
21 | .pure-button::-moz-focus-inner { |
22 | padding: 0; |
23 | border: 0; |
24 | } |
25 |
|
26 | /* Inherit .pure-g styles */ |
27 | .pure-button-group { |
28 | letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ |
29 | text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ |
30 | } |
31 |
|
32 | .opera-only :-o-prefocus, |
33 | .pure-button-group { |
34 | word-spacing: -0.43em; |
35 | } |
36 |
|
37 | .pure-button-group .pure-button { |
38 | letter-spacing: normal; |
39 | word-spacing: normal; |
40 | vertical-align: top; |
41 | text-rendering: auto; |
42 | } |
43 |
|
44 | /*csslint outline-none:false*/ |
45 |
|
46 | .pure-button { |
47 | font-family: inherit; |
48 | font-size: 100%; |
49 | padding: 0.5em 1em; |
50 | color: rgba(0, 0, 0, 0.80); |
51 | border: none rgba(0, 0, 0, 0); |
52 | background-color: #E6E6E6; |
53 | text-decoration: none; |
54 | border-radius: 2px; |
55 | } |
56 |
|
57 | .pure-button-hover, |
58 | .pure-button:hover, |
59 | .pure-button:focus { |
60 | background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); |
61 | } |
62 | .pure-button:focus { |
63 | outline: 0; |
64 | } |
65 | .pure-button-active, |
66 | .pure-button:active { |
67 | box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset; |
68 | border-color: #000; |
69 | } |
70 |
|
71 | .pure-button[disabled], |
72 | .pure-button-disabled, |
73 | .pure-button-disabled:hover, |
74 | .pure-button-disabled:focus, |
75 | .pure-button-disabled:active { |
76 | border: none; |
77 | background-image: none; |
78 | opacity: 0.40; |
79 | cursor: not-allowed; |
80 | box-shadow: none; |
81 | pointer-events: none; |
82 | } |
83 |
|
84 | .pure-button-hidden { |
85 | display: none; |
86 | } |
87 |
|
88 | .pure-button-primary, |
89 | .pure-button-selected, |
90 | a.pure-button-primary, |
91 | a.pure-button-selected { |
92 | background-color: rgb(0, 120, 231); |
93 | color: #fff; |
94 | } |
95 |
|
96 | /* Button Groups */ |
97 | .pure-button-group .pure-button { |
98 | margin: 0; |
99 | border-radius: 0; |
100 | border-right: 1px solid rgba(0, 0, 0, 0.2); |
101 |
|
102 | } |
103 |
|
104 | .pure-button-group .pure-button:first-child { |
105 | border-top-left-radius: 2px; |
106 | border-bottom-left-radius: 2px; |
107 | } |
108 | .pure-button-group .pure-button:last-child { |
109 | border-top-right-radius: 2px; |
110 | border-bottom-right-radius: 2px; |
111 | border-right: none; |
112 | } |