Issue 4920 - Add "Ready for Windows" section to adblockplus.org

static/css/index.css

 #content h1, #content h2
 {
   font-size: 16px;
 }
 
 #content .sprite
 {
   background-image: url(../img/sprite-index.png);
 }
 
@@ skipping 689 matching lines @@
 #more-container.android #more-android,
 #more-container.internet-explorer #more-internet-explorer,
 #more-container.safari #more-safari,
 #more-container.yandex-browser #more-yandex-browser,
 #more-container.maxthon #more-maxthon
 #more-container.edge #more-edge
 {
   background-color: #dbd4c7;
 }
 
-
-#ready-for-windows-note {

[juliandoucette, 2017/06/07 17:48:11]

It looks like you are trying to match the style of the Adblock Browser alert
(which also applies style by id).  Why not refactor both to use a class instead?

[ire, 2017/06/08 13:41:26]

Okay I will. I originally did it this way to keep with the style of the rest of
the stylesheet, but I agree that using a class is better. 

-  background-color: #ffffff;
-  padding: 25px;
-  margin: 10px 10px 30px;
+.notice
+{
+  padding: 20px;
   line-height: 1.4;
+  color: #000;
+  background-color: #fff;
   border: 2px solid #a1a1a1;
-  display: none;
-}
-
-#ready-for-windows-note p {
-  margin: 0;
-}
-
-#content.internet-explorer #ready-for-windows-note {

[juliandoucette, 2017/06/07 17:48:11]

NIT: I don't think #content is necessary here.

[ire, 2017/06/08 13:41:26]

Acknowledged.

-  display: block;
-}
+}
+
+#ready-for-windows-notice
+{
+  margin-bottom: 30px;
+}