Paladox has submitted this change and it was merged.

Change subject: Update Metrolook
......................................................................


Update Metrolook

Includes new settings and other fixes
Fixes a bug with the website not displaying correctly on chrome
Fixes bugs on other devices too.
Includes new setting.

To See new settings please see README

and to see information on customizing the top bar colour please see README

Change-Id: Ieb4816ddc524821a2a8dceb3d494d1914647dddf
---
M Metrolook.php
M MetrolookTemplate.php
M README.md
M components/common.less
M components/navigation.less
M images/external-link-ltr-icon.svg
M images/external-link-rtl-icon.svg
M images/unwatch-icon-hl.svg
M images/unwatch-icon.svg
M images/watch-icon-hl.svg
M images/watch-icon-loading.svg
M images/watch-icon.svg
M screen-hd.less
13 files changed, 945 insertions(+), 75 deletions(-)

Approvals:
  Paladox: Verified; Looks good to me, approved



diff --git a/Metrolook.php b/Metrolook.php
index 6d8f357..6b8c178 100644
--- a/Metrolook.php
+++ b/Metrolook.php
@@ -26,7 +26,7 @@
        'path' => __FILE__,
        'name' => 'Metrolook',
        'description' => 'Metrolook skin for MediaWiki.',
-       'version' => '2.3.8',
+       'version' => '2.4',
        'url' => 'https://www.mediawiki.org/wiki/Skin:Metrolook',
        'author' => array( 'immewnity', 'paladox2015', 'Craig Davison', 
'lagleki' ),
        'license-name' => 'GPLv2+',
@@ -66,6 +66,32 @@
 /* to enable search bar on the sidebar and disables the search bar on the top 
bar */
 $GLOBALS['SearchBar'] = true;
 
+$GLOBALS['DownArrow'] = true;
+
+$GLOBALS['link1'] = true;
+
+$GLOBALS['image1'] = true;
+
+$GLOBALS['link2'] = true;
+
+$GLOBALS['image2'] = true;
+
+$GLOBALS['link3'] = true;
+
+$GLOBALS['image3'] = true;
+
+$GLOBALS['link4'] = true;
+
+$GLOBALS['image4'] = true;
+
+$GLOBALS['link5'] = false;
+
+$GLOBALS['image5'] = false;
+
+$GLOBALS['link6'] = false;
+
+$GLOBALS['image6'] = false;
+
 // Register modules
 $GLOBALS['wgResourceModules']['skins.metrolook.styles'] = array(
        'styles' => array(
diff --git a/MetrolookTemplate.php b/MetrolookTemplate.php
index 00fe118..ffae9ce 100644
--- a/MetrolookTemplate.php
+++ b/MetrolookTemplate.php
@@ -40,6 +40,31 @@
        public function execute() {
                global $Logoshow;
                global $SearchBar;
+               global $DownArrow;
+               global $image1;
+               global $link1;
+               global $picture1;
+               global $url1;
+               global $image2;
+               global $link2;
+               global $picture2;
+               global $url2;
+               global $image3;
+               global $link3;
+               global $picture3;
+               global $url3;
+               global $image4;
+               global $link4;
+               global $picture4;
+               global $url4;
+               global $image5;
+               global $link5;
+               global $picture5;
+               global $url5;
+               global $image6;
+               global $link6;
+               global $picture6;
+               global $url6;
 
                // Build additional attributes for navigation urls
                $nav = $this->data['content_navigation'];
@@ -115,16 +140,16 @@
 }
 html,
 body {
-       margin: 0px 0px 0px 0px ;
-       padding: 0px 0px 0px 0px ;
+       margin: 0px 0px 0px 0px;
+       padding: 0px 0px 0px 0px;
     height:100%;
 }
 #top-tile-bar {
-       background:transparent ;
-       left: 0px ;
+       background:transparent;
+       left: 0px;
        height: 200px;
-       position: fixed ;
-       z-index:100 ;
+       position: fixed;
+       z-index:100;
 }
 .tilebar {
     position: fixed;
@@ -203,10 +228,7 @@
   });
 });
     </script>
-<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' 
defer="defer" rel='stylesheet' type='text/css'>
-<meta name="msapplication-TileImage" 
content="http://www.pidgi.net/new/public/images/pidgiwiki.png"/>
-<meta name="msapplication-TileColor" content="#BE0027"/>
-<script src="overthrow.js"></script>
+<script src="/skins/Metrolook/overthrow.js"></script>
                <div id="mw-page-base" class="noprint"></div>
                <div id="mw-head-base" class="noprint"></div>
                <div id="content" class="mw-body" class="overthrow" role="main">
@@ -358,7 +380,7 @@
 else {
 echo htmlspecialchars( $this->getSkin()->getUser()->getName() );
 }
- ?><span style="word-spacing:4px;"> </span><img 
style="position:relative;top:-1px;" src="/skins/Metrolook/images/user-icon.svg" 
/></span></a>
+ ?><span style="word-spacing:4px;"> </span><img class="custom4" 
style="position:relative;top:0.4em;" 
src="/skins/Metrolook/images/Transparent.gif" /></span></a>
 <div class="menu" 
style="position:absolute;top:40px;right:0px;margin:0;width:200px;">
 <?php $this->renderNavigation( 'PERSONAL' ); ?>
 </div>
@@ -370,18 +392,21 @@
        ?>
        </ul>
 </div>
-<div style="padding-left:10px;"><div class="lighthover" 
style="height:40px;float:left;"><div class="onhoverbg" 
style="height:40px;float:left;"><h4 class="title-name"><a href="<?php echo 
$this->data['nav_urls']['mainpage']['href']; ?>"><div class="title-name" 
style="font-size: 0.9em; 
padding-left:0.4em;padding-right:0.4em;color:white;max-width: auto;height:auto; 
max-height:700px; display: inline-block; vertical-align:middle;"><?php echo 
$GLOBALS['wgSitename'] ?></div></a></h4></div><img class="custom2" 
src="/skins/Metrolook/images/Transparent.gif" style="float:left;" /><img 
class="custom3" src="/skins/Metrolook/images/Transparent.gif" 
style="height:60px;width:27px;cursor:pointer;" 
onclick="toggleDiv('bartile');"/></div></div>
+<div style="padding-left:10px;"><div class="lighthover" 
style="height:40px;float:left;"><div class="onhoverbg" 
style="height:40px;float:left;"><h4 class="title-name"><a href="<?php echo 
$this->data['nav_urls']['mainpage']['href']; ?>"><div class="title-name" 
style="font-size: 0.9em; 
padding-left:0.4em;padding-right:0.4em;color:white;max-width: auto;height:auto; 
max-height:700px; display: inline-block; vertical-align:middle;"><?php echo 
$GLOBALS['wgSitename'] ?></div></a></h4></div><img class="custom2" 
src="/skins/Metrolook/images/Transparent.gif" style="float:left;" /><?php if ( 
$DownArrow ): ?><img class="custom3" 
src="/skins/Metrolook/images/Transparent.gif" 
style="height:60px;width:27px;cursor:pointer;" 
onclick="toggleDiv('bartile');"/><?php else: ?><?php endif; ?></div></div>
+<?php if ( $DownArrow ): ?>
        <div id="top-tile-bar" class="fixed-position">
 
 <div style="vertical-align:top;align:left;">
 <div class="topleft">
 <div 
style="align:left;margin-left:auto;margin-right:auto;display:none;height:200px;"
 class="tilebar" id="bartile"><div style="height:200px;display:table;"><div 
style="vertical-align:middle;display:table-cell;padding-left:36px;">
-<div style="float:left;padding:5px;"><span class="tile"><a 
href="http://www.pidgi.net/wiki/";><img 
src="http://images.pidgi.net/pidgiwikitiletop.png"; /></a></span></div><div 
style="float:left;padding:5px;"><span class="tile"><a 
href="http://www.pidgi.net/press/";><img 
src="http://images.pidgi.net/pidgipresstiletop.png"; /></a></span></div><div 
style="float:left;padding:5px;"><span class="tile"><a 
href="http://www.pidgi.net/jcc/";><img 
src="http://images.pidgi.net/jcctiletop.png"; /></a></span></div><div 
style="float:left;padding:5px;"><span class="tile"><a 
href="http://www.petalburgwoods.com/";><img 
src="http://images.pidgi.net/pwntiletop.png"; /></a></span></div>
+<div style="float:left;padding:5px;"><div class="tile"><?php if ( $link1 ): 
?><a href="http://www.pidgi.net/wiki/";><?php else: ?><a href="<?php echo 
$GLOBALS['$url1'] ?>"><?php endif; ?><?php if ( $image1 ): ?><img 
src="http://images.pidgi.net/pidgiwikitiletop.png"; /><?php else: ?><img 
src="<?php echo $GLOBALS['$picture1'] ?>" /><?php endif; ?></a></div></div><div 
style="float:left;padding:5px;"><div class="tile"><?php if ( $link2 ): ?><a 
href="http://www.pidgi.net/press/";><?php else: ?><a href="<?php echo 
$GLOBALS['$url2'] ?>"><?php endif; ?><?php if ( $image2 ): ?><img 
src="http://images.pidgi.net/pidgipresstiletop.png"; /><?php else: ?><img 
src="<?php echo $GLOBALS['$picture2'] ?>" /><?php endif; ?></a></div></div><div 
style="float:left;padding:5px;"><div class="tile"><?php if ( $link3 ): ?><a 
href="http://www.pidgi.net/jcc/";><?php else: ?><a href="<?php echo 
$GLOBALS['$url3'] ?>"><?php endif; ?><?php if ( $image3 ): ?><img 
src="http://images.pidgi.net/jcctiletop.png"; /><?php else: ?><img src="<?php 
echo $GLOBALS['$picture3'] ?>" /><?php endif; ?></a></div></div><div 
style="float:left;padding:5px;"><div class="tile"><?php if ( $link4 ): ?><a 
href="http://www.petalburgwoods.com/";><?php else: ?><a href="<?php echo 
$GLOBALS['$url4'] ?>"><?php endif; ?><?php if ( $image4 ): ?><img 
src="http://images.pidgi.net/pwntiletop.png"; /><?php else: ?><img src="<?php 
echo $GLOBALS['$picture4'] ?>" /><?php endif; ?></a></div></div><div 
style="float:left;padding:5px;"><div class="tile"><?php if ( $link5 ): ?><a 
href="<?php echo $GLOBALS['$url5'] ?>"><?php else: ?><?php endif; ?><?php if ( 
$image5 ): ?><img src="<?php echo $GLOBALS['$picture5'] ?>" /><?php else: 
?><?php endif; ?></a></div></div><div style="float:left;padding:5px;"><div 
class="tile"><?php if ( $link6 ): ?><a href="<?php echo $GLOBALS['$url6'] 
?>"><?php else: ?><?php endif; ?><?php if ( $image6 ): ?><img src="<?php echo 
$GLOBALS['$picture6'] ?>" /><?php else: ?><?php endif; ?></a></div></div>
 
 </div></div></div>
 </div>
 
 </div></div>
+<?php else: ?>
+<?php endif; ?>
                        <div id="left-navigation">
                                <a href="<?php echo 
$this->data['nav_urls']['upload']['href']; ?>"><div class="onhoverbg" 
style="padding-left:0.8em;padding-right:0.8em;float:left;height:40px;font-size:10pt;"><img
 class="custom" src="/skins/Metrolook/images/Transparent.gif"/> <span 
style="color:#fff;position:relative;top:3px; "><?php $this->msg('uploadbtn') 
?></span></div></a><?php $this->renderNavigation( array( 'NAMESPACES', 
'VARIANTS', 'VIEWS', 'ACTIONS' ) ); ?>
                        </div>
diff --git a/README.md b/README.md
index f1c5a4c..d20ef06 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,11 @@
 
 Compatible with MediaWiki 1.24+
 
-If you would like compatibility with mediawiki 1.23, 1.22 or 1.21 please visit 
+If you would like compatibility with mediawiki 1.24, 1.23, 1.22 or 1.21 please 
visit 
+
+1.24
+
+https://github.com/paladox2015/Metrolook/tree/MediaWiki-1.24
 
 1.23
 
@@ -47,6 +51,180 @@
 
 $SearchBar = true;
 
+Default is
+
+$DownArrow = true;
+
+
+To turn it off
+
+$DownArrow = false;
+
+Default is
+
+$DownArrow = true;
+
+to change link
+
+$link1 = false;
+
+$image1 = false;
+
+$url1 = link of website;
+
+$picture1 = image link;
+
+Default is
+
+$link1 = true;
+
+$image1 = true;
+
+to change link
+
+$link2 = false;
+
+$image2 = false;
+
+$url2 = link of website;
+
+$picture2 = image link;
+
+Default is
+
+$link2 = true;
+
+$image2 = true;
+
+to change link
+
+$link3 = false;
+
+$image3 = false;
+
+$url3 = link of website;
+
+$picture3 = image link;
+
+Default is
+
+$link3 = true;
+
+$image3 = true;
+
+to change link
+
+$link4 = false;
+
+$image4 = false;
+
+$url4 = link of website;
+
+$picture4 = image link;
+
+Default is
+
+$link4 = true;
+
+$image4 = true;
+
+Default is
+
+$link5 = false;
+
+$image5 = false;
+
+to turn it on
+
+$link5 = true;
+
+$image5 = true;
+
+$url5 = link of website;
+
+$picture5 = image link;
+
+Default is
+
+$link6 = false;
+
+$image6 = false;
+
+to turn it on
+
+$link6 = true;
+
+$image6 = true;
+
+$url6 = link of website;
+
+$picture6 = image link;
+
+## Customizing top bar color
+
+To customise top bar colour add the following to MediaWiki:common.css
+
+and all you need to do is edit background-colour and the top bar should change 
colour but please remember there is also hover which is when you hover it goes 
a different colour.
+
+<pre>
+/* Top Bar colour and hover colour start */
+
+#mw-page-base {
+       height: 2.5em;
+       background-color: dodgerBlue;
+       background-position: bottom left;
+       background-repeat: repeat-x;
+       /* This image is only a fallback (for IE 6-9), so we do not @embed it. 
*/
+       background-image: url('images/page-fade.png');
+}
+
+div.vectorTabs a:hover {
+         background-color: blue;
+}
+
+div.onhoverbg:hover {
+         background-color: blue;
+}
+
+img.custom3:hover{
+            background-color: blue;
+}
+
+div.vectorMenu:hover h5 a {
+           background-color: blue;
+}
+
+div.vectorMenu h5 a {
+        display: inline-block;
+       width: 24px;
+       height: 2em;
+       background-color: dodgerBlue; 
+       .background-image-svg('images/arrow-down-icon.svg', 
'images/arrow-down-icon.png');
+       background-position: 50% 50%; 
+       background-repeat: no-repeat;
+       .transition(background-position 250ms);
+}
+
+div.vectorMenu:hover {
+           background-color: blue;
+}
+
+div.vectorMenu ul {
+        position: absolute;
+        background-color: white;
+       border: solid 2px dodgerBlue;
+       border-top-width: 0;
+       list-style-type: none;
+       list-style-image: none;
+       padding: 0;
+       padding-top:5px;
+       margin: 0;
+       margin-left: -6px;
+       text-align: left;
+}
+
+/* Top Bar colour and hover colour end */
+</pre>
 
 ## Known Issues
 
@@ -60,3 +238,14 @@
 2.x.x requires MediaWiki 1.24.
 
 1.x.x requires MediaWiki 1.23.
+
+
+## Removed things
+
+Please do not remove this section. it is for things that have been removed and 
used for if something goes wrong and th eproblem was because it was removed 
then they can use the things here.
+
+```html
+<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' 
defer="defer" rel='stylesheet' type='text/css'>
+<meta name="msapplication-TileImage" 
content="http://www.pidgi.net/new/public/images/pidgiwiki.png"/>
+<meta name="msapplication-TileColor" content="#BE0027"/>
+```
diff --git a/components/common.less b/components/common.less
index b5906a4..d4c08bc 100644
--- a/components/common.less
+++ b/components/common.less
@@ -108,7 +108,90 @@
        }
 }
 
+/* Content */
+/* different screen sizes */
+@media all and (max-width: 1000px) and (min-width: 700px) {
+.mw-body {
+       margin-left: 10em;
+    padding-bottom: 1em;
+    padding-top:0em;
+    /* @embed */
+    background-image: url(images/border.png);
+    background-position: top left;
+    background-repeat: repeat-y;
+    background-color: white;
+    color: black;
+    direction: ltr;
+    height:auto;
+    position:absolute;
+    bottom:0px;
+       right:-60px;
+       left:0px;
+    top:40px;
+    overflow:auto;
+    -webkit-overflow-scrolling: touch;
 
+       .mw-editsection,
+       .mw-editsection-like {
+               font-family: @content-font-family;
+       }
+
+       p {
+               line-height: inherit;
+               margin: 0.5em 0;
+       }
+
+       h1,
+       h2,
+       #firstHeading {
+               font-family: @content-heading-font-family;
+               line-height: @heading-line-height;
+               margin-bottom: 0.25em;
+               padding: 0;
+       }
+
+       h1,
+       #firstHeading {
+               font-size: @content-heading-font-size;
+       }
+
+       h2 {
+               font-size: 1.5em;
+               margin-top: 1em;
+       }
+
+       h3,
+       h4,
+       h5,
+       h6 {
+               line-height: @content-line-height;
+               margin-top: 0.3em;
+               margin-bottom: 0;
+               padding-bottom: 0;
+       }
+
+       h3 {
+               font-size: 1.17em;
+       }
+
+       h3,
+       h4 {
+               font-weight: bold;
+       }
+
+       h4,
+       h5,
+       h6 {
+               font-size: 100%; /* (reset) */
+       }
+
+       #toc h2,
+       .toc h2 {
+               font-size: 100%; /* (reset) */
+               font-family: @content-font-family;
+       }
+}
+}
 
 img.custom {
             position:inherit;
@@ -147,7 +230,14 @@
             background-repeat: no-repeat;
             background-position: -0px 20px;
 }
-
+img.custom4 {
+            .background-image-svg('images/user-icon.svg', 
'images/user-icon.png');
+            width:26px; /*width of your image*/
+            height:35px; /*height of your image*/
+            margin:0; /* If you want no margin */
+            padding:0; /*if your want to padding */
+            background-repeat: no-repeat;
+}
 
 /* Hide empty portlets */
 div.emptyPortlet {
diff --git a/components/navigation.less b/components/navigation.less
index 848fa46..393c9bb 100644
--- a/components/navigation.less
+++ b/components/navigation.less
@@ -20,7 +20,18 @@
        background-image: url('images/page-fade.png');
        .vertical-gradient(#CF8B54, #CF8B54, 50%, 100%);
 }
-
+@media all and (max-width: 1000px) and (min-width: 700px) {
+   #mw-page-base {
+       height: 2.5em;
+       background-color: #CF8B54;
+       background-position: bottom left;
+       background-repeat: repeat-x;
+       /* This image is only a fallback (for IE 6-9), so we do not @embed it. 
*/
+       background-image: url('images/page-fade.png');
+       .vertical-gradient(#CF8B54, #CF8B54, 50%, 100%);
+    width:65em;
+}
+}
 #mw-head-base {
        margin-top: -5em;
        margin-left: 10em;
@@ -34,7 +45,6 @@
 div#mw-head {
        position: absolute;
        top: 0;
-       right: 0;
        width: 100%;
 
        h5 {
@@ -43,30 +53,28 @@
        }
 }
 
+@media all and (max-width: 1000px) and (min-width: 700px) {
+    div#mw-head {
+       position: absolute;
+       top: 0;
+       width: 106%;
+
+       h5 {
+               margin: 0;
+               padding: 0;
+       }
+}
+}
+
 /* Navigation Containers */
 #left-navigation {
-    position: inherit;
-<<<<<<< HEAD
-=======
-       position:absolute;
-       position:initial;
->>>>>>> Update Metrolook
-       left: 190px;
-       top: 0em;
+   float: initial;
+    /* IE 6 double-margin bug fix */
+   display: inline; 
 }
 
 #right-navigation {
-       float: right;
-       top: 0px;
-       position: relative;
-<<<<<<< HEAD
-       margin-right: 20px;
-    margin-left: 1px;
-=======
-       margin-right: 0px;
-    margin-left: 1px;
-
->>>>>>> Update Metrolook
+float: right;
 }
 
 /* Logo */
diff --git a/images/external-link-ltr-icon.svg 
b/images/external-link-ltr-icon.svg
index eb45866..3fbe344 100644
--- a/images/external-link-ltr-icon.svg
+++ b/images/external-link-ltr-icon.svg
@@ -1,17 +1,121 @@
-<svg 
-     version="1.1" 
-     xmlns="http://www.w3.org/2000/svg"; 
-     xmlns:xlink="http://www.w3.org/1999/xlink"; 
-     width="10px" height="10px" 
-     viewBox="0 0 10 10" preserveAspectRatio="none"> 
-   <g> 
-<image width="10" height="10" xlink:href="data:image/png;base64, 
-iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7DAAAOwwHHb6hk
-AAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMDD0cqEAAABLSURBVChTdY7bDQAgCANx
-TEdzWh9IDdZ6ST+gF4IxrZauEvUGS+YRF0p2EUUOs3YuApYwX6KScuTFU8bP5/lMll0ALAIp/hLK
-xGwANGvbBwmnle0AAAAASUVORK5CYII=
-"/> 
-   </g> 
-</svg> 
+<?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="10"
+   height="10"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="external-link-ltr-icon.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="25.305825"
+     inkscape:cx="9.9562607"
+     inkscape:cy="5.3937481"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       id="rect6"
+       y="3.5180001"
+       x="0.5"
+       height="5.9819999"
+       width="5.9819999"
+       style="fill:#ffffff;stroke:#985800" />
+    <g
+       id="g8"
+       transform="translate(-826.42902,-698.79102)">
+      <path
+         id="path10"
+         d="m 831.194,698.791 h 5.234 v 5.391 l -1.571,1.545 -1.31,-1.31 
-2.725,2.725 -2.689,-2.689 2.808,-2.808 -1.311,-1.311 z"
+         inkscape:connector-curvature="0"
+         style="fill:#985800;fill-opacity:1" />
+      <path
+         id="path12"
+         d="m 835.424,699.795 0.022,4.885 -1.817,-1.817 -2.881,2.881 
-1.228,-1.228 2.881,-2.881 -1.851,-1.851 z"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff" />
+    </g>
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 0.03389831,6.5074153 0,-3.4533899 2.12851469,0 2.1285145,0 
-0.4646563,0.4661017 -0.4646565,0.4661017 -1.1977565,0 -1.19775651,0 
0,2.5211865 0,2.5211864 2.52118641,0 2.5211865,0 0,-1.134197 0,-1.1341974 
0.4661017,-0.4646565 0.4661017,-0.4646564 0,2.0649552 0,2.0649555 -3.4533899,0 
-3.45338979,0 0,-3.4533898 z"
+       id="path3776"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 0.03389831,6.5074153 0,-3.4533899 2.12851469,0 2.1285145,0 
-0.4646563,0.4661017 -0.4646565,0.4661017 -1.1977565,0 -1.19775651,0 
0,2.5211865 0,2.5211864 2.52118641,0 2.5211865,0 0,-1.134197 0,-1.1341974 
0.4661017,-0.4646565 0.4661017,-0.4646564 0,2.0649552 0,2.0649555 -3.4533899,0 
-3.45338979,0 0,-3.4533898 z"
+       id="path3778"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 0.03389831,6.5074153 0,-3.4533899 2.12851469,0 2.1285145,0 
-0.4646563,0.4661017 -0.4646565,0.4661017 -1.1977565,0 -1.19775651,0 
0,2.5211865 0,2.5211864 2.52118641,0 2.5211865,0 0,-1.134197 0,-1.1341974 
0.4661017,-0.4646565 0.4661017,-0.4646564 0,2.0649552 0,2.0649555 -3.4533899,0 
-3.45338979,0 0,-3.4533898 z"
+       id="path3780"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 1.0084746,6.5074153 0,-2.4788136 1.1542535,0 1.1542535,0 L 
2.4914478,4.8549506 1.665914,5.6812994 3.0000777,7.0159675 c 0.73379,0.7340675 
1.3531566,1.3346681 1.3763703,1.3346681 0.023214,0 0.3903823,-0.347794 
0.8159304,-0.7728756 l 0.7737233,-0.7728755 0,1.0906722 0,1.0906721 
-2.4788136,0 -2.4788135,0 0,-2.4788135 z"
+       id="path3782"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="M 3.7303435,6.3479487 C 3.4218749,6.0388441 3.1694915,5.7670212 
3.1694915,5.7438983 c 0,-0.023123 0.6387451,-0.6805738 1.4194335,-1.4610013 L 
6.0083585,2.8639378 5.0871676,1.9420325 4.1659766,1.0201271 l 2.4042998,0 
2.4042999,0 0,2.4042826 0,2.4042827 L 8.0846733,4.9395463 7.1947705,4.0504003 
5.7645278,5.4801788 C 4.9778943,6.2665572 4.32459,6.9099576 4.3127403,6.9099576 
c -0.01185,0 -0.2739282,-0.2529038 -0.5823968,-0.5620089 l 0,0 z"
+       id="path3784"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 0.03389831,6.5074153 0,-3.4533899 2.12851469,0 2.1285145,0 
-0.4646563,0.4661017 -0.4646565,0.4661017 -1.1977565,0 -1.19775651,0 
0,2.5211865 0,2.5211864 2.52118641,0 2.5211865,0 0,-1.134197 0,-1.1341974 
0.4661017,-0.4646565 0.4661017,-0.4646564 0,2.0649552 0,2.0649555 -3.4533899,0 
-3.45338979,0 0,-3.4533898 z"
+       id="path3786"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="M 3.0529558,6.9842695 1.7289625,5.6602763 3.1374113,4.2513564 
4.5458601,2.8424368 3.8991001,2.1946655 3.2523401,1.5468941 
4.0265938,0.77535144 4.8008475,0.0038088 l 2.5953389,-3.1542e-4 
2.595339,-3.1541e-4 0,2.68065243 0,2.6806522 -0.5826271,0.5720988 C 
9.0884534,6.2512356 8.7354131,6.5936843 8.6243644,6.6975784 L 
8.4224581,6.8864767 7.7765343,6.2415619 7.130611,5.5966466 5.7752995,6.9524547 
c -0.7454212,0.7456945 -1.3649951,1.355808 -1.3768309,1.355808 -0.011836,0 
-0.6173164,-0.595797 -1.3455128,-1.3239932 z m 2.7435923,-1.4513687 
1.4189553,-1.4194293 0.9007229,0.8999921 0.9007229,0.8999923 0,-2.4678509 
0,-2.46785076 -2.4678594,0 -2.467859,0 L 5.0127756,1.9100214 
5.9443203,2.8422886 4.5043308,4.2827453 3.0643413,5.7232021 3.677809,6.3377665 
c 0.3374072,0.3380102 0.6328889,0.614564 0.6566258,0.614564 0.023737,0 
0.681688,-0.6387432 1.4621133,-1.4194297 z"
+       id="path3788"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="M 3.0529558,6.9842695 1.7289625,5.6602763 3.1374113,4.2513564 
4.5458601,2.8424368 3.8991001,2.1946655 3.2523401,1.5468941 
4.0265938,0.77535144 4.8008475,0.0038088 l 2.5953389,-3.1542e-4 
2.595339,-3.1541e-4 0,2.68065243 0,2.6806522 -0.5826271,0.5720988 C 
9.0884534,6.2512356 8.7354131,6.5936843 8.6243644,6.6975784 L 
8.4224581,6.8864767 7.7765343,6.2415619 7.130611,5.5966466 5.7752995,6.9524547 
c -0.7454212,0.7456945 -1.3649951,1.355808 -1.3768309,1.355808 -0.011836,0 
-0.6173164,-0.595797 -1.3455128,-1.3239932 z m 2.7435923,-1.4513687 
1.4189553,-1.4194293 0.9007229,0.8999921 0.9007229,0.8999923 0,-2.4678509 
0,-2.46785076 -2.4678594,0 -2.467859,0 L 5.0127756,1.9100214 
5.9443203,2.8422886 4.5043308,4.2827453 3.0643413,5.7232021 3.677809,6.3377665 
c 0.3374072,0.3380102 0.6328889,0.614564 0.6566258,0.614564 0.023737,0 
0.681688,-0.6387432 1.4621133,-1.4194297 z"
+       id="path3790"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:0;fill:#000000;fill-opacity:1;fill-rule:nonzero"
+       d="m 1.0084746,6.5074153 0,-2.4788136 1.1542535,0 1.1542535,0 L 
2.4914478,4.8549506 1.665914,5.6812994 3.0000777,7.0159675 c 0.73379,0.7340675 
1.3531566,1.3346681 1.3763703,1.3346681 0.023214,0 0.3903823,-0.347794 
0.8159304,-0.7728756 l 0.7737233,-0.7728755 0,1.0906722 0,1.0906721 
-2.4788136,0 -2.4788135,0 0,-2.4788135 z"
+       id="path3792"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/images/external-link-rtl-icon.svg 
b/images/external-link-rtl-icon.svg
index d0976cf..88434c2 100644
--- a/images/external-link-rtl-icon.svg
+++ b/images/external-link-rtl-icon.svg
@@ -1,17 +1,80 @@
-<svg 
-     version="1.1" 
-     xmlns="http://www.w3.org/2000/svg"; 
-     xmlns:xlink="http://www.w3.org/1999/xlink"; 
-     width="10px" height="10px" 
-     viewBox="0 0 10 10" preserveAspectRatio="none"> 
-   <g> 
-<image width="10" height="10" xlink:href="data:image/png;base64, 
-iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7DAAAOwwHHb6hk
-AAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMDD0cqEAAABESURBVChTdY1RCgAwCELr
-mDvaTtvwwxBxD0SqB9U9PSnlYOlE2cUoARcBZc2KbKLzihqFM3rfs/VIViRJAl/RiWJOzwO9BNsH
-TifulAAAAABJRU5ErkJggg==
-"/> 
-   </g> 
-</svg> 
+<?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="10"
+   height="10"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="external-link-rtl-icon.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="23.6"
+     inkscape:cx="6.6525424"
+     inkscape:cy="4.1887605"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="translate(-826.429,-698.79102)"
+       id="g4">
+      <rect
+         style="fill:#ffffff;stroke:#985800"
+         width="5.9819999"
+         height="5.9819999"
+         x="-835.92902"
+         y="702.30902"
+         transform="scale(-1,1)"
+         id="rect6" />
+      <g
+         id="g8">
+        <path
+           style="fill:#985800;fill-opacity:1"
+           inkscape:connector-curvature="0"
+           d="m 831.663,698.791 h -5.234 v 5.391 l 1.571,1.545 1.31,-1.31 
2.725,2.725 2.689,-2.689 -2.808,-2.808 1.311,-1.311 z"
+           id="path10" />
+        <path
+           style="fill:#ffffff"
+           inkscape:connector-curvature="0"
+           d="m 827.433,699.795 -0.022,4.885 1.817,-1.817 2.881,2.881 
1.228,-1.228 -2.881,-2.881 1.851,-1.851 z"
+           id="path12" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/images/unwatch-icon-hl.svg b/images/unwatch-icon-hl.svg
index d52d547..2429552 100644
--- a/images/unwatch-icon-hl.svg
+++ b/images/unwatch-icon-hl.svg
@@ -1 +1,95 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; width="16" 
height="16"><defs><linearGradient id="a"><stop offset="0" 
stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1" 
stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363" 
x2="4.596" y2="3.397" id="b" xlink:href="#a" 
gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408 
4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 
4.864-.707z" fill="url(#b)" stroke="#c8b250" 
stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?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:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="16"
+   height="16"
+   id="svg2995"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs2997">
+    <linearGradient
+       x1="13.47"
+       y1="14.363"
+       x2="4.5960002"
+       y2="3.3970001"
+       id="b"
+       xlink:href="#a"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="a">
+      <stop
+         offset="0"
+         stop-color="#c2edff"
+         id="stop7" />
+      <stop
+         offset=".5"
+         stop-color="#68bdff"
+         id="stop9" />
+      <stop
+         offset="1"
+         stop-color="#fff"
+         id="stop11" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-3.9994717e-5,3.9994717e-5)"
+       y2="3.3970001"
+       x2="4.5960002"
+       y1="14.363"
+       x1="13.47"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3073"
+       xlink:href="#a"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.75"
+     inkscape:cx="21.220339"
+     inkscape:cy="6.8231204"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3000">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       
style="fill:url(#linearGradient3073);stroke:#c8b250;stroke-width:0.99992001"
+       inkscape:connector-curvature="0"
+       d="m 8.10296,1.14604 2.175,4.408 4.864,0.707 -3.52,3.431 0.831,4.845 
-4.351,-2.287 -4.351,2.287 0.831,-4.845 -3.52,-3.431 4.864,-0.707 z"
+       id="path14" />
+  </g>
+</svg>
diff --git a/images/unwatch-icon.svg b/images/unwatch-icon.svg
index cde7bc5..e92b095 100644
--- a/images/unwatch-icon.svg
+++ b/images/unwatch-icon.svg
@@ -1 +1,95 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; width="16" 
height="16"><defs><linearGradient id="a"><stop offset="0" 
stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1" 
stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363" 
x2="4.596" y2="3.397" id="b" xlink:href="#a" 
gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408 
4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 
4.864-.707z" fill="url(#b)" stroke="#7cb5d1" 
stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?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:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="16"
+   height="16"
+   id="svg2995"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="drawing.svg">
+  <defs
+     id="defs2997">
+    <linearGradient
+       x1="13.47"
+       y1="14.363"
+       x2="4.5960002"
+       y2="3.3970001"
+       id="b"
+       xlink:href="#a"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="a">
+      <stop
+         offset="0"
+         stop-color="#c2edff"
+         id="stop7" />
+      <stop
+         offset=".5"
+         stop-color="#68bdff"
+         id="stop9" />
+      <stop
+         offset="1"
+         stop-color="#fff"
+         id="stop11" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-3.9994717e-5,3.9994717e-5)"
+       y2="3.3970001"
+       x2="4.5960002"
+       y1="14.363"
+       x1="13.47"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3019"
+       xlink:href="#a"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.75"
+     inkscape:cx="21.220339"
+     inkscape:cy="7.7374588"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3000">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       
style="fill:url(#linearGradient3019);stroke:#7cb5d1;stroke-width:0.99992001"
+       inkscape:connector-curvature="0"
+       d="m 8.10296,1.14604 2.175,4.408 4.864,0.707 -3.52,3.431 0.831,4.845 
-4.351,-2.287 -4.351,2.287 0.831,-4.845 -3.52,-3.431 4.864,-0.707 z"
+       id="path14" />
+  </g>
+</svg>
diff --git a/images/watch-icon-hl.svg b/images/watch-icon-hl.svg
index 664c671..d8cd1a1 100644
--- a/images/watch-icon-hl.svg
+++ b/images/watch-icon-hl.svg
@@ -1 +1,60 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" 
fill="#fff" stroke="#c8b250" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?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="16"
+   height="16"
+   id="svg2987"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs2989" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.75"
+     inkscape:cx="21.118644"
+     inkscape:cy="4.5919166"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2992">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#ffffff;stroke:#c8b250;stroke-width:0.99992001"
+       inkscape:connector-curvature="0"
+       d="m 8.10296,1.14604 2.175,4.408 4.864,0.707 -3.52,3.431 0.831,4.845 
-4.351,-2.287 -4.351,2.287 0.831,-4.845 -3.52,-3.431 4.864,-0.707 z"
+       id="path4" />
+  </g>
+</svg>
diff --git a/images/watch-icon-loading.svg b/images/watch-icon-loading.svg
index 751eb14..53c6bae 100644
--- a/images/watch-icon-loading.svg
+++ b/images/watch-icon-loading.svg
@@ -1 +1,60 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" 
fill="#fff" stroke="#d1d1d1" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?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="16"
+   height="16"
+   id="svg2987"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs2989" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.7516773"
+     inkscape:cy="3.7175385"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2992">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#ffffff;stroke:#d1d1d1;stroke-width:0.99992001"
+       inkscape:connector-curvature="0"
+       d="m 8.10296,1.14604 2.175,4.408 4.864,0.707 -3.52,3.431 0.831,4.845 
-4.351,-2.287 -4.351,2.287 0.831,-4.845 -3.52,-3.431 4.864,-0.707 z"
+       id="path4" />
+  </g>
+</svg>
diff --git a/images/watch-icon.svg b/images/watch-icon.svg
index 907b05b..2fe08c4 100644
--- a/images/watch-icon.svg
+++ b/images/watch-icon.svg
@@ -1 +1,60 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg"; 
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52 
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" 
fill="#fff" stroke="#7cb5d1" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?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="16"
+   height="16"
+   id="svg2987"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs2989" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="14.75"
+     inkscape:cx="21.220339"
+     inkscape:cy="-2.1016949"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata2992">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#ffffff;stroke:#7cb5d1;stroke-width:0.99992001"
+       inkscape:connector-curvature="0"
+       d="m 8.10296,1.14604 2.175,4.408 4.864,0.707 -3.52,3.431 0.831,4.845 
-4.351,-2.287 -4.351,2.287 0.831,-4.845 -3.52,-3.431 4.864,-0.707 z"
+       id="path4" />
+  </g>
+</svg>
diff --git a/screen-hd.less b/screen-hd.less
index d65cb0e..a062656 100644
--- a/screen-hd.less
+++ b/screen-hd.less
@@ -17,7 +17,7 @@
        padding-left: 0.5em;
 }
 #p-search {
-       margin-right: 8em;
+       margin-right: 3.5em;
 }
 #left-navigation {
        left: 190px;

-- 
To view, visit https://gerrit.wikimedia.org/r/162122
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: Ieb4816ddc524821a2a8dceb3d494d1914647dddf
Gerrit-PatchSet: 3
Gerrit-Project: mediawiki/skins/Metrolook
Gerrit-Branch: master
Gerrit-Owner: Paladox <[email protected]>
Gerrit-Reviewer: Paladox <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to