Issue 5538 - Implement "Help" tab for new options page

skin/new-options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 880 matching lines @@
 div[role="tooltip"] .notes p
 {
   font-weight: 300;
 }
 
 /*
   Help tab content
 */
 
 html:not([lang="zh"]) #social-chinese,
 html[lang="zh"] #social-general

[ire, 2017/08/25 08:52:50]

NIT: We don't need the `html` part of this selector

[saroyanm, 2017/08/25 10:54:37]

I don't have strong opinion, but I think it makes more readable considering the
:not selector before.

[ire, 2017/08/25 11:55:54]

Okay, leave it as it is then.

 {
   display: none;
 }
 
 #social ul
 {
   list-style: none;
 }
 
 #social ul li
 {
   display: inline-block;
 }
 
 #social ul li a
 {
   display: block;
-  text-align: center

[ire, 2017/08/25 08:52:50]

Missing semi-colon

[saroyanm, 2017/08/25 10:54:37]

Done.

+  text-align: center;
 }
 
 #social ul li a::before
 {
   display: block;
   margin: 0em auto;
   width: 2.5rem;
   height: 2.5rem;
   content: "";
   background-color: #099DD1;
@@ skipping 157 matching lines @@
 body:not([data-dialog="language-change"]) #dialog-title-language-change,
 body:not([data-dialog="language-add"]):not([data-dialog="language-change"]) #dialog-content-language-add,
 body:not([data-dialog="language-add"]) #dialog-body button.add,
 body:not([data-dialog="language-change"]) #dialog-body button.change,
 body:not([data-dialog="predefined"]) #dialog-title-predefined,
 body:not([data-dialog="predefined"]) #dialog-content-predefined,
 body:not([data-dialog]) #dialog
 {
   display: none;
 }