<pre style='margin:0'>
Mojca Miklavec (mojca) pushed a commit to branch master
in repository macports-www.
</pre>
<p><a href="https://github.com/macports/macports-www/commit/7b6a5c42a2e3478dea43640edeaa8e9e20f1371b">https://github.com/macports/macports-www/commit/7b6a5c42a2e3478dea43640edeaa8e9e20f1371b</a></p>
<pre style="white-space: pre; background: #F8F8F8"><span style='display:block; white-space:pre;color:#808000;'>commit 7b6a5c42a2e3478dea43640edeaa8e9e20f1371b
</span>Author: Simon <perdrisat@gmail.com>
AuthorDate: Sat Feb 2 20:29:32 2019 +0100
<span style='display:block; white-space:pre;color:#404040;'> Try to make it look more modern
</span><span style='display:block; white-space:pre;color:#404040;'>
</span><span style='display:block; white-space:pre;color:#404040;'> Quick changes in the CSS to make the website look a bit more modern.
</span>---
macports.css | 46 +++++++++++++++++++++++++++-------------------
1 file changed, 27 insertions(+), 19 deletions(-)
<span style='display:block; white-space:pre;color:#808080;'>diff --git a/macports.css b/macports.css
</span><span style='display:block; white-space:pre;color:#808080;'>index 7605cf5..3358357 100644
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>--- a/macports.css
</span><span style='display:block; white-space:pre;background:#e0e0ff;'>+++ b/macports.css
</span><span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -4,10 +4,17 @@
</span>
body {
margin: 0;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- padding: 30px 40px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ padding: 19px 40px;
</span> background: url(img/top-backdrop.png) repeat-x #EDEDED;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- font: 12px Helvetica, Arial, sans-serif;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- line-height: 1.2em;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! font: 13px Helvetica, Arial, sans-serif; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ line-height: 1.4em;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ font-size: 1rem;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ font-weight: 400;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ line-height: 1.5;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ color: #212529;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ text-align: left;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ background-color: #fff;
</span> }
.accessibility {
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -33,7 +40,7 @@ a:hover {
</span>
h1, h2, h3 {
margin: 0;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- color: white;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! color: white; */
</span> }
h1 {
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -43,7 +50,7 @@ h1 {
</span> h1 a {
display: block;
width: 183px;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- height: 70px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ height: 49px;
</span> background: url(img/macports-logo-top.png);
background-size: 183px 73px;
}
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -58,16 +65,16 @@ h2::after, h3::after {
</span> }
h2, h3 {
<span style='display:block; white-space:pre;background:#ffe0e0;'>- background: #8695B3;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- padding: 0.2em 0.5em;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! background: #8695B3; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! padding: 0.2em 0.5em; */
</span> }
h2 {
<span style='display:block; white-space:pre;background:#ffe0e0;'>- font: bold 24px "Lucida Grande", Helvetica, Arial, sans-serif;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! font: bold 24px "Lucida Grande", Helvetica, Arial, sans-serif; */
</span> }
h3 {
<span style='display:block; white-space:pre;background:#ffe0e0;'>- padding: 0.4em 0.5em 0.2em;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! padding: 0.4em 0.5em 0.2em; */
</span> }
h3 a:link {
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -106,7 +113,7 @@ img {
</span> display: block;
float: right;
width: 70px;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- height: 48px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ height: 29px;
</span> background: url(img/download.png);
margin-left: 5px;
}
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -125,24 +132,25 @@ a#download:hover {
</span> }
#navigation {
<span style='display:block; white-space:pre;background:#ffe0e0;'>- width: 183px;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ width: 176px;
</span> float: left;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- clear: left;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- background: url(img/nav-header.png) top no-repeat #B1BACC;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- line-height: 1.4em;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! clear: left; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! background: url(img/nav-header.png) top no-repeat #B1BACC; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! line-height: 1.4em; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! margin-top: -6px; */
</span> }
#navigation dl {
padding: 16px 0;
margin: 0;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- background: url(img/nav-footer.png) bottom no-repeat;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! background: url(img/nav-footer.png) bottom no-repeat; */
</span> }
#navigation dt {
margin: 0;
<span style='display:block; white-space:pre;background:#ffe0e0;'>- padding: 0 16px;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- color: white;
</span><span style='display:block; white-space:pre;background:#ffe0e0;'>- font: bold 125% "Lucida Grande", Helvetica, Arial, sans-serif;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! padding: 0 16px; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! color: white; */
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ /*! font: bold 125% "Lucida Grande", Helvetica, Arial, sans-serif; */
</span> }
#navigation dd {
<span style='display:block; white-space:pre;background:#e0e0e0;'>@@ -171,7 +179,7 @@ a#download:hover {
</span> }
.selected {
<span style='display:block; white-space:pre;background:#ffe0e0;'>- background: #8898ab;
</span><span style='display:block; white-space:pre;background:#e0ffe0;'>+ background: #eaeaea;
</span> font-weight: bold;
}
</pre><pre style='margin:0'>
</pre>