Side by Side Diff: skin/firstRun.css
Issue 8615139:
adblockpluschrome: Open share page in lightbox (Closed)
Patch Set:
Created Oct. 25, 2012, 1:29 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« firstRun.js ('K')
|
« firstRun.js ('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 | |
| 118 { | |
| 119 position: absolute; | |
| 120 top: 0; | |
| 121 right: 0; | |
| 122 bottom: 0; | |
| 123 left: 0; | |
| 124 background: rgba(0, 0, 0, 0.5); | |
| 125 | |
| 126 display: -webkit-box; | |
| 127 -webkit-box-orient: horizontal; | |
| 128 -webkit-box-pack: center; | |
| 129 -webkit-box-align: center; | |
| 130 | |
| 131 display: box; | |
| 132 box-orient: horizontal; | |
| 133 box-pack: center; | |
| 134 box-align: center; | |
| 135 } | |
| 136 | |
| 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; | |
| 153 transition-duration: 0.2s; | |
| 154 } | |
| 155 | |
| 156 #share-popup | |
| 157 { | |
| 158 -webkit-transition-duration: 0.1s; | |
| 159 transition-duration: 0.1s; | |
| 160 } | |
| 161 | |
| 162 #glass-pane.visible, #share-popup.visible | |
| 163 { | |
| 164 visibility: visible; | |
| 165 opacity: 1; | |
| 166 } | |
| 167 | |
| 168 #share-popup.visible | |
| 169 { | |
| 170 -webkit-transition-duration: 0.15s; | |
| 171 transition-duration: 0.15s; | |
| 172 } | |
| 173 | |
| 117 /* Adjust font size on smaller screens */ | 174 /* Adjust font size on smaller screens */ |
| 118 @media (max-height: 800px) | 175 @media (max-height: 800px) |
| 119 { | 176 { |
| 120 body | 177 body |
| 121 { | 178 { |
| 122 font-size: 19px; | 179 font-size: 19px; |
| 123 } | 180 } |
| 124 } | 181 } |
| 125 | 182 |
| 126 @media (max-height: 750px) | 183 @media (max-height: 750px) |
| 127 { | 184 { |
| 128 body | 185 body |
| 129 { | 186 { |
| 130 font-size: 17px; | 187 font-size: 17px; |
| 131 } | 188 } |
| 132 } | 189 } |
| 133 | 190 |
| 134 @media (max-height: 700px) | 191 @media (max-height: 700px) |
| 135 { | 192 { |
| 136 body | 193 body |
| 137 { | 194 { |
| 138 font-size: 16px; | 195 font-size: 16px; |
| 139 } | 196 } |
| 140 } | 197 } |
| OLD | NEW |
