Issue 2356 - Implemented tooltip functionality

skin/options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-2015 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 123 matching lines @@
 
 #page-title h1
 {
   margin: 0px;
   padding: 8px 0px 16px 0px;
 }
 
 .hbox
 {
   display: flex;
-  flex-flow: row wrap;
+  flex-direction: row;
 }
 
 .hbox > div
 {
   flex: 1;

[saroyanm, 2015/07/29 09:38:59]

In this case "flex-wrap: wrap" will have no effect.
I think we need to specify min-width.

[Thomas Greiner, 2015/07/29 09:59:52]

There's no wrapping necessary in the current version. Therefore I'd suggest
tackling that in #2746. Removed `flex-wrap` for now.

Also added `min-width` to the tab content container for now so that the design
doesn't look too screwed up on smaller screens until we get around tackling
#2746.

 }
 
 .tabs li
 {
   cursor: pointer;
   display: flex;
 }
 
 .tabs li a
 {
@@ skipping 96 matching lines @@
 {
   background-position: -31px -18px;
 }
 
 #tab-content
 {
   background-color: #FFFFFF;
   border: 1px solid #CDCDCD;
   border-radius: 8px;
   box-sizing: border-box;
+  min-width: 960px;
   padding: 0px 60px 40px 60px;
   width: 960px;

[saroyanm, 2015/07/29 10:12:21]

nit: It's doesn't make any sense to have specified width here, but as far as I
understand this styles will be changed anyway so feel free keep it or remove so
we will come back to it later on.

 }
 
 #tab-content h1
 {
   border-bottom: 1px solid #CDCDCD;
   margin: 0px;
   padding: 40px 0px 16px 0px;
 }
 
 #link-version
@@ skipping 799 matching lines @@
   -moz-padding-end: 10px;
   -webkit-padding-start: 0px;
   -moz-padding-start: 0px;
 }
 
 #other-language .display
 {
   -webkit-margin-start: 10px;
   -moz-margin-start: 10px;
 }