~l3on/ubuntu-themes/gnome-shell-fixes

« back to all changes in this revision

Viewing changes to Radiance/gtk-3.0/gtk-widgets.css

  • Committer: Leo Iannacone
  • Date: 2014-10-21 13:01:11 UTC
  • Revision ID: l3on@ubuntu.com-20141021130111-s0bgcdt8bh5zee89
fix spinner - code from Adwaita 3.14

Show diffs side-by-side

added added

removed removed

Lines of Context:
1887
1887
/***********
1888
1888
 * spinner *
1889
1889
 ***********/
1890
 
@keyframes spinner {
1891
 
    0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1892
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1893
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1894
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1895
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1896
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1897
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1898
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
1899
 
 
1900
 
    12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1901
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1902
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1903
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1904
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1905
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1906
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1907
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
1908
 
 
1909
 
    25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1910
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1911
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1912
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1913
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1914
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1915
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1916
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
1917
 
 
1918
 
    37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1919
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1920
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1921
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1922
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1923
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1924
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1925
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
1926
 
 
1927
 
    50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1928
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1929
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1930
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1931
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1932
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1933
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1934
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
1935
 
 
1936
 
    62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1937
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1938
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1939
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1940
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1941
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1942
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1943
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
1944
 
 
1945
 
    75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1946
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1947
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1948
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1949
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1950
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1951
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1952
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
1953
 
 
1954
 
    87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1955
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1956
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1957
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1958
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1959
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1960
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1961
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
1962
 
 
1963
 
    100%  { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1964
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1965
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1966
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1967
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1968
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1969
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1970
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
 
1890
@keyframes spin {
 
1891
  to {
 
1892
    -gtk-icon-transform: rotate(1turn);
 
1893
  }
1971
1894
}
1972
1895
 
1973
1896
.spinner {
1974
 
    background-color: transparent;
1975
 
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1976
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1977
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1978
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1979
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1980
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1981
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1982
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
1983
 
    background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
1984
 
    background-size: 20% 20%;
1985
 
    background-repeat: no-repeat;
1986
 
}
1987
 
 
1988
 
.menu .spinner,
1989
 
.menu .spinner:hover,
1990
 
.primary-toolbar .spinner,
1991
 
.menubar.toolbar .spinner,
1992
 
.header-bar .spinner,
1993
 
.titlebar .spinner {
1994
 
    color: @selected_bg_color;
1995
 
    border: none;
1996
 
    box-shadow: none;
1997
 
}
1998
 
 
1999
 
.spinner:active,
2000
 
.spinner:checked {
2001
 
    animation: spinner 1s infinite linear;
 
1897
  background-image: none;
 
1898
  opacity: 0;
 
1899
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 
1900
}
 
1901
 
 
1902
.spinner:active {
 
1903
    opacity: 1;
 
1904
    animation: spin 1s linear infinite;
 
1905
}
 
1906
 
 
1907
.spinner:active:insensitive {
 
1908
    opacity: 0.5;
2002
1909
}
2003
1910
 
2004
1911
/*************