flamegraphs: Move demo of flamegraph earlier

[libguestfs-talks.git] / 2019-kvm-forum / style.css

diff --git a/2019-kvm-forum/style.css b/2019-kvm-forum/style.css
index 4795690..abb2539 100644 (file)
--- a/2019-kvm-forum/style.css
+++ b/2019-kvm-forum/style.css
@@ -2,7 +2,8 @@
 
 body {
     background: url(redhat.png) no-repeat;
-    background-position: 98% 0;
+    background-position: 98% 6px;
+    background-size: auto 48px;
     /* font-size: 28pt; */ /* For max */
     font-size: 20pt; /* For 1024x768 */
     font-family: Red Hat Text, liberation, helvetica;
@@ -131,7 +132,7 @@ div.filters {
     margin-left: auto;
     margin-right: auto;
     width: 800px;
-    height: 200px;
+    height: 280px;
     /* Position relative is needed so that items may be
        positioned inside. */
     position: relative;
@@ -150,7 +151,7 @@ div.filters ul {
     position: absolute;
     top: 10%;
     width: 700px;
-    height: 180px;
+    height: 260px;
     column-count: 4;
     list-style-type: none;
     margin: 0;
@@ -170,6 +171,25 @@ div.filters ul li.highlighted {
     font-weight: bold;
 }
 
+/* Colored highlighting */
+div.plugins ul li.bg_r,
+div.filters ul li.bg_r {
+    background: #b00;
+    color: white;
+}
+
+div.plugins ul li.bg_g,
+div.filters ul li.bg_g {
+    background: #0b0;
+    color: white;
+}
+
+div.plugins ul li.bg_b,
+div.filters ul li.bg_b {
+    background: #00b;
+    color: white;
+}
+
 /* For images which must be centered on the page. */
 div.allcenter {
     display: flex;
@@ -250,3 +270,12 @@ p.attribution {
     text-align: right;
     font-size: 10pt;
 }
+
+/* Tables */
+table#border {
+    border-collapse: collapse;
+}
+
+table#border th, table#border td {
+    border: 1px solid black;
+}