Skip to content
This repository
Fetching contributors…

Cannot retrieve contributors at this time

file 89 lines (74 sloc) 2.402 kb
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
<!DOCTYPE html>

<html>
<head>
    <title>Tests for background gradients</title>

    <style type="text/css">

        html { -pie-load-path: "../build"; }

        table {
            border: 1px solid blue;
            background: #EEF;
            margin: 30px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            width: 50%;
            behavior: url(../build/PIE_uncompressed.htc);
        }

        th {
            border: 1px solid red;
            /*background: #FEE;*/
            padding: .5em 2em;
        }

        td {
            border: 1px solid green;
            /*background: #EFE;*/
            padding: .5em 2em;
        }



        #test1 {
            border-collapse: separate;
            border-spacing: 5px;
        }

        #test2 {
            border-collapse: collapse;
        }

        .rounded {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: #FCC;
            background: -webkit-gradient(0 0, 0 100%, from(#FCC), to(#C99));
            background: -moz-linear-gradient(#FCC, #C99);
            -pie-background: linear-gradient(#FCC, #C99);
            behavior: url(../build/PIE_uncompressed.htc);
        }

    </style>
</head>
<body>

    <table id="test1">
        <thead>
            <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
        </thead>
        <tfoot>
            <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
        </tfoot>
        <tbody>
            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
            <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
        </tbody>
    </table>

    <table id="test2">
        <thead>
            <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
        </thead>
        <tfoot>
            <tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
        </tfoot>
        <tbody>
            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
            <tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
            <tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
        </tbody>
    </table>

</body>
</html>
Something went wrong with that request. Please try again.