Outline lightning talk.
[libguestfs-talks.git] / 2019-lightning-talk / style.css
diff --git a/2019-lightning-talk/style.css b/2019-lightning-talk/style.css
new file mode 100644 (file)
index 0000000..e33ca15
--- /dev/null
@@ -0,0 +1,272 @@
+/* Red Hat red is rgb(238,0,0). */
+
+body {
+    background: url(redhat.png) no-repeat;
+    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;
+    /* 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?? */
+    font-size: 24pt;
+    padding-bottom: 8px;
+}
+
+h1 {
+    color: rgb(238,0,0);
+    /*font-size: 48px;*/
+    font-size: 40px;
+    top: 8;
+    left: 0;
+    border-bottom: 2px solid rgb(238,0,0);
+}
+
+h2 {
+    color: rgb(238,0,0);
+    font-size: 32px;
+    font-style: italic;
+    border-bottom: 2px solid rgb(238,0,0);
+}
+
+b {
+    color: rgb(238,0,0);
+}
+
+/* Title page. */
+div#titlepage {
+    margin-top: 100px;
+    width: 80%;
+    margin-left: 10%;
+}
+
+div#titlepage p.title {
+    color: rgb(238,0,0);
+    font-weight: bold;
+    font-size: 48px;
+    text-align: left;
+}
+
+div#titlepage p.author {
+    font-size: 36px;
+    text-align: left;
+}
+
+div#titlepage p.abstract {
+    font-size: 28px;
+    text-align: left;
+}
+
+/* Code */
+pre.code {
+    margin-left: 1em;
+    background: #eee;
+}
+
+code {
+    color: rgb(238,0,0);
+}
+
+/* Bullet points */
+li {
+    padding-bottom: 16px;
+}
+
+/* Plugins box. */
+div.plugins {
+    background: #f8f8ff;
+    border: 1px solid rgb(238,0,0);
+    border-radius: 15px;
+    margin-left: auto;
+    margin-right: auto;
+    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(238,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(238,0,0);
+    background: #fff;
+    padding-left: 10px;
+    color: rgb(238,0,0);
+    border-radius: 20px;
+    font-weight: bold;
+}
+
+/* Filters box. */
+div.filters {
+    background: #f8fff8;
+    border: 1px solid rgb(238,0,0);
+    border-radius: 15px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 800px;
+    height: 280px;
+    /* 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(238,0,0);
+    text-align: right;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+div.filters ul {
+    position: absolute;
+    top: 10%;
+    width: 700px;
+    height: 260px;
+    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(238,0,0);
+    background: #fff;
+    padding-left: 10px;
+    color: rgb(238,0,0);
+    border-radius: 20px;
+    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;
+    justify-content: center;
+    align-items: center;
+    height: 50vw;
+}
+
+div.all-center img {
+}
+
+/* Outlined text. */
+.outline {
+    text-shadow: 2px 2px 0 rgb(238,0,0),
+                 -2px 2px 0 rgb(238,0,0),
+                 2px -2px 0 rgb(238,0,0),
+                 -2px -2px 0 rgb(238,0,0),
+                 0px 2px 0 rgb(238,0,0),
+                 0px -2px 0 rgb(238,0,0),
+                 -2px 0px 0 rgb(238,0,0),
+                 2px 0px 0 rgb(238,0,0),
+                 4px 4px 0 rgb(238,0,0),
+                 -4px 4px 0 rgb(238,0,0),
+                 4px -4px 0 rgb(238,0,0),
+                 -4px -4px 0 rgb(238,0,0),
+
+                 0px 4px 0 rgb(238,0,0),
+                 0px -4px 0 rgb(238,0,0),
+                 -4px 0px 0 rgb(238,0,0),
+                 4px 0px 0 rgb(238,0,0),
+                 2px 4px 0 rgb(238,0,0),
+                 -2px 4px 0 rgb(238,0,0),
+                 2px -4px 0 rgb(238,0,0),
+                 -2px -4px 0 rgb(238,0,0),
+                 4px 2px 0 rgb(238,0,0),
+                 -4px 2px 0 rgb(238,0,0),
+                 4px -2px 0 rgb(238,0,0),
+                 -4px -2px 0 rgb(238,0,0),
+
+                 4px 4px 0 rgb(255,128,128),
+                 -4px 4px 0 rgb(255,128,128),
+                 4px -4px 0 rgb(255,128,128),
+                 -4px -4px 0 rgb(255,128,128),
+                 0px 4px 0 rgb(255,128,128),
+                 0px -4px 0 rgb(255,128,128),
+                 -4px 0px 0 rgb(255,128,128),
+                 4px 0px 0 rgb(255,128,128),
+                 8px 8px 0 rgb(255,128,128),
+                 -8px 8px 0 rgb(255,128,128),
+                 8px -8px 0 rgb(255,128,128),
+                 -8px -8px 0 rgb(255,128,128),
+
+                 0px 8px 0 rgb(255,128,128),
+                 0px -8px 0 rgb(255,128,128),
+                 -8px 0px 0 rgb(255,128,128),
+                 8px 0px 0 rgb(255,128,128),
+                 4px 8px 0 rgb(255,128,128),
+                 -4px 8px 0 rgb(255,128,128),
+                 4px -8px 0 rgb(255,128,128),
+                 -4px -8px 0 rgb(255,128,128),
+                 8px 4px 0 rgb(255,128,128),
+                 -8px 4px 0 rgb(255,128,128),
+                 8px -4px 0 rgb(255,128,128),
+                 -8px -4px 0 rgb(255,128,128);
+}
+
+/* Warning symbol. */
+span.warning {
+    background-color: yellow;
+    font-weight: bold;
+}
+
+/* Attribution for artwork etc. */
+p.attribution {
+    position: absolute;
+    right: 10px;
+    bottom: 10px;
+    text-align: right;
+    font-size: 10pt;
+}