diff --git a/common/en/kde-default.css b/common/en/kde-default.css
--- a/common/en/kde-default.css
+++ b/common/en/kde-default.css
@@ -22,7 +22,7 @@
 /*
    Important note: these setting may be overridden by localised CSS.  Do not 
    add here any localization-sensitive style declarations.
-   
+
    Any updates should be validated, e.g. http://jigsaw.w3.org/css-validator/ */
 
 /* Note: "should be inherit" means that in a proper browser inherit should work.
@@ -83,21 +83,13 @@
   padding-right: 1em;
 }
 
-/* Links in Navigation */
-
-.navLeft a:link, .navCenter a:link, .navRight a:link, .header a:link, .header a:visited, .bottom-nav a:link, .bottom-nav a:visited {
-  color: #41597A;
-  font-weight: bold;
-}
-
-
 /* Nice link colors for the main text */
 
 :link { 
   color: #41597A;
 }
 
-:visited { 
+a, :visited { 
   color: #597ba8;
 }
 
@@ -125,18 +117,14 @@
 }
 
 .header {
-  background: #3E91EB none;
-  border-bottom: 1px solid #206dcd;
+  background: #54a3d8 none;
   border-top: 1px solid white;
   color: white;
   font-size: small;
   height: 1.7em;
   line-height: 1em;
   margin: 0px;
-  padding-bottom: 0px;
-  padding-left: 1em;
-  padding-right: 0px;
-  padding-top: 0px;
+  padding: 0px;
   vertical-align: middle;
 }
 
@@ -156,10 +144,6 @@
   vertical-align: middle; 
 }
 
-#logo {
-  background: url('kde_logo_bg.png') transparent repeat;
-}
-
 /* A little bit of padding makes the tables for keybindings etc much easier to read */
 
 table { 
@@ -211,8 +195,8 @@
 }
 */
 
-p { 
-  text-align: justify; 
+p {
+  text-align: justify;
 }
 
 /* More specific settings */
@@ -224,6 +208,16 @@
   font-family: sans-serif;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  color: #525052;
+  background-color: transparent;
+  font-weight: 550;
+}
+
+h1,h2,h3 {
+    line-height: 1.5em;
+}
+
 /* Visual cues for GUI elements etc in the text */
 
 .guimenu, .guimenuitem, .guisubmenu { 
@@ -241,11 +235,15 @@
   color: rgb(0,0,0); /* should be inherit */
 }
 
-.shortcut .keycap { 
+.shortcut .keycap {
   background-color: rgb(220,220,220);
   color: rgb(0,0,0); /* should be inherit */
 }
 
+.keycap {
+  margin-left: 4px;
+}
+
 .question { 
   font-weight: bolder; 
 }
@@ -262,11 +260,6 @@
   font-weight: bold;
 }
 
-h1, h2, h3, h4, h5, h6 { 
-  color: rgb(82,80,82);
-  background-color: transparent;
-}
-
 .arg, .parameter, .replaceable { 
   background-color: rgb(255,255,255);
   color: rgb(0,128,64);
@@ -309,8 +302,6 @@
 
 .inlinemediaobject { 
   vertical-align: baseline; 
-  padding-right: 1em;
-  padding-left: 1em;		
 }
 
 /* An idea that could be nice: a search engine looking for specific
@@ -328,4 +319,23 @@
   font-family: monospace;
   color: rgb(0,0,0);
 }
-
+code.email {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-break: break-word;
+}
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+dt {
+  font-weight: 500;
+}
+.date {
+  margin-right: 4px;
+}
diff --git a/common/en/kde-docs.css b/common/en/kde-docs.css
--- a/common/en/kde-docs.css
+++ b/common/en/kde-docs.css
@@ -8,6 +8,11 @@
     padding: 0;
     width: 100%;
     height: 100%;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #212529;
+    text-align: left;
 }
 
 /* These two divs force the content to fill up at least the viewport, which
@@ -88,61 +93,31 @@
 div.tip, div.note, div.warning, div.important {
     padding: 6pt;
     padding-top: 3pt;
+    border-radius: 3px;
 }
 
 div.tip > .title, div.warning > .title, div.note > .title, div.important > .title {
-    padding: 4pt 1cm;
-    margin: 0;
-    margin-top: 4pt;
+    font-weight: 550;
 }
 
 div.tip {
-    border: 1px solid #EEF;
-    border-left: 1px solid #88F;
-    background: #EFEFFF;
-}
-
-div.tip > .title {
-    border: 1px solid #88F;
-    background: #CFCFFF;
-    color: #222;
+    border: 2px solid #3daee9;
+    background: #cbe3ef;
 }
 
 div.important {
-    border: 1px solid #FF2;
-    border-left: 1px solid #888;
-    background: #FF7;
-}
-
-div.important > .title {
-    border: 1px solid #836900;
-    background: #FC0;
-    color: #222;
+    border: 2px solid #f67400;
+    background: #f0d7c1;
 }
 
 div.note {
-    border: 1px solid #EEE;
-    border-left: 1px solid #888;
-    background: #EFEFEF;
-}
-
-div.note > .title {
-    border: 1px solid #888;
-    background: #CFCFCF;
-    color: #222;
+    border: 2px solid #27ae60;
+    background: #c7e2d4;
 }
 
 div.warning {
-    border: 1px solid #FEE;
-    border-left: 1px solid #F88;
-    background: #FFEFEF;
-    margin-bottom: 6pt;
-}
-
-div.warning > .title {
-    border: 1px solid #F88;
-    background: #FFAFAF;
-    color: #222;
+    border: 2px solid #da4453;
+    background: #ebced1;
 }
 
 /* Make the content wrapping div have a nice margin. */
@@ -273,44 +248,28 @@
 #header {
     width: 100%;
     height: 51px;
-    color: #535353;
-    background: #eeeeee;
-    border-bottom: #bcbcbc 1px solid;
+    color: white;
+    font-height: 3em;
+    background: #54a3d8;
 }
 
 #header_content {
-    margin: 0 auto;
-    width: 80%;
-    height: 51px;
-    background: url("top.jpg") top left repeat-x;
+    margin-left: 1em;
+    background: white;
+    height: 47px;
+}
+#header_left {
+    background: #54a3d8;
+    display: inline-block;
+    height: 47px;
+    padding-right: 1em;
 }
 
 #header_right img {
     position: relative;
     top: 8px; /* Vertically center */
 }
 
-#header_left {
-    background: url("top-left.jpg") top left no-repeat;
-    padding-left: 20px;
-    height: 51px;
-}
-
-#header_right {
-    background: url("top-right.jpg") top right no-repeat;
-    color: white;
-    padding-right: 20px;
-    height: 51px;
-    text-align: left;
-    font-size: 18pt;
-    font-weight: bold;
-    vertical-align: middle;
-    text-shadow: #112 2px 2px 2px;
-    white-space: nowrap;
-    overflow: hidden;
-    line-height: 51px;
-}
-
 /* Used for the text and footer area at the bottom. */
 #footer {
     width: 100%;
@@ -360,3 +319,11 @@
         border-top: 1px solid #DDD;
     }
 }
+
+img {
+    max-width: 100%;
+}
+
+.productname {
+    margin-left: 5px;
+}
diff --git a/common/en/top-kde.jpg b/common/en/top-kde.jpg
index 48967d344b05baaecfd5450345d9b88f25983344..31323b185c0ab504e99bebf23f12972c23763acb
GIT binary patch
literal 2679
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
V!6h`W>(JGbr{c;3ts$(5{{Y9EBme*a

literal 2944
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
MHm+^f#u^&>C$7t>cK`qY