diff --git a/theme/css/style.css b/theme/css/style.css index 4f8084af9ec90ca560b604f410a6d3a4e8800565..f41990f864f92b549903f6afcda8b01ccf0d396f 100644 --- a/theme/css/style.css +++ b/theme/css/style.css @@ -1,13 +1,12 @@ -/** - * A simple theme for reveal.js presentations, similar - * to the default theme. The accent color is darkblue. - * - * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. - * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ .reveal a:not(.image) { line-height: 1.3em; } +.reveal { + color: #1e497d; + font-family: Lato; + font-weight: normal; +} + /********************************************* * GLOBAL STYLES *********************************************/ @@ -15,12 +14,19 @@ body { background: #fff; background-color: #fff; } -.reveal { - font-family: Lato; +.reveal .slides>section, +.reveal .slides>section>section { font-size: 32px; - font-weight: 200; - //letter-spacing: -0.02em; - color: #000; } + vertical-align: top; + position: absolute; + top: 10%!important; + font-family: Lato; + position: absolute; + top: 0; + left: 0; + vertical-align: top; + line-height: 1.5em; +} ::selection { color: #fff; @@ -44,8 +50,21 @@ body { text-transform: none; text-shadow: none; } -.reveal h1 { - text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } +.reveal h2 { + color: #1e497d; + font-family: Lato; + font-size: 2em; + } +.reveal h3 { + color: #000000; + font-family: Lato; + font-size: 2em; +} +.reveal h4 { + color: #1e497d; + font-family: Lato; + font-size: 1em; +} /********************************************* * LINKS @@ -71,23 +90,21 @@ body { /********************************************* * IMAGES *********************************************/ + .reveal section img { - margin: 15px 0px; + margin: 10px 0px; background: rgba(255, 255, 255, 0.12); - border: 4px solid #000; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); + border: 0px solid #000; + box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } -.reveal a:hover img { - background: rgba(255, 255, 255, 0.2); - border-color: #000000; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } - -/* customizations below */ +/********************************************* + * CUSTOMIZATIONS + *********************************************/ .reveal pre { font-size: 0.8em; /* Make the commands bigger */ @@ -106,40 +123,6 @@ body { border: none; box-shadow: none } -.reveal section img { - margin: 10px 0px; - background: rgba(255, 255, 255, 0.12); - border: 0px solid #000; - box-shadow: 0 0 0px rgba(0, 0, 0, 0.15); - -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; - -ms-transition: all .2s linear; - -o-transition: all .2s linear; - transition: all .2s linear; } - - .reveal h2 { - color: #1e497d; - font-family: Lato; - font-size: 2em; - } - -.reveal h3 { - color: #000000; - font-family: Lato; - font-size: 2em; -} - -.reveal h4 { - color: #1e497d; - font-family: Lato; - font-size: 1em; -} - -.reveal { - color: #1e497d; - font-family: Lato; - font-weight: normal; -} .present { color: #1e497d; @@ -149,6 +132,10 @@ body { left: 0; } +/********************************************* + * CONTROLS + *********************************************/ + .reveal .controls{ display: none; position: fixed; @@ -174,19 +161,4 @@ body { z-index: 9999; left: 10px; bottom: 8px; -} -.slides { - font-family: Lato; - position: absolute; - top: 0; - left: 0; - vertical-align: top; -} - -.reveal .slides>section, -.reveal .slides>section>section { - vertical-align: top; - position: absolute; - top: 10%!important; - font-family: Lato; } \ No newline at end of file