9 background-color: #FFFFFF;
10 border: 1px solid rgba
(0, 0, 0, 0.2);
18 display: inline-block
;
20 /* IE7 inline-block hack */
23 -webkit-box-sizing: border-box
;
24 -moz-box-sizing: border-box
;
25 box-sizing: border-box
;
34 .pure-thumbnails a:focus {
40 text-decoration: none
;
47 vertical-align: middle
; /* this will remove a thin line below the image */
48 -webkit-box-sizing: border-box
;
49 -moz-box-sizing: border-box
;
50 box-sizing: border-box
;
53 .pure-thumb-bordered {
54 border: 1px solid rgba
(0, 0, 0, 0.2);
56 .pure-thumb .caption {
62 .pure-thumb .caption p {
66 .pure-thumb .caption .caption-head {
71 .pure-thumb-eliptical img {
74 .pure-thumb-rounded img {
85 padding: 0.35em 0.9em 0.35em;
86 background-color: #9D988E;
88 display: inline-block
;
92 vertical-align: baseline
;
98 background-color: #D13C38;
100 .pure-badge-warning {
101 background-color: #E78C05;
103 .pure-badge-success {
104 background-color: rgb
(83, 180, 79);
107 background-color: rgb
(18, 169, 218);
109 .pure-badge-inverse {
110 background-color: #4D370C;
123 display: inline-block
;
125 /* IE7 inline-block hack */
131 background-color: rgb
(209, 235, 238);
132 color: rgb
(102, 131, 145);
135 background-color: #D13C38;
139 .pure-alert-warning {
140 background-color: rgb
(250, 191, 103);
141 color: rgb
(151, 96, 13);
144 .pure-alert-success {
145 background-color: rgb
(83, 180, 79);
150 /* Contextual Modals */
155 background-color: #f0f1f3;
158 border: 1px solid
#bfc0c8;
160 box-shadow: 0 2px 8px rgba
(0, 0, 0, 0.15);
161 box-padding: border-box
;
162 -webkit-background-clip: padding-box
;
163 -moz-background-clip: padding
;
164 background-clip: padding-box
;
167 .pure-arrow-border, .pure-arrow {
176 /* POPOVER ARROW POSITIONING BOTTOM */
178 .pure-popover.bottom .pure-arrow-border {
179 border-color: #bfc0c8 transparent transparent transparent
;
183 .pure-popover.bottom .pure-arrow {
184 border-color: #f0f1f3 transparent transparent transparent
;
189 /* POPOVER ARROW POSITIONING TOP*/
191 .pure-popover.top .pure-arrow-border {
192 border-color: transparent transparent
#bfc0c8 transparent
;
196 .pure-popover.top .pure-arrow {
197 border-color: transparent transparent
#f0f1f3 transparent
;
202 /* POPOVER ARROW POSITIONING RIGHT*/
204 .pure-popover.right .pure-arrow-border {
205 border-color: transparent transparent transparent
#bfc0c8;
209 .pure-popover.right .pure-arrow {
210 border-color: transparent transparent transparent
#f0f1f3;
216 /* POPOVER ARROW POSITIONING LEFT*/
218 .pure-popover.left .pure-arrow-border {
219 border-color: transparent
#bfc0c8 transparent transparent
;
223 .pure-popover.left .pure-arrow {
224 border-color: transparent
#f0f1f3 transparent transparent
;
230 /* BUTTON IMPROVEMENTS */
235 padding: .6em 2em .65em;
239 padding: .8em 5em .9em;
242 .pure-button-selected {
243 background-color: #345fcb;
246 .pure-button-secondary {
247 background: rgb
(161, 195, 238);
248 color: rgb
(26, 88, 122);
251 background: rgb
(214, 86, 75);
254 .pure-button-success {
255 background: rgb
(54, 197, 71);
258 .pure-button-warning {
259 background: rgb
(255, 163, 0);