From 8273c26a2430d166305bfeb1533def1539db604b Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 20 Apr 2013 14:43:54 +0200 Subject: [PATCH] make index page useful and somewhat decent to view and link FOSDEM 2013 --- index.html | 84 ++++++++++++++++++++++++++++------------- kairo.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 166 insertions(+), 26 deletions(-) create mode 100755 kairo.css diff --git a/index.html b/index.html index 7700060..8c1a7d6 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,89 @@ + + + + + + + + + + + + + +Home of KaiRo: Home of KaiRo + + + +

KaiRo's Slides

-

I've been giving a few talks on Mozilla topics, the slides I used there are - available here.

+

Robert Kaiser has been giving a few + talks on Mozilla and similar topics, the slides used there are available + from this page in reverse chronological order. All those slides are written + in HTML and should be visible and usable in a browser, but have only been + tested in Firefox / SeaMonkey browsers. +

+ + + + + \ No newline at end of file diff --git a/kairo.css b/kairo.css new file mode 100755 index 0000000..2f78518 --- /dev/null +++ b/kairo.css @@ -0,0 +1,108 @@ +/* from CBSM / Home of KaiRo (with modifications) */ + +html { + background-color: #FFFFEE; +} +body { + margin: 3px; + background-color: #FFFFEE; + color: #336699; + font-family: Arial,Helvetica,sans-serif; + font-size: 16px; +} + +a:link { color: #669999; } +a:visited { color: #003366; } +a:hover, a:active { color: #88BBBB; } + +img.KaiRoLogo { border: 0px; height: 62px; width: 100px; } +div.KaiRoLogo { float: left; margin-right: 5px; } + +#intro { + clear: both; +} + +#footer { + margin-top: 1em; + border-top: 1px solid #336699; + color: #336699; + font-size: 0.75em; + text-align: right; +} + +@media screen and (max-width: 550px) { + h1 { + clear: both; + } +} +h1 { + font-size: 2em; + font-weight: bold; + text-align: center; + margin: 0.5em 0em; + color: #003366; +} + +em, .em { + font-weight: bold; + color: #003366; +} +.dis { + color: #666699; + font-size: 0.85em; +} +th { + font-weight: bold; + font-size: 0.75em; + color: #003366; +} +table.border { + border-spacing: 0px; + border-collapse: collapse; + empty-cells: show; + border-left: 1px solid #336699; + border-top: 1px solid #336699; +} +table.widetbl { + width: 100%; + border-spacing: 0px; + border-collapse: collapse; + empty-cells: show; + border-left: 1px solid #336699; + border-top: 1px solid #336699; +} +table.widetbl th, table.widetbl td, table.border th, table.border td { + border-bottom: 1px solid #336699; + border-right: 1px solid #336699; +} +table.border td { + padding-left: 3px; + padding-right: 3px; +} +table.formula td { + vertical-align: middle; +} +img { border: 0px; } +img.icon { + border: 0px; + vertical-align: bottom; +} +ul, ol { padding-left: 2em; } +ul li, ol li { margin: 0 0 0.2em 0; } +ul.flatlist { + list-style-type: none; + margin: 0em; + padding: 0px; +} +ul.flatlist li { + margin: 0 0 0.2em 0; + padding: 0px; +} +.small { font-size: 0.75em; } +.warn { color: red; } + +p.float { text-align: justify; padding: 0px; margin: 0em 0em 1em 0em; } +p.help { font-size: 0.75em; font-style: italic; } +p.flat { border: 0px; margin: 0px; padding: 0px; } +sub { font-size: 57%; vertical-align: text-bottom; } +sup { font-size: 57%; vertical-align: text-top; } -- 2.43.0