Thank you to anyone who has already donated - your generous donations helped make three months of treatment possible.

My brother Nate continues to fight stage IV Hodgkin's lymphoma. He's just 31, with a wife and baby girl. They have no active income (since he's been unable to return to work), no insurance, and cannot afford the treatment he needs. Nate and his family need your help. Please consider a donation, every dollar helps. Thanks.

Read Nate's story Support Nate by buying an official Pastie t-shirt Hide this message

Document@2x
|
Chain_link@2x
|
Arrow_down@2x
|
Spiral_paper@2x
A A A

HTML / XML       Report abuse 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Testing box shadow with different borders</title>

  <!-- You'll need a toolButton.png for these tests to work -->

  <style type="text/css" media="screen">
    div {
      margin-top: 2em;
      width: 400px;
      min-height: 40px;
      padding: 10px;
    }

    #a {
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #b {
      border:1px solid black;
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #c {
      border:1px solid black;
      -webkit-border-radius: 20px;
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #d {
      -webkit-border-radius: 20px;
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #e {
      background-color: #ddf;
      -webkit-border-radius: 20px;
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #f {
      background-color: #ddf;
      -webkit-border-radius: 20px;
    }

    #g {
      background-color: #ddf;
      -webkit-border-radius: 20px;
      -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #h {
      border-width: 0 5 0 5;
      -webkit-border-image: url(toolButton.png) 0 5 0 5 stretch stretch;
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    }

    #i {
      border-width: 0 5 0 5;
      -webkit-border-image: url(toolButton.png) 0 5 0 5 stretch stretch;
    }

  </style>
</head>
<body>
  <h1>Testing box-shadow with various borders</h1>

  <div id="a">YES(box-shadow) NO(background, border)</div>

  <div id="b">YES(box-shadow, border) NO(background)</div>

  <div id="c">YES(box-shadow, border, border-radius) NO(background)</div>

  <div id="d">YES(box-shadow, border-radius) NO(background, border)</div>

  <div id="e">YES(box-shadow, border-radius, background) NO(border)</div>

  <div id="f">YES(border-radius, background) NO(border, box-shadow)</div>

  <div id="g">YES(border-radius, background, box-shadow, INSET) NO(border)</div>

  <div id="h">YES(border-image, background, box-shadow)</div>

  <div id="i">YES(border-image, background) NO(border, box-shadow)</div>


</body>
</html>