Side by Side Diff: skin/firstRun.css
Issue 8615139:
adblockpluschrome: Open share page in lightbox (Closed)
Patch Set:
Created Oct. 25, 2012, 11:49 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« 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 width: 550px; | |
| 140 height: 550px; | |
| 141 border: none; | |
| 142 } | |
| 143 | |
| 144 #glass-pane, #share-popup | |
| 145 { | |
| 146 visibility: hidden; | |
| 147 opacity: 0; | |
| 148 -webkit-transition-property: opacity, visibility; | |
| 149 transition-property: opacity, visibility; | |
| 150 } | |
| 151 | |
| 152 #glass-pane | |
| 153 { | |
| 154 -webkit-transition-duration: 0.2s; | |
| 155 transition-duration: 0.2s; | |
| 156 } | |
| 157 | |
| 158 #share-popup | |
| 159 { | |
| 160 -webkit-transition-duration: 0.1s; | |
| 161 transition-duration: 0.1s; | |
| 162 } | |
| 163 | |
| 164 #glass-pane.visible, #share-popup.visible | |
| 165 { | |
| 166 visibility: visible; | |
| 167 opacity: 1; | |
| 168 } | |
| 169 | |
| 170 #share-popup.visible | |
| 171 { | |
| 172 -webkit-transition-duration: 0.15s; | |
| 173 transition-duration: 0.15s; | |
| 174 } | |
| 175 | |
| 117 /* Adjust font size on smaller screens */ | 176 /* Adjust font size on smaller screens */ |
| 118 @media (max-height: 800px) | 177 @media (max-height: 800px) |
| 119 { | 178 { |
| 120 body | 179 body |
| 121 { | 180 { |
| 122 font-size: 19px; | 181 font-size: 19px; |
| 123 } | 182 } |
| 124 } | 183 } |
| 125 | 184 |
| 126 @media (max-height: 750px) | 185 @media (max-height: 750px) |
| 127 { | 186 { |
| 128 body | 187 body |
| 129 { | 188 { |
| 130 font-size: 17px; | 189 font-size: 17px; |
| 131 } | 190 } |
| 132 } | 191 } |
| 133 | 192 |
| 134 @media (max-height: 700px) | 193 @media (max-height: 700px) |
| 135 { | 194 { |
| 136 body | 195 body |
| 137 { | 196 { |
| 138 font-size: 16px; | 197 font-size: 16px; |
| 139 } | 198 } |
| 140 } | 199 } |
| OLD | NEW |
« no previous file with comments
|
« firstRun.js ('k')
|
no next file »
|
no next file with comments »
