X-Git-Url: http://git.annexia.org/?a=blobdiff_plain;f=2019-fosdem%2Fstyle.css;h=0244be7d18a6b03bde0fc9eb08d7f00c871cc86c;hb=e2f2234244bb33aa63dc028773d0131dfcd66d98;hp=14aa0ad70de600528f65ace8a1f2be8dac695e06;hpb=445635a71a5371499b76a0a1b9c47ad920a42870;p=libguestfs-talks.git

diff --git a/2019-fosdem/style.css b/2019-fosdem/style.css
index 14aa0ad..0244be7 100644
--- a/2019-fosdem/style.css
+++ b/2019-fosdem/style.css
@@ -7,6 +7,9 @@ body {
     font-size: 20pt; /* For 1024x768 */
     /* font-family: liberation, helvetica; */
     font-family: helvetica;
+
+    /* Can be used to scale the whole document. */
+    /*transform: translate(-10%,-10%) scale(0.75,0.75);*/
 }
 
 body td, body th { /* why?? */
@@ -21,8 +24,6 @@ h1 {
     top: 8;
     left: 0;
     border-bottom: 2px solid rgb(204,0,0);
-    /* Only while using Bluejeans, remove for the real talk: */
-    text-align: right;
 }
 
 h2 {
@@ -30,8 +31,6 @@ h2 {
     font-size: 32px;
     font-style: italic;
     border-bottom: 2px solid rgb(204,0,0);
-    /* Only while using Bluejeans, remove for the real talk: */
-    text-align: right;
 }
 
 b {
@@ -76,3 +75,93 @@ code {
 li {
     padding-bottom: 16px;
 }
+
+/* Plugins box. */
+div.plugins {
+    background: #f8f8ff;
+    border: 1px solid rgb(204,0,0);
+    border-radius: 15px;
+    width: 800px;
+    height: 400px;
+    /* Position relative is needed so that items may be
+       positioned inside. */
+    position: relative;
+}
+
+div.plugins p#caption {
+    position: absolute;
+    bottom: -5px; right: 5px;
+    color: rgb(204,0,0);
+    text-align: right;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+div.plugins ul {
+    position: absolute;
+    top: 10%;
+    width: 700px;
+    height: 380px;
+    column-count: 4;
+    list-style-type: none;
+    margin: 0;
+}
+
+div.plugins ul li {
+    padding: 0px;
+    margin: 5px;
+}
+
+div.plugins 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;
+}
+
+/* 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;
+}
+
+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 {
+    position: absolute;
+    top: 10%;
+    width: 700px;
+    height: 180px;
+    column-count: 4;
+    list-style-type: none;
+    margin: 0;
+}
+
+div.filters ul li {
+    padding: 0px;
+    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;
+}