<p>Reasons for the changes that you've marked as "bad":</p>
<p>Modern HTML should adjust to a user's monitor. Some people are using tablets, some a phone, others still have tiny monitors, while I for example have one that is 22". Hence the restriction on the width of the page was changed from a fixed 1200px to a percentage of the screen width.</p>
<p>The color choices were selected to match the main opensips.org website. Those can be changed back if you guys want the page to look different from that.</p>
<p>The module headers are using the same gradient colors as that of the home page/menu area from opensips.org.</p>
<p>As for the code-block border sizes. Probably the left and right could be narrowed out. I just used 10, 15, or 20px as a simple number to get the look started.</p>
<p>Examples:</p>
<p><strong>10px x 15px borders:</strong><br>
<a href="https://cloud.githubusercontent.com/assets/546197/6806413/975b5c82-d216-11e4-8f10-b74a70c62d96.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/546197/6806413/975b5c82-d216-11e4-8f10-b74a70c62d96.png" alt="example1015" style="max-width:100%;"></a></p>
<p><strong>15px x 20px borders (as proposed)</strong><br>
<a href="https://cloud.githubusercontent.com/assets/546197/6806414/975d52da-d216-11e4-9281-1a818d126fc9.png" target="_blank"><img src="https://cloud.githubusercontent.com/assets/546197/6806414/975d52da-d216-11e4-9281-1a818d126fc9.png" alt="example1520" style="max-width:100%;"></a></p>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/OpenSIPS/opensips/pull/440#issuecomment-85586127">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/AFOciZfdGvbu8G2aXn7rKyqJt6EkMtTJks5n4YTwgaJpZM4DzcN0.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" href="https://github.com/OpenSIPS/opensips/pull/440#issuecomment-85586127"></link>
<meta itemprop="name" content="View Pull Request"></meta>
</div>
<meta itemprop="description" content="View this Pull Request on GitHub"></meta>
</div>