Skip to:
Content

BuddyPress.org

Ticket #3241: defaultgradients.diff

File defaultgradients.diff, 6.9 KB (added by karmatosed, 15 years ago)

  • default.css

     
    16811681ul.button-nav li a,
    16821682div.generic-button a,
    16831683.comment-reply-link {
    1684         background: #fff;
    1685         background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
    1686         background: -moz-linear-gradient(top, white, #ededed);
    1687         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
     1684        background: #fff; /* Old browsers */
     1685        background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
     1686        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
     1687        background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
     1688        background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
     1689        background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
     1690        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
     1691        background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
    16881692        border: 1px solid #ccc;
    16891693        -moz-border-radius: 3px;
    16901694        -webkit-border-radius: 3px;
    … …  
    17091713div.generic-button a:hover,
    17101714.comment-reply-link:hover {
    17111715        background: #ededed;
    1712         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    1713         background: -moz-linear-gradient(top,  #fff,  #e0e0e0);
    1714         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
     1716        background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
     1717        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
     1718        background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
     1719        background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
     1720        background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
     1721        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
     1722        background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
    17151723        border: 1px solid #bbb;
    17161724        color: #555;
    17171725        outline: none;
    … …  
    17401748input[type="submit"].loading,
    17411749input[type="button"].loading,
    17421750input[type="reset"].loading {
    1743     background-image: url( ../images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    1744         background-image: url( ../images/ajax-loader.gif ), -moz-linear-gradient(top,  #fff,  #e0e0e0);
     1751        background-image: url( ../images/ajax-loader.gif ), -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
     1752        background-image: url( ../images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
     1753        background-image: url( ../images/ajax-loader.gif ), -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
     1754        background-image: url( ../images/ajax-loader.gif ), -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
     1755        background-image: url( ../images/ajax-loader.gif ), -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
     1756        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
     1757        background-image: url( ../images/ajax-loader.gif ), linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
    17451758}
    17461759a.button.loading:hover,
    17471760input[type="submit"].loading:hover,
    17481761input[type="button"].loading:hover,
    17491762input[type="reset"].loading:hover {
    1750     background-image: url( ../images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    1751     background-image: url( ../images/ajax-loader.gif ), -moz-linear-gradient(top,  #fff,  #e0e0e0);
    1752     border: 1px solid #ccc;
     1763        background-image: url( ../images/ajax-loader.gif ), -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
     1764        background-image: url( ../images/ajax-loader.gif ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
     1765        background-image: url( ../images/ajax-loader.gif ), -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
     1766        background-image: url( ../images/ajax-loader.gif ), -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
     1767        background-image: url( ../images/ajax-loader.gif ), -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
     1768        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
     1769        background-image: url( ../images/ajax-loader.gif ), linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
     1770        border: 1px solid #ccc;
    17531771}
    17541772input[type="submit"].pending,
    17551773input[type="button"].pending,
    … …  
    17751793button.disabled:hover,
    17761794div.pending a:hover,
    17771795a.disabled:hover {
    1778     background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
     1796        background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
     1797        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
     1798        background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
     1799        background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
     1800        background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
     1801        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
     1802        background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
    17791803    border-color: #eee;
    17801804    color: #bbb;
    17811805}
    … …  
    19982022        margin-top: 3px;
    19992023        text-decoration: none;
    20002024        background: #ffeaa6;
    2001         background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    2002         background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    2003         background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    2004         background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    2005         background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
     2025        background: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
     2026        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 5)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
     2027        background: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
     2028        background: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
     2029        background: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
     2030        background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    20062031}
    20072032div#item-header {
    20082033        overflow: hidden;