<p dir="auto">Hi!</p>
<p dir="auto">I used the customizer to generate my own bootstrap 3 css files and using it to display a dialog with 'fade' in the class made the dialog background go black instead of 50% opacity black.</p>
<p dir="auto">Inspecting the modal-backdrop I figured the .fade opacity: 1 attribute was overriding the .modal-backdrop opacity: 0.5 attribute.</p>
<p dir="auto">Simply changing the order in which those classes show up in the bootstrap css fixed the problem.</p>
<p dir="auto">I am attaching some pictures to show the problem.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/223555782fb56674952972a76b28dcce70238e7d1de3c746b124bc20a6c255b1/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313038383030392f313031393435392f66613730613839342d306334332d313165332d393534332d3362613432386135653263312e706e67"><img src="https://camo.githubusercontent.com/223555782fb56674952972a76b28dcce70238e7d1de3c746b124bc20a6c255b1/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313038383030392f313031393435392f66613730613839342d306334332d313165332d393534332d3362613432386135653263312e706e67" alt="screen shot 2013-08-23 at 3 10 44 pm" data-canonical-src="https://f.cloud.github.com/assets/1088009/1019459/fa70a894-0c43-11e3-9543-3ba428a5e2c1.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/92fb8ce6b1b13bfcf9143cb47c13961094761c2e6b2f20ea1ca76d88e4fdfebe/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313038383030392f313031393436312f31303733376163322d306334342d313165332d386237322d3961376461653036353063332e706e67"><img src="https://camo.githubusercontent.com/92fb8ce6b1b13bfcf9143cb47c13961094761c2e6b2f20ea1ca76d88e4fdfebe/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313038383030392f313031393436312f31303733376163322d306334342d313165332d386237322d3961376461653036353063332e706e67" alt="screen shot 2013-08-23 at 3 15 45 pm" data-canonical-src="https://f.cloud.github.com/assets/1088009/1019461/10737ac2-0c44-11e3-8b72-9a7dae0650c3.png" style="max-width: 100%;"></a></p>
<p dir="auto">Hi!</p>
<p dir="auto">I just generated a customized version and the modal background is totally black (I also generated a version without any change to be sure it wasn't me that caused that):</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/7c884cd09470c8345f0304ad6c0a9768a9b9ad1b1cf415c28d5eb6df1beb82ab/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353238373238352f313030393333382f66653335323434612d306233362d313165332d393531332d3962363637663362646665652e706e67"><img src="https://camo.githubusercontent.com/7c884cd09470c8345f0304ad6c0a9768a9b9ad1b1cf415c28d5eb6df1beb82ab/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353238373238352f313030393333382f66653335323434612d306233362d313165332d393531332d3962363637663362646665652e706e67" alt="image" data-canonical-src="https://f.cloud.github.com/assets/5287285/1009338/fe35244a-0b36-11e3-9513-9b667f3bdfee.png" style="max-width: 100%;"></a></p>
<p dir="auto">The download link on the home page does have transparency:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/c35f738d5bc9c495c9e5c3e792a7c2a713e064f7ba536da495ecd6830f696e96/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353238373238352f313030393335332f33396635313138342d306233372d313165332d383231622d3263396365363830626339352e706e67"><img src="https://camo.githubusercontent.com/c35f738d5bc9c495c9e5c3e792a7c2a713e064f7ba536da495ecd6830f696e96/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353238373238352f313030393335332f33396635313138342d306233372d313165332d383231622d3263396365363830626339352e706e67" alt="image" data-canonical-src="https://f.cloud.github.com/assets/5287285/1009353/39f51184-0b37-11e3-821b-2c9ce680bc95.png" style="max-width: 100%;"></a></p>