X-Git-Url: http://git.annexia.org/?a=blobdiff_plain;f=2019-fosdem%2Fstyle.css;h=7235b7cb650da969c71d21f0e12738b2584d62df;hb=25860da36859dc6c421dada14711bb74d779addc;hp=64a66b5d9341c36a8078f9960492e23e3ffc8946;hpb=d0d67b7fa76daa18caa5d4a9dcf59c22beceee99;p=libguestfs-talks.git

diff --git a/2019-fosdem/style.css b/2019-fosdem/style.css
index 64a66b5..7235b7c 100644
--- a/2019-fosdem/style.css
+++ b/2019-fosdem/style.css
@@ -115,3 +115,46 @@ div.plugins ul li.highlighted {
     border-radius: 20px;
     font-weight: bold;
 }
+
+/* Filters box. */
+div.filters {
+    background: #f8fff8;
+    border: 1px solid rgb(204,0,0);
+    border-radius: 15px;
+    width: 800px;
+    height: 200px;
+    /* Position relative is needed so that items may be
+       positioned inside. */
+    position: relative;
+    column-count: 4;
+}
+
+div.filters p.filtercaption {
+    position: absolute;
+    bottom: -5px; right: 5px;
+    color: rgb(204,0,0);
+    text-align: right;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+div.filters ul {
+    list-style-type: none;
+    top: 50%;
+    transform: translateY(15%);
+    margin: 0;
+}
+
+div.filters ul li {
+    padding: 4px;
+    margin: 5px;
+}
+
+div.filters ul li.highlighted {
+    border: 1px solid rgb(204,0,0);
+    background: #fff;
+    padding-left: 10px;
+    color: rgb(204,0,0);
+    border-radius: 20px;
+    font-weight: bold;
+}