Index: css_newlayout2.php
===================================================================
--- /dev/null
+++ css_newlayout2.php
@@ -0,0 +1,528 @@
+<?php
+header("Content-type: text/css");
+
+//  This script accepts the following URL parameters:
+//  ?color=<colorname> or ?color=%23<hexadecimal> - Text color
+//  ?background=<colorname> or ?background=%23<hexadecimal> - Background color
+//  ?link=<colorname> or ?link=%23<hexadecimal> - link color
+//  ?color&background&link - use browser colors only
+//  ?mode=print - print stylesheet
+//  ?mode=flat - show menu at the bottom, not at the left
+//  ?site-image=<URL> - use a customised image in the header
+
+// New-web-style colors:
+$white =      '#ffffff';
+$grey_f =     '#f9f9f9';
+$orange =     '#f7800a';
+$light_grey = '#eeeeee';
+$grey_d =     '#bcbcbc';
+$dark_orange ='#cf4913';
+$grey_c =     '#cccccc';
+$mid_grey =   '#888888';
+$middle_red = '#800000';
+$dark_grey =  '#535353';
+$light_blue = '#4d88c3';
+$blue_grey =  '#2f6fab';
+$blue =       '#0057ae';
+$grape_violet3 = '#644A9B';
+$black =      '#000000';
+
+?>
+/*
+** HTML elements
+*/
+
+body {
+    background:  url("http://cdn.kde.org/img/bg.png") repeat;
+    margin: 0;
+    padding: 0;
+    font-size: 13px;
+    font-family: "Noto Sans",Verdana, Geneva, Arial, sans-serif;
+    line-height: 1.3;
+}
+
+
+/*
+** HTML Tags
+*/
+
+h1, h2, h3, h4
+{
+    padding: 0;
+    text-align: left;
+    <?php color ( $orange )?>
+    <?php background ('transparent')?>
+}
+h1 {
+    font-size: 1.7em;
+}
+
+h2 {
+    font-size: 1.5em;
+}
+
+h3 {
+    font-size: 1.4em;
+}
+
+h4 {
+    font-size: 1.3em;
+    font-weight: bold;
+}
+
+h5 {
+    font-size: 1.2em;
+}
+
+a:link {
+    padding-bottom: 0;
+    text-decoration: none;
+    <?php linkcolor ( $blue )?>
+}
+
+a:visited {
+    padding-bottom: 0;
+    text-decoration: none;
+    <?php linkcolor ( $grape_violet3 )?>
+}
+
+
+a[href]:hover {
+    text-decoration: underline;
+}
+
+hr {
+    margin: 0.3em 1em 0.3em 1em;
+    height: 1px;
+    <?php border ( $grey_d, 'dashed')?>
+    border-width: 0 0 1px 0;
+}
+
+pre {
+    display: block;
+    margin: 0.3em;
+    padding: 0.3em;
+    font-size: 1em;
+    <?php color ( $black )?>
+    <?php background ( $grey_f )?>
+    <?php border( $blue_grey, 'dashed' )?>
+    border-width: 1px;
+    overflow: auto;
+    line-height: 1.1em;
+}
+
+input, textarea, select {
+    margin: 0.2em;
+    padding: 0.1em;
+    <?php color ( $mid_grey )?>
+    <?php background ( $white )?>
+    border: 1px solid;
+}
+
+blockquote {
+    margin: 0.3em;
+    padding-left: 2.5em;
+    <?php background ('transparent')?>
+}
+
+del {
+    <?php color ( $middle_red ) ?>
+    text-decoration: line-through;
+}
+
+dt {
+    font-weight: bold;
+    font-size: 1.05em;
+    <?php color ( $blue )?>
+}
+
+dd {
+    margin-left: 1em;
+}
+
+p {
+    margin-top: 0.5em;
+    margin-bottom: 0.9em;
+    text-align: justify;
+}
+fieldset {
+    <?php border ( $grey_c, '1px solid')?>
+}
+
+li {
+    text-align: left;
+}
+
+fieldset {
+    margin-bottom: 1em;
+    padding: .5em;
+}
+
+form {
+    margin: 0;
+    padding: 0;
+}
+
+hr {
+    height: 1px;
+    <?php border ( $mid_grey, '1px solid')?>
+    <?php background ( $mid_grey )?>
+    margin: 0.5em 0 0.5em 0 ;
+}
+
+img {
+    border: 0;
+}
+table {
+    border-collapse: collapse;
+    font-size: 1em;
+}
+th {
+    text-align: left;
+    padding-right: 1em;
+    <?php border ( $grey_c, 'solid')?>
+    border-width: 0 0 3px 0;
+}
+
+
+/*
+** Header
+*/
+#header {
+    <?php width ('100%')?>
+    <?php color ( $dark_gray )?>
+}
+
+#header_top {
+    margin: 0 auto;
+    padding: 0;
+    <?php width ('100%')?>
+    vertical-align: middle;
+    <?php color ( $white )?>
+}
+
+#header_top div {
+    margin: auto;
+    padding: 0;
+    <?php background ( $blue )?>
+}
+
+#header_top div div {
+    margin: 0 auto;
+    padding: 0;
+    vertical-align: middle;
+    text-align: left;
+    max-width:1200px;
+    font-size: 1.7em;
+    font-weight: bold;
+}
+
+#header_top div div img {
+    margin:8px 0px 9px 18px;
+    vertical-align: middle;
+}
+
+#header_bottom {
+    <?php noprint()?>
+    margin: auto;
+    padding: 0.1em 0em 0.3em 0;
+    <?php width ('95%')?>
+    vertical-align: middle;
+    text-align: right;
+    max-width: 1200px;
+}
+
+#location {
+    padding: 0 0 0 1.5em;
+    text-align: left;
+    line-height: normal;
+    font-size: 1.1em;
+    <?php float ('left')?>
+}
+
+#location ul {
+    display: inline;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#location ul li {
+    display: inline;
+    white-space : nowrap;
+    margin: 0;
+    padding: 0 1em 0 0;
+}
+
+#menu {
+    margin: 0 1.5em 0 0;
+    text-align: right;
+    line-height: normal;
+    font-size: 1.1em;
+    font-weight: bold;
+}
+
+#menu ul {
+    display: inline;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    text-align: right;
+}
+
+#menu ul li {
+    display: inline;
+    white-space : nowrap;
+    margin: 0;
+    padding: 0 0 0 1em;
+    text-align: right;
+}
+
+.here a:link, .here a:visited {
+    text-decoration:underline;
+}
+
+.here ul a:link, .here ul a:visited {
+    text-decoration:none;
+}
+
+#menu ul li a {
+    font-weight: bold;
+}
+
+
+/*
+** Content
+*/
+
+#content {
+    <?php width ('100%')?>
+}
+
+#main {
+    /* padding in px not ex because IE messes up 100% width tables otherwise */
+    padding-left: 10px;
+    text-align: left;
+}
+
+#body_wrapper {
+    margin:  auto;
+    <?php width ('95%')?>
+    max-width:1200px;
+}
+
+#right {
+    <?php float ('right')?>
+    margin: 0;
+    padding: 0;
+    <?php width ('73%')?>
+}
+
+/* These are date cells on the front page. */
+td.cell_date {
+    <?php width('8em') ?>
+    <?php minWidth('8em') ?>
+}
+
+#hotspot, .sideimage {
+    <?php float ('right')?>
+    margin: 1ex 1em;
+    clear: right;
+}
+
+.belowimage, h1, h2, h3, h4, h5 {
+    clear: right;
+}
+
+
+/*
+** Left Menu
+*/
+
+#left {
+    <?php noprint()?>
+    <?php float ('left')?>
+    margin: 0;
+    padding: 0;
+    <?php width ('25%')?>
+    max-width:300px;
+}
+
+.menu_box {
+    padding: 0.7em 0 0 0;
+}
+
+.menu_box ul {
+    text-align: left;
+}
+
+.menu_box li {
+    list-style-type: none;
+    text-align: left;
+    margin-left: -1.5em;
+}
+
+.menu_box ul ul {
+margin: 0;
+padding-left: 0;
+}
+
+.menu_box li li {
+margin-left: 1em;
+}
+
+.menu_box .active{
+    <?php color ( $dark_orange )?>
+}
+
+.menutitle {
+    margin: 0.6em 0 1.2em 0;
+    padding:0;
+    <?php color ( $white )?>
+    <?php background ( $blue )?>
+}
+.menutitle div {
+    margin: 0;
+    padding:0;
+}
+.menutitle div h2 {
+    margin: 0;
+    padding: 0.2em 0 0.3em 1.3em;
+    line-height:1.2em;
+    font-size: 120%;
+    font-weight: normal;
+    <?php color ( $white )?>
+}
+.menutitle div h2 a {
+    <?php color ( $white )?>
+}
+.clearer {
+    clear: both;
+    height: 1px;
+}
+
+
+/*
+** Footer
+*/
+#footer {
+    <?php noprint()?>
+    <?php width ('100%')?>
+    <?php background ( $blue )?>
+}
+
+#footer_text {
+    margin: 0 auto;
+    padding: 1em 0 1em 3.5em;
+    <?php width ('51.5em')?>
+    text-align: left;
+    <?php color ( $light_grey )?>
+}
+
+#footer a:link, #footer a:visited {
+    <?php linkcolor ( $white )?>
+    font-weight: bold;
+}
+
+#quicklinks {
+font-size: 1em;
+padding: 1em;
+text-align: center;
+margin-top: 0.5em;
+margin-left: 0.2em;
+margin-bottom: 0.5em;
+margin-right: 0.2em;
+}
+
+.content .contents {
+	text-align: left;
+}
+
+/*
+** Credits
+*/
+table.credit tr {
+vertical-align:top;
+}
+
+table.credit td {
+border-bottom: 1px solid #cccccc;
+}
+
+<?php
+
+if (file_exists ($_SERVER ['DOCUMENT_ROOT'].'/css.inc')) {
+    include $_SERVER ['DOCUMENT_ROOT'].'/css.inc';
+}
+
+function color ($color) {
+    if (! isset ($_GET ['color']))
+        echo "color: ".$color.";\n";
+    elseif ($_GET ['color'])
+        echo "color: ".$_GET ['color'].";\n";
+    else
+       echo "color: WindowText;\n";
+}
+
+function background ($background, $color = false) {
+    if (! isset ($_GET ['background'])) {
+        echo "background: ".$background.";\n";
+        if ($color)
+            echo "background-color: ".$color.";\n";
+    }
+    elseif ($_GET ['background'])
+        echo "background-color: ".$_GET ['background'].";\n";
+    else
+       echo "background: Window;\n";
+}
+
+function border ($color, $other = '') {
+    if (! isset ($_GET ['color']))
+        echo "border: ".$color." ".$other.";\n";
+    else
+        echo "border: ".$_GET ['color']." ".$other.";\n";
+}
+
+function linkcolor ($color) {
+    if (! isset ($_GET ['link']))
+        echo "color: ".$color.";\n";
+    elseif ($_GET ['link'])
+        echo "color: ".$_GET ['link'].";\n";
+}
+
+function noprint () {
+    if (isset ($_GET ['mode']) && $_GET ['mode'] == "print")
+        echo "display: none;\n";
+}
+
+function noflat () {
+    if (isset ($_GET ['mode']) && $_GET ['mode'] == "flat")
+        echo "display: none;\n";
+}
+
+function float ($float) {
+    if (! isset ($_GET ['mode']) || $_GET ['mode'] != "flat")
+        echo "float: ".$float.";\n";
+}
+
+function width ($width) {
+    if (! isset ($_GET ['mode']) || $_GET ['mode'] == "normal")
+        echo "width: ".$width.";\n";
+}
+
+function minWidth ($minwidth) {
+    if (! isset ($_GET ['mode']) || $_GET ['mode'] == "normal")
+        echo "min-width: ".$minwidth.";\n";
+}
+
+function maxWidth ($maxwidth) {
+    if (! isset ($_GET ['mode']) || $_GET ['mode'] == "normal")
+        echo "max-width: ".$maxwidth.";\n";
+}
+
+function minHeight ($minHeight) {
+    if (! isset ($_GET ['mode']) || $_GET ['mode'] == "normal")
+        echo "min-height: ".$minHeight.";\n";
+}
+
+?>
Index: images/kde-white.svg
===================================================================
--- /dev/null
+++ images/kde-white.svg
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   viewBox="0 0 22 22"
+   sodipodi:docname="kde.svg">
+  <defs
+     id="defs4">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="25.212092"
+     inkscape:cx="0.74417115"
+     inkscape:cy="9.3171986"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="713"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     showguides="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4101" />
+    <sodipodi:guide
+       position="2,20.000017"
+       orientation="18,0"
+       id="guide4107" />
+    <sodipodi:guide
+       position="2,2.0000174"
+       orientation="0,18"
+       id="guide4109" />
+    <sodipodi:guide
+       position="20,2.0000174"
+       orientation="-18,0"
+       id="guide4111" />
+    <sodipodi:guide
+       position="20,20.000017"
+       orientation="0,-18"
+       id="guide4113" />
+    <sodipodi:guide
+       position="3,19.000017"
+       orientation="16,0"
+       id="guide4115" />
+    <sodipodi:guide
+       position="3,3.0000174"
+       orientation="0,16"
+       id="guide4117" />
+    <sodipodi:guide
+       position="19,3.0000174"
+       orientation="-16,0"
+       id="guide4119" />
+    <sodipodi:guide
+       position="19,19.000017"
+       orientation="0,-16"
+       id="guide4121" />
+    <sodipodi:guide
+       position="10,6.0000174"
+       orientation="-7,0"
+       id="guide4162" />
+    <sodipodi:guide
+       position="11,12.000017"
+       orientation="5,0"
+       id="guide4280" />
+    <sodipodi:guide
+       position="11,7.0000174"
+       orientation="0,5"
+       id="guide4282" />
+    <sodipodi:guide
+       position="16,7.0000174"
+       orientation="-5,0"
+       id="guide4284" />
+    <sodipodi:guide
+       position="16,12.000017"
+       orientation="0,-5"
+       id="guide4286" />
+    <sodipodi:guide
+       position="5,13.000017"
+       orientation="6,0"
+       id="guide4294" />
+    <sodipodi:guide
+       position="5,7.0000174"
+       orientation="0,6"
+       id="guide4296" />
+    <sodipodi:guide
+       position="11,7.0000174"
+       orientation="-6,0"
+       id="guide4298" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1030.3622)">
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 12.338532,1033.3623 -2.8326777,0.2648 0,10.9399 2.8015387,-0.3823 0,-4.676 3.735415,5.176 2.926063,-0.8824 -3.828788,-4.97 3.859917,-4.7054 -2.988315,-0.647 -3.704286,4.7054 0.03122,-4.823 z m -6.3812958,2.6761 c -0.031669,0 -0.069523,0.017 -0.093407,0.03 l -1.0894896,1.0587 c -0.0464,0.046 -0.06524,0.1229 -0.031228,0.1765 l 1.2762647,1.9999 c -0.22912,0.3639 -0.3979586,0.7624 -0.5291917,1.176 l -2.3657544,0.4708 c -0.06596,0.017 -0.1244304,0.054 -0.1244304,0.1181 l 0,1.4705 c 0,0.062 0.060955,0.1314 0.1244304,0.1465 l 2.3034978,0.5294 c 0.1226483,0.4795 0.3089159,0.9352 0.5603035,1.3526 l -1.3385048,1.9119 c -0.037132,0.054 -0.017821,0.1314 0.031228,0.1765 l 1.0895061,1.0291 c 0.0464,0.042 0.1301352,0.064 0.1867586,0.03 l 2.0856111,-1.2056 c 0.41008,0.2235 0.8399555,0.41 1.3073987,0.5292 l 0.4980409,2.2057 c 0.01429,0.064 0.05727,0.1179 0.124442,0.1179 l 1.5564029,0 c 0.0656,0 0.139939,-0.057 0.155625,-0.1179 l 0.560303,-2.2057 c 0.481832,-0.1229 0.949588,-0.3248 1.369655,-0.5586 l 2.054466,1.294 c 0.05654,0.034 0.138693,0.017 0.18677,-0.03 l 1.089485,-1.0294 c 0.04668,-0.046 0.06543,-0.1229 0.03122,-0.1763 l -0.747078,-1.1761 -0.249027,0.088 c -0.03554,0.017 -0.07255,0 -0.09341,-0.03 0,0 -0.470824,-0.6738 -1.089489,-1.5294 -0.739591,1.3676 -2.246808,2.2941 -3.98442,2.2941 -2.4687221,0 -4.4824767,-1.873 -4.4824767,-4.2055 0,-1.7157 1.0908083,-3.1915 2.6459092,-3.8525 l 0,-1.0882 c -0.2830458,0.094 -0.5494623,0.1896 -0.8093519,0.3237 -1.931e-4,0 -0.030455,0 -0.031228,0 l -2.0855889,-1.2942 c -0.02836,-0.017 -0.061672,-0.032 -0.093419,-0.029 z"
+       id="path5692_2_-3-2"
+       inkscape:connector-curvature="0"
+       class="ColorScheme-Text" />
+  </g>
+</svg>
Index: images/kde.svg
===================================================================
--- /dev/null
+++ images/kde.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="22" height="22" id="svg2" version="1.1" inkscape:version="0.91+devel r" viewBox="0 0 22 22" sodipodi:docname="kde.svg">
+  <defs id="defs4">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      .ColorScheme-Background {
+        color:#eff0f1;
+      }
+      .ColorScheme-Highlight {
+        color:#3daee9;
+      }
+      .ColorScheme-ViewText {
+        color:#31363b;
+      }
+      .ColorScheme-ViewBackground {
+        color:#fcfcfc;
+      }
+      .ColorScheme-ViewHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ViewFocus{
+        color:#3daee9;
+      }
+      .ColorScheme-ButtonText {
+        color:#31363b;
+      }
+      .ColorScheme-ButtonBackground {
+        color:#eff0f1;
+      }
+      .ColorScheme-ButtonHover {
+        color:#93cee9;
+      }
+      .ColorScheme-ButtonFocus{
+        color:#3daee9;
+      }
+      </style>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="25.212092" inkscape:cx="7.3679769" inkscape:cy="9.3171986" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" units="px" inkscape:showpageshadow="false" inkscape:window-width="1366" inkscape:window-height="670" inkscape:window-x="-4" inkscape:window-y="29" inkscape:window-maximized="1" showguides="true">
+    <inkscape:grid type="xygrid" id="grid4101"/>
+    <sodipodi:guide position="2,20.000017" orientation="18,0" id="guide4107"/>
+    <sodipodi:guide position="2,2.0000174" orientation="0,18" id="guide4109"/>
+    <sodipodi:guide position="20,2.0000174" orientation="-18,0" id="guide4111"/>
+    <sodipodi:guide position="20,20.000017" orientation="0,-18" id="guide4113"/>
+    <sodipodi:guide position="3,19.000017" orientation="16,0" id="guide4115"/>
+    <sodipodi:guide position="3,3.0000174" orientation="0,16" id="guide4117"/>
+    <sodipodi:guide position="19,3.0000174" orientation="-16,0" id="guide4119"/>
+    <sodipodi:guide position="19,19.000017" orientation="0,-16" id="guide4121"/>
+    <sodipodi:guide position="10,6.0000174" orientation="-7,0" id="guide4162"/>
+    <sodipodi:guide position="11,12.000017" orientation="5,0" id="guide4280"/>
+    <sodipodi:guide position="11,7.0000174" orientation="0,5" id="guide4282"/>
+    <sodipodi:guide position="16,7.0000174" orientation="-5,0" id="guide4284"/>
+    <sodipodi:guide position="16,12.000017" orientation="0,-5" id="guide4286"/>
+    <sodipodi:guide position="5,13.000017" orientation="6,0" id="guide4294"/>
+    <sodipodi:guide position="5,7.0000174" orientation="0,6" id="guide4296"/>
+    <sodipodi:guide position="11,7.0000174" orientation="-6,0" id="guide4298"/>
+  </sodipodi:namedview>
+  <metadata id="metadata7">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:label="Capa 1" inkscape:groupmode="layer" id="layer1" transform="translate(0,-1030.3622)">
+    <path style="fill:currentColor;fill-opacity:1;stroke:none" d="m 12.338532,1033.3623 -2.8326777,0.2648 0,10.9399 2.8015387,-0.3823 0,-4.676 3.735415,5.176 2.926063,-0.8824 -3.828788,-4.97 3.859917,-4.7054 -2.988315,-0.647 -3.704286,4.7054 0.03122,-4.823 z m -6.3812958,2.6761 c -0.031669,0 -0.069523,0.017 -0.093407,0.03 l -1.0894896,1.0587 c -0.0464,0.046 -0.06524,0.1229 -0.031228,0.1765 l 1.2762647,1.9999 c -0.22912,0.3639 -0.3979586,0.7624 -0.5291917,1.176 l -2.3657544,0.4708 c -0.06596,0.017 -0.1244304,0.054 -0.1244304,0.1181 l 0,1.4705 c 0,0.062 0.060955,0.1314 0.1244304,0.1465 l 2.3034978,0.5294 c 0.1226483,0.4795 0.3089159,0.9352 0.5603035,1.3526 l -1.3385048,1.9119 c -0.037132,0.054 -0.017821,0.1314 0.031228,0.1765 l 1.0895061,1.0291 c 0.0464,0.042 0.1301352,0.064 0.1867586,0.03 l 2.0856111,-1.2056 c 0.41008,0.2235 0.8399555,0.41 1.3073987,0.5292 l 0.4980409,2.2057 c 0.01429,0.064 0.05727,0.1179 0.124442,0.1179 l 1.5564029,0 c 0.0656,0 0.139939,-0.057 0.155625,-0.1179 l 0.560303,-2.2057 c 0.481832,-0.1229 0.949588,-0.3248 1.369655,-0.5586 l 2.054466,1.294 c 0.05654,0.034 0.138693,0.017 0.18677,-0.03 l 1.089485,-1.0294 c 0.04668,-0.046 0.06543,-0.1229 0.03122,-0.1763 l -0.747078,-1.1761 -0.249027,0.088 c -0.03554,0.017 -0.07255,0 -0.09341,-0.03 0,0 -0.470824,-0.6738 -1.089489,-1.5294 -0.739591,1.3676 -2.246808,2.2941 -3.98442,2.2941 -2.4687221,0 -4.4824767,-1.873 -4.4824767,-4.2055 0,-1.7157 1.0908083,-3.1915 2.6459092,-3.8525 l 0,-1.0882 c -0.2830458,0.094 -0.5494623,0.1896 -0.8093519,0.3237 -1.931e-4,0 -0.030455,0 -0.031228,0 l -2.0855889,-1.2942 c -0.02836,-0.017 -0.061672,-0.032 -0.093419,-0.029 z" id="path5692_2_-3-2" inkscape:connector-curvature="0" class="ColorScheme-Text"/>
+  </g>
+</svg>
Index: includes/newlayout2/template-bottom1.inc
===================================================================
--- /dev/null
+++ includes/newlayout2/template-bottom1.inc
@@ -0,0 +1,19 @@
+<?php // This file contains content between the page text and the menu
+?>
+            </div>
+          </div>
+        </div>
+        <div id="left">
+          <div class="menu_box">
+<?php
+  $template_menulist1 = "<div class=\"menutitle\"><div>";  // before the menu section title
+  $template_menulist2 = "</div></div>";  // between the menu section title and the list of pages
+  $template_menulist3 = ""; // after the list of pages
+
+  $template_menusublist1 = ""; // before each link to a (sub)page with shown (sub)subpages
+  $template_menusublist2 = ""; // between the link to a (sub)page and its list of (sub)subpages
+  $template_menusublist3 = ""; // after each list of subpages
+
+  $template_menuitem1 = ""; // before each link to a (sub)page without shown (sub)subpages 
+  $template_menuitem2 = ""; // after each link to a (sub)page without shown (sub)subpages
+?>
Index: includes/newlayout2/template-bottom2.inc
===================================================================
--- /dev/null
+++ includes/newlayout2/template-bottom2.inc
@@ -0,0 +1,157 @@
+<?php // This file contains content between the menu and the end of html body
+
+  // figure out the contact
+  if (isset($name) && isset($mail))
+    $contact = i18n_var("Maintained by") . " <a href=\"mailto:$mail\">$name</a><br />\n";
+  else
+    $contact = i18n_var("Maintained by <a href=\"&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#x77;e&#098;ma&#115;t&#x65;&#x72;&#64;kde&#46;or&#x67;\">The KDE Webmaster</a><br />\n");
+  if (!isset($legalLink))
+    $legalLink = "http://www.kde.org/contact/impressum.php";
+?>
+
+             <div class="menutitle"><div>
+               <h2 id="cp-menu-search"><?php i18n("Search:")?></h2>
+             </div></div>
+
+             <div></div>
+<?php
+if (isset($_GET["newsearch"])) {
+?>
+            <form action="http://www.kde.org/search/" id="cse-search-box">
+            <p style="text-align:center">
+                <input type="hidden" name="newsearch" value="true" />
+                <input type="hidden" name="cx" value="009530675943227777520:cmvt6dt_jkm" />
+                <input type="hidden" name="cof" value="FORID:11" />
+                <input type="hidden" name="ie" value="UTF-8" />
+                <span class="cp-doNotDisplay"><label for="Search" accesskey="4"><?php i18n("Search:")?></label></span>
+                <input style="width:80%" type="text" name="q" size="31" id="Search" onblur="defaultStyle(this)" onfocus="clearedStyle(this)" />
+                <input style="width:80%" type="submit" name="sa" value=" <?php i18n("Search")?> " id="searchButton" />
+            </p>
+            </form>
+            <script type="text/javascript">
+                function defaultStyle(e) {e.style.background = '#FFFFFF url(/media/images/google_custom_search_watermark.gif) left no-repeat';}
+                function clearedStyle(e) {e.style.background = '#FFFFFF';}
+                if (!/[&?]q=[^&]/.test(location.search)) defaultStyle(document.getElementById('Search')); // do not show background image if there is already a text entered
+            </script>
+<?php
+if ($page_title == "KDE.org Search") // we just need this file if we display search results
+    echo "<script type=\"text/javascript\" src=\"http://www.google.com/afsonline/show_afs_search.js\"></script>";
+?>
+<?php
+} else {
+?>
+             <form method="get" name="Searchform" action="/media/search.php"><p style="text-align:center">
+               <span class="cp-doNotDisplay"><label for="Search" accesskey="4"><?php i18n("Search:")?></label></span>
+               <input style="width:80%" type="text" size="10" name="q" id="Search" value="" /><br />
+               <input style="width:80%" type="submit" value=" <?php i18n("Search")?> " name="Button" id="searchButton" />
+             </p></form>
+<?php
+}
+?>
+
+<?php
+    if (isset($site_languages) && count($site_languages) > 1)
+    {
+?>    
+             <div class="menutitle"><div>
+               <h2 id="cp-menu-language"><?php i18n("Language:")?></h2>
+             </div></div>
+             
+             <div><div>
+             <p>
+             <form method="get" name="languagecombo" action="">
+                <select style="width:80%" name="site_locale">
+                    <?php
+                        foreach ($site_languages as &$value) {
+                            if ($value == $site_locale) $selected=" selected='selected'";
+                            else $selected="";
+                            print "<option value='".$value."'".$selected.">".languageName($value)."</option>";
+                        }
+                    ?>
+                </select>
+                <input style="width:80%" type="submit" value=" <?php i18n("Change language")?> " id="languageButton" />
+             </form>
+             </p>
+             </div></div>
+<?php
+}
+?>
+
+<?php
+    if (isset($site_showkdeevdonatebutton) && $site_showkdeevdonatebutton && (!isset($page_disablekdeevdonatebutton) || !$page_disablekdeevdonatebutton))
+    {
+?>
+            <div class="menutitle">
+                <div><h2><?php i18n("Donate:");?> <a href='//www.kde.org/community/donations/index.php#money'><small style="float: right; margin-right: 1em;"><?php i18n("(Why?)");?></small></a></h2></div>
+            </div>
+            <p>
+            <form action="https://www.paypal.com/en_US/cgi-bin/webscr" method="post" onsubmit="return amount.value >= 2 || window.confirm('<?php print i18n_var("Your donation is smaller than %1€. This means that most of your donation\\nwill end up in processing fees. Do you want to continue?", 2);?>');">
+                <input type="hidden" name="cmd" value="_donations" />
+                <input type="hidden" name="lc" value="GB" />
+                <input type="hidden" name="item_name" value="Development and communication of KDE software" />
+                <input type="hidden" name="custom" value="<?php print "//$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]/donation_box"; ?>" />
+                <input type="hidden" name="currency_code" value="EUR" />
+                <input type="hidden" name="cbt" value="Return to www.kde.org" />
+                <input type="hidden" name="return" value="https://www.kde.org/community/donations/thanks_paypal.php" />
+                <input type="hidden" name="notify_url" value="https://www.kde.org/community/donations/notify.php" />
+                <input type="hidden" name="business" value="kde-ev-paypal@kde.org" />
+                <input type='text' name="amount" value="10.00" style='text-align: right; padding-right: 1em; border: 1px solid #CCC; width: 60px; height: 23px; ' /> €
+                <button style='cursor: pointer; background-color: #0070BB; border: 1px solid #0060AB; color: #FFF; height: 27px;' type='submit'><?php i18n("Donate");?></button>
+            </form>
+            </p>
+<?php
+}
+?>
+
+          </div>
+        </div>
+        <div class="clearer"></div>
+      </div>
+      <div class="clearer"></div>
+    </div>
+    <div id="end_body"></div>
+
+    <div id="footer"><div id="footer_text">
+        <?php print $contact; ?>
+				<?php i18n("KDE<sup>&#174;</sup> and <a href=\"/media/images/trademark_kde_gear_black_logo.png\">the K Desktop Environment<sup>&#174;</sup> logo</a> are registered trademarks of ")?>
+				<a href="http://ev.kde.org/" title="Homepage of the KDE non-profit Organization">KDE e.V.</a> |
+        <a href="<?php print $legalLink; ?>"><?php i18n("Legal")?></a>
+    </div></div>
+  </div>
+
+<!--
+WARNING: DO NOT SEND MAIL TO THE FOLLOWING EMAIL ADDRESS! YOU WILL
+BE BLOCKED INSTANTLY AND PERMANENTLY!
+<?php
+  $trapmail = "aaaatrap-";
+  $t = pack('N', time());
+  for($i=0;$i<=3;$i++) {
+      $trapmail.=sprintf("%02x",ord(substr($t,$i,1)));
+  }
+  $ip=$_SERVER["REMOTE_ADDR"];
+  sscanf($ip,"%d.%d.%d.%d",$ip1,$ip2,$ip3,$ip4);
+  $trapmail.=sprintf("%02x%02x%02x%02x",$ip1,$ip2,$ip3,$ip4);
+
+  echo "<a href=\"mailto:$trapmail@kde.org\">Block me</a>\n";
+?>
+WARNING END
+-->
+
+<?php
+  if (isset ($_GET ['javascript'])) {
+?>
+
+<script type="text/javascript">
+function fitFooter() {
+  try {
+    document.getElementById ('body').style.minHeight = (window.innerHeight - document.getElementsByTagName ('body')[0].offsetHeight + document.getElementById ('body').offsetHeight) + "px";
+    window.setTimeout ("fitFooter()", 200);
+  } catch (e) {
+  }
+};
+window.setTimeout ("fitFooter()", 100);
+</script>
+
+<?php
+}
+?>
Index: includes/newlayout2/template-header.inc
===================================================================
--- /dev/null
+++ includes/newlayout2/template-header.inc
@@ -0,0 +1,46 @@
+<?php // This file contains content for the html header
+?>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta http-equiv="Content-Style-Type" content="text/css" />
+  <link rel="meta" href="http://www.kde.org/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
+  <meta name="trademark" content="KDE e.V." />
+  <meta name="description" content="K Desktop Environment Homepage, KDE.org" />
+  <meta name="MSSmartTagsPreventParsing" content="true" />
+  <meta name="robots" content="all" />
+  <meta name="no-email-collection" content="http://www.unspam.com/noemailcollection" />
+<?php
+  if (file_exists("$site_root/kde.svg")) {
+    print "<link rel=\"shortcut icon\" href=\"$site_root/kde.svg\" />";
+    print "<link rel=\"icon\" href=\"$site_root/kde.svg\" />";
+  } else {
+    print "<link rel=\"icon\" href=\"/media/images/kde.svg\" />";
+    print "<link rel=\"shortcut icon\" href=\"/media/images/kde.svg\" />";
+  }
+
+  if (isset($rss_feed_link))
+    print "<link rel=\"alternate\" type=\"application/rss+xml\" title=\"$rss_feed_title\" href=\"$rss_feed_link\" />\n";
+  if (isset($rss_feed2_link))
+    print "<link rel=\"alternate\" type=\"application/rss+xml\" title=\"$rss_feed2_title\" href=\"$rss_feed2_link\" />\n";
+
+  $cssparameters = "";
+
+  if (file_exists ("$document_root/css.inc")) {
+    # Possibilities: doc_root is what the server uses, too, so this site
+    # is in the root of a (v)host. Fine. Otherwise, maybe we're in a
+    # subdir and need to include our css.inc from that subdir starting
+    # from the server's doc root (since css.php uses the server's doc root).
+    if ( $document_root == $_SERVER ['DOCUMENT_ROOT'] )
+      $inc = "/";
+    else if ( $_SERVER ['DOCUMENT_ROOT'] == substr($document_root, 0, strlen( $_SERVER ['DOCUMENT_ROOT'] )) )
+      $inc = substr($document_root,strlen( $_SERVER ['DOCUMENT_ROOT'] ));
+    else $inc = "/";
+    $cssparameters .= "&amp;css-inc=" . $inc;
+  }
+?>
+
+  <link rel="stylesheet" media="screen" type="text/css" title="KDE Colors" href="/media/css_newlayout2.php?mode=normal<?php echo $cssparameters?>" />
+  <link rel="stylesheet" media="print, embossed" type="text/css" href="/media/css_newlayout2.php?mode=print<?php echo $cssparameters?>" />
+  <link rel="alternate stylesheet" media="screen, aural, handheld, tty, braille" type="text/css" title="Flat" href="/media/css_newlayout2.php?mode=flat<?php echo $cssparameters?>" />
+  <link rel="alternate stylesheet" media="screen" type="text/css" title="Browser Colors" href="/media/css_newlayout2.php?color&amp;background&amp;link" />
+  <link rel="alternate stylesheet" media="screen" type="text/css" title="White on Black" href="/media/css_newlayout2.php?color=%23FFFFFF&amp;background=%23000000&amp;link=%23FF8080" />
+  <link rel="alternate stylesheet" media="screen" type="text/css" title="Yellow on Blue" href="/media/css_newlayout2.php?color=%23EEEE80&amp;background=%23000060&amp;link=%23FFAA80" />
Index: includes/newlayout2/template-top1.inc
===================================================================
--- /dev/null
+++ includes/newlayout2/template-top1.inc
@@ -0,0 +1,46 @@
+<?php // This file contains content between the top of the html body and the heading
+?>
+<script type="text/javascript" src="/media/javascripts/jquery-1.4.2.min.js"></script>
+<div id="container">
+<div id="header">
+  <div id="header_top">
+    <?php if (file_exists($document_root.'/site.png')) { ?>
+      <img alt ="" src="<?php echo $url_root.'/site.png';?>" style="float:right;margin-right:10px;" />
+    <?php } ?>
+    <div><div>
+    <img alt ="" width=25px src="/media/images/kde-white.svg"/>
+    <?php echo $site_title;?>
+    
+  </div></div></div>
+  <div id="header_bottom">
+<?php if (! isset ($hidelocation) || $hidelocation == false) { ?>
+    <div id="location">
+      <ul>
+	<li><?php $kde_menu->showLocation() ?></li>
+      </ul>
+    </div>
+<?php } ?>
+
+    <div id="menu">
+<?php
+    if (isset ($menuright) && count ($menuright) > 0) {
+        echo '<ul>';
+
+        foreach ($menuright as $url=>$link)
+            echo '<li><a href="'."$site_root/$url".'">'.$link."</a></li>\n";
+        echo '</ul>';
+    } else {
+        echo '&nbsp;';
+    }
+?>
+    </div>
+  </div>
+</div>
+<!-- End page header -->
+    <div id="body_wrapper">
+      <div id="body">
+        <!-- begin main content -->
+        <div id="right">
+          <div class="content">
+          <div id="main">
+            <div class="clearer">&nbsp;</div>
Index: includes/newlayout2/template-top2.inc
===================================================================
--- /dev/null
+++ includes/newlayout2/template-top2.inc
@@ -0,0 +1,2 @@
+<?php // This file contains content between the heading and the page text
+?>