OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 2035 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2046 } | 2046 } |
2047 | 2047 |
2048 .sidebar-tree-item .icon { | 2048 .sidebar-tree-item .icon { |
2049 float: left; | 2049 float: left; |
2050 width: 32px; | 2050 width: 32px; |
2051 height: 32px; | 2051 height: 32px; |
2052 margin-top: 1px; | 2052 margin-top: 1px; |
2053 margin-right: 3px; | 2053 margin-right: 3px; |
2054 } | 2054 } |
2055 | 2055 |
| 2056 .sidebar-tree-item.wait .icon { |
| 2057 content: none; |
| 2058 } |
| 2059 |
| 2060 .spinner-icon::before, |
| 2061 .sidebar-tree-item.wait .icon::before { |
| 2062 display: block; |
| 2063 width: 24px; |
| 2064 height: 24px; |
| 2065 margin: 4px; |
| 2066 border: 3px solid grey; |
| 2067 border-radius: 12px; |
| 2068 clip: rect(0px, 15px, 15px, 0px); |
| 2069 content: ""; |
| 2070 position: absolute; |
| 2071 -webkit-animation: spinner-animation 1s linear infinite; |
| 2072 } |
| 2073 |
| 2074 .spinner-icon.small::before, |
| 2075 .sidebar-tree-item.wait.small .icon::before { |
| 2076 width: 14px; |
| 2077 height: 14px; |
| 2078 margin: 1px; |
| 2079 clip: rect(0px, 9px, 9px, 0px); |
| 2080 border-width: 2px; |
| 2081 } |
| 2082 |
| 2083 .sidebar-tree-item.wait.selected .icon::before { |
| 2084 border-color: white; |
| 2085 } |
| 2086 |
| 2087 @-webkit-keyframes spinner-animation { |
| 2088 from { -webkit-transform: rotate(0); } |
| 2089 to { -webkit-transform: rotate(360deg); } |
| 2090 } |
| 2091 |
2056 li .status { | 2092 li .status { |
2057 float: right; | 2093 float: right; |
2058 height: 16px; | 2094 height: 16px; |
2059 margin-top: 9px; | 2095 margin-top: 9px; |
2060 margin-left: 4px; | 2096 margin-left: 4px; |
2061 line-height: 1em; | 2097 line-height: 1em; |
2062 } | 2098 } |
2063 | 2099 |
2064 li .status:empty { | 2100 li .status:empty { |
2065 display: none; | 2101 display: none; |
(...skipping 771 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2837 padding-left: 2px; | 2873 padding-left: 2px; |
2838 } | 2874 } |
2839 | 2875 |
2840 body.undocked .toolbar-close-button-item { | 2876 body.undocked .toolbar-close-button-item { |
2841 display: none; | 2877 display: none; |
2842 } | 2878 } |
2843 | 2879 |
2844 .root-view > .split-view > .split-view-sidebar { | 2880 .root-view > .split-view > .split-view-sidebar { |
2845 position: relative; | 2881 position: relative; |
2846 } | 2882 } |
OLD | NEW |