Issue 3802 - Create page to inform users about adware on web.adblockplus.org

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -410,8 +410,108 @@
 {
   cursor: pointer;
 }
 
 div.animation[started="true"]
 {
   -moz-user-select: none;
 }
+
+.split-section {
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px solid #ccc;
+}
+
+.narrow-list {
+  display: inline-block;
+  width: 250px;
+  margin: 0 35px 10px 0px;
+  vertical-align: top;
+}
+
+.narrow-list ul {
+  margin-bottom: 0;
+}
+
+.text-danger
+{
+  color: #e11a2c
+}
+
+.alert-danger
+{
+  padding: 15px;
+  border: 2px solid;
+  border-color: #e11a2c;
+  background-color: #fff;
+}
+
+.badge-header
+{
+  vertical-align: middle;
+  line-height: 34px;
+}
+
+.badge-success
+{
+  display: inline-block;
+  vertical-align: top;
+  text-align: center;
+  line-height: 20px;
+  margin-right: 7px;
+  padding: 7px 0px;
+  width: 34px;
+  border-radius: 4px;
+  color: #fff;
+  background-color: #53b044;
+  font-weight: bold;
+  font-size: 20px;
+}
+
+.list-unstyled,
+.list-unstyled li
+{
+  margin-left: 0px;
+  padding-left: 0px;
+}
+
+.list-unstyled li
+{
+  list-style-type: none;
+}
+
+.list-unstyled li
+{
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+
+.list-custom {
+  padding-left: 0;
+  overflow: visible;
+  list-style-type: none;
+}
+
+.list-custom ul {
+  margin-left: 45px;
+  margin-top: 20px;
+}
+
+.list-custom > li {
+  margin-bottom: 25px;
+}
+
+.list-custom .check-item,
+.list-custom .cross-item {
+  min-height: 20px;
+  padding-left: 45px;
+  padding-top: 2px;
+}
+
+.list-custom .check-item {
+  background: url("/img/check.png") no-repeat 10px top;
+}
+
+.list-custom .cross-item {
+  background: url("/img/cross.png") no-repeat 10px top;
+}