Theme content of page and replace hero image

index.php

@@ -187,13 +187,13 @@
 // Prepare announcements.
 if (is_array($CONF_TEASER)) {
     $conftype = array(
-        'conference' => 'Upcoming conferences',
+        'conference' => 'Upcoming Conferences',
         'cfp'        => 'Conferences calling for papers',
     );
     $announcements = "";
     foreach($CONF_TEASER as $category => $entries) {
 		if ($entries) {
-            $announcements .= '<div class="panel">';
+            $announcements .= '<div class="panel upcoming-conferences">';
             $announcements .= '  <a href="/conferences" class="headline" title="' . $conftype[$category] . '">' . $conftype[$category] .'</a>';
             $announcements .= '<div class="body"><ul>';
             foreach (array_slice($entries, 0, 4) as $url => $title) {
@@ -211,8 +211,8 @@
 $SIDEBAR = <<< SIDEBAR_DATA
 
 $announcements
-    <p class='panel'><a href='/cal.php'>User Group Events</a></p>
-    <p class='panel'><a href='/thanks.php'>Special Thanks</a></p>
+    <p class='panel'><a href='/cal.php' class="headline">User Group Events</a></p>
+    <p class='panel'><a href='/thanks.php' class="headline">Special Thanks</a></p>
     <div class='panel social-media'>
       <span class='headline'>Social media</span>
       <div class='body'>

styles/home.css

@@ -211,14 +211,6 @@
 
 /* Layout */
 
-#layout-content {
-  border-right:.25rem solid #666;
-}
-.home .newsentry .newstitle a:after  {
-  content:"\20 \00bb";
-  color:#666;
-}
-
 p.archive {
 	text-align: right;
 }
@@ -260,3 +252,36 @@ aside.tips .social-media .icon-twitter {
     font-size: 1.5em;
     vertical-align: middle;
 }
+
+aside.tips .upcoming-conferences.panel {
+    margin-bottom: .75rem;
+}
+aside.tips .upcoming-conferences ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+aside.tips .upcoming-conferences ul li a {
+    padding: .75rem 0;
+    display: block;
+    border-bottom: 1px solid #666A8B;
+    color: #666A8B;
+}
+aside.tips .upcoming-conferences ul li a:before {
+    content: '\000BB  '
+}
+
+aside.tips .upcoming-conferences ul li a:hover {
+    background: #f0f0f0;
+    transition: background .3s;
+    color: #666A8B;
+    border-color: #666A8B;
+}
+
+aside.tips .upcoming-conferences ul li:last-of-type a {
+    border-bottom: none;
+}
+aside.tips .upcoming-conferences .body {
+    margin-top: 0;
+}

styles/theme-base.css

@@ -576,11 +576,6 @@ pre.info {
     -moz-box-sizing:border-box;
     box-sizing:border-box;
 }
-#layout-content {
-  padding:1.5rem;
-  -moz-box-sizing:border-box;
-  box-sizing:border-box;
-}
 #layout-content:only-child {
   width:100%;
 }
@@ -1180,7 +1175,7 @@ fieldset {
   clear:both;
 }
 header.title {
-  margin-bottom:1.5rem;
+  margin-bottom: .75rem;
 }
 .title a {
   border:0;
@@ -1532,11 +1527,11 @@ div.soft-deprecation-notice blockquote.sidebar {
     transform: translateZ(0);
   }
   body {
-    margin:3.25rem 0 0;
+    margin: 4rem 0 0;
   }
   /* add a top-margin to all elements which get referenced by anchor-urls, so they are not covered by the fixed header */
   [id] {
-    scroll-margin-top: 3.25rem;
+    scroll-margin-top: 4rem;
   }
 
   #breadcrumbs {
@@ -1787,7 +1782,6 @@ aside.tips {
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   padding:1.5rem;
-  color:#ccc;
 }
 aside.tips p {
   margin-top:0;
@@ -1796,17 +1790,18 @@ aside.tips .panel {
     margin:0 0 1.5rem;
 }
 aside.tips .panel .body {
-  font-size:.875rem;
-  margin-top:1.5rem;
+  font-size: .875rem;
+  margin-top: 1rem;
 }
 
 aside.tips .panel .headline {
   display: block;
-  border-bottom:0;
+  border-bottom: 0;
   line-height: 1.5rem;
-  font-size:1.125rem;
-  color:#E6E6E6;
+  font-size: 1.125rem;
   text-rendering: optimizeLegibility;
+  color: #666A8B;
+  font-weight: 500;
 }
 /* Announcement Area */
 
@@ -1847,11 +1842,15 @@ aside.tips div.inner {
   margin:0;
 }
 .newsentry {
-  margin: 0 0 3rem;
+  margin: 0 0 2rem;
   position: relative;
+  background: #f9f9f9;
+  border: 1px solid #e9e9e9;
+  border-radius: 5px;
+  padding: .5rem 1rem 1rem 1rem;
 }
-.newsentry h2 {
-  font-weight:normal;
+.newsentry p:last-of-type {
+    margin-bottom: 0;
 }
 .newsentry h2 .release-state {
   float: right;

styles/theme-medium.css

@@ -13,14 +13,10 @@
 
 
 html {
-  color: #CCC;
+  color: #2D2F3D;
 }
 #layout-content {
-  background:#F2F2F2;
-  color:#2D2F3D;
-}
-#layout-content:not(:only-child) {
-  border-right:.25rem solid #666;
+  color: #2D2F3D;
 }
 
 abbr {
@@ -29,7 +25,7 @@ abbr {
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: 500;
-  color:#333
+  color: #2D2F3D;
 }
 header.title,
 h1:after,
@@ -39,8 +35,9 @@ h3:after {
   width:100%;
   content:" ";
   margin-top:-1px;
-  border-bottom:1px dotted;
+  border-bottom: 2px solid;
 }
+
 .title h1:after,
 .title h2:after,
 .title h3:after {
@@ -49,7 +46,7 @@ h3:after {
 
 a:link,
 a:visited {
-  color: #ccc;
+  color: #8C92BE;
 }
 #layout-content a:link,
 #layout-content a:visited {
@@ -107,11 +104,10 @@ h1.refname {
 }
 
 .title a,
-.title {
-  color: #793862;
-}
-.title time {
-  color: #333;
+.title time,
+.title,
+.title a:visited {
+  color: #666A8B !important;
 }
 
 .methodname b,
@@ -402,27 +398,24 @@ aside.tips div.border {
 aside.tips h3 {
   color:#E6E6E6;
 }
-aside.tips a {
-  color:#ccc;
-  border-bottom:1px dotted #666;
-}
 aside.tips .panel > a:after,
 aside.tips .panel > span:after {
   content:" ";
   display:block;
-  border-bottom:1px dotted #666;
+  border-bottom: 2px solid #666A8B;
+  padding-top: .5rem;
 }
 aside.tips .panel > a {
   display:block;
   border-bottom: none;
 }
 aside.tips .panel > a:hover:after {
-  border-color:#AE508D;
+  border-color: #666A8B;
 }
 aside.tips a:hover,
 aside.tips a:focus {
-  color:#AE508D;
-  border-color:#AE508D;
+  color: #666A8B;
+  border-color: #666A8B;
 }
 
 .soft-deprecation-notice {