General A/B testing.

[wolnelektury.git] / src / wolnelektury / static / css / annoy.css

diff --git a/src/wolnelektury/static/css/annoy.css b/src/wolnelektury/static/css/annoy.css
index 7ffa414..6519605 100755 (executable)
--- a/src/wolnelektury/static/css/annoy.css
+++ b/src/wolnelektury/static/css/annoy.css
@@ -2,13 +2,11 @@
     font-size: 13px;
     line-height: 1.15em;
 
-    padding: .1em 1em;
     background: orange;
-    z-index: 200;
+    z-index: 99;
     font-family: Arial, sans-serif;
     display: block;
-    padding: 0 1em;
-    width: 1em;
+    padding: .1em 1em;
     text-align:center;
     border-radius: 0 0 0 1em;
     position: absolute;
@@ -18,20 +16,31 @@
 }
 
 #annoy {
-    font-size: 13px;
-    line-height: 1.15em;
     padding: 1em 5em 1em 0;
     display: none;
     background: orange;
-    font-family: Arial, sans-serif;
     position: relative;
-    z-index: 200;
+    z-index: 99;
 }
 #annoy p {
-    margin: 0 0 0 10em;;
+    margin: 0;
 }
 #annoy a {
-    color: #4E56C8;
+    color: black;
+    display: block;
+    font-size: 2em;
+    text-align: center;
+}
+
+#annoy .banner {
+    display: block;
+    margin: auto;
+    width: 975px;
+    background: none;
+}
+
+#annoy .banner img {
+    display: block;
 }
 
 #annoy a#annoy-off {
@@ -46,7 +55,15 @@
     top: 0;
     right: 0;
     color: black;
+    font-size: 13px;
 }
 #annoy a#annoy-off:hover {
     cursor: pointer;
 }
+
+@media screen and (min-width: 1024px) {
+    #annoy-content {
+        width: 975px;
+        margin: auto;
+    }
+}