Side by Side Diff: skin/firstRun.css
Issue 8682037:
adblockpluschrome: Show a busy indicator while loading (Closed)
Patch Set:
Created Oct. 25, 2012, 3:16 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« skin/ajax-loader.gif ('k')
|
no next file »
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 body | 1 body |
| 2 { | 2 { |
| 3 font-family: Arial, Helvetica, sans-serif; | 3 font-family: Arial, Helvetica, sans-serif; |
| 4 font-size: 20px; | 4 font-size: 20px; |
| 5 background: repeating-linear-gradient(0deg, #F8F6F5, #F6F4F2 50%, #FCFBF9); | 5 background: repeating-linear-gradient(0deg, #F8F6F5, #F6F4F2 50%, #FCFBF9); |
| 6 background: -webkit-repeating-linear-gradient(0deg, #F5F4F3, #FAF9F8 50%, #F5F 4F3); | 6 background: -webkit-repeating-linear-gradient(0deg, #F5F4F3, #FAF9F8 50%, #F5F 4F3); |
| 7 background-size: 5px 5px; | 7 background-size: 5px 5px; |
| 8 max-width: 800px; | 8 max-width: 800px; |
| 9 margin: auto; | 9 margin: auto; |
| 10 line-height: 1.5; | 10 line-height: 1.5; |
| (...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 107 .share-facebook | 107 .share-facebook |
| 108 { | 108 { |
| 109 background-image: url(/skin/facebook.png); | 109 background-image: url(/skin/facebook.png); |
| 110 } | 110 } |
| 111 | 111 |
| 112 .share-twitter | 112 .share-twitter |
| 113 { | 113 { |
| 114 background-image: url(/skin/twitter.png); | 114 background-image: url(/skin/twitter.png); |
| 115 } | 115 } |
| 116 | 116 |
| 117 #glass-pane, #share-popup | |
| 118 { | |
| 119 visibility: hidden; | |
| 120 opacity: 0; | |
| 121 -webkit-transition-property: opacity, visibility; | |
| 122 transition-property: opacity, visibility; | |
| 123 } | |
| 124 | |
| 117 #glass-pane | 125 #glass-pane |
| 118 { | 126 { |
| 119 position: absolute; | 127 position: absolute; |
| 120 top: 0; | 128 top: 0; |
| 121 right: 0; | 129 right: 0; |
| 122 bottom: 0; | 130 bottom: 0; |
| 123 left: 0; | 131 left: 0; |
| 124 background: rgba(0, 0, 0, 0.5); | 132 background: rgba(0, 0, 0, 0.5) url(/skin/ajax-loader.gif) no-repeat 50% 50%; |
| 125 | 133 |
| 126 display: -webkit-box; | 134 display: -webkit-box; |
| 127 -webkit-box-orient: horizontal; | 135 -webkit-box-orient: horizontal; |
| 128 -webkit-box-pack: center; | 136 -webkit-box-pack: center; |
| 129 -webkit-box-align: center; | 137 -webkit-box-align: center; |
| 130 | 138 |
| 131 display: box; | 139 display: box; |
| 132 box-orient: horizontal; | 140 box-orient: horizontal; |
| 133 box-pack: center; | 141 box-pack: center; |
| 134 box-align: center; | 142 box-align: center; |
| 135 } | |
| 136 | 143 |
| 137 #share-popup | |
| 138 { | |
| 139 border: none; | |
| 140 } | |
| 141 | |
| 142 #glass-pane, #share-popup | |
| 143 { | |
| 144 visibility: hidden; | |
| 145 opacity: 0; | |
| 146 -webkit-transition-property: opacity, visibility; | |
| 147 transition-property: opacity, visibility; | |
| 148 } | |
| 149 | |
| 150 #glass-pane | |
| 151 { | |
| 152 -webkit-transition-duration: 0.2s; | 144 -webkit-transition-duration: 0.2s; |
| 153 transition-duration: 0.2s; | 145 transition-duration: 0.2s; |
| 154 } | 146 } |
| 155 | 147 |
| 156 #share-popup | 148 #share-popup |
| 157 { | 149 { |
| 158 -webkit-transition-duration: 0.1s; | 150 border: none; |
| 159 transition-duration: 0.1s; | 151 -webkit-transition-delay: 0.1s; |
| 152 transition-delay: 0.1s; | |
| 160 } | 153 } |
| 161 | 154 |
| 162 #glass-pane.visible, #share-popup.visible | 155 #glass-pane.visible, #share-popup.visible |
| 163 { | 156 { |
| 164 visibility: visible; | 157 visibility: visible; |
| 165 opacity: 1; | 158 opacity: 1; |
| 166 } | 159 } |
| 167 | 160 |
| 168 #share-popup.visible | 161 #share-popup.visible |
| 169 { | 162 { |
| (...skipping 18 matching lines...) Expand all Loading... | |
| 188 } | 181 } |
| 189 } | 182 } |
| 190 | 183 |
| 191 @media (max-height: 700px) | 184 @media (max-height: 700px) |
| 192 { | 185 { |
| 193 body | 186 body |
| 194 { | 187 { |
| 195 font-size: 16px; | 188 font-size: 16px; |
| 196 } | 189 } |
| 197 } | 190 } |
| OLD | NEW |
« no previous file with comments
|
« skin/ajax-loader.gif ('k')
|
no next file »
|
no next file with comments »
