diff options
Diffstat (limited to 'css/theme/simple.css')
-rw-r--r-- | css/theme/simple.css | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/css/theme/simple.css b/css/theme/simple.css index 504606c..4334171 100644 --- a/css/theme/simple.css +++ b/css/theme/simple.css @@ -1,5 +1,3 @@ -@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /** * A simple theme for reveal.js presentations, similar * to the default theme. The accent color is darkblue. @@ -7,6 +5,8 @@ * 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 */ +@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); /********************************************* * GLOBAL STYLES *********************************************/ @@ -38,7 +38,7 @@ body { margin: 0 0 20px 0; color: black; font-family: "News Cycle", Impact, sans-serif; - line-height: 0.9em; + line-height: 1em; letter-spacing: 0.02em; text-transform: none; text-shadow: none; } @@ -47,18 +47,23 @@ body { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } /********************************************* + * OTHER + *********************************************/ +.reveal p { + margin-bottom: 10px; + line-height: 1.3; } + +/********************************************* * LINKS *********************************************/ -.reveal a:not(.image) { +.reveal a { color: darkblue; text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; - -ms-transition: color .15s ease; - -o-transition: color .15s ease; transition: color .15s ease; } -.reveal a:not(.image):hover { +.reveal a:hover { color: #0000f1; text-shadow: none; border: none; } @@ -74,12 +79,12 @@ body { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); border: 4px solid black; - box-shadow: 0 0 10px 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; } + box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } + +.reveal a img { + -webkit-transition: all .15s linear; + -moz-transition: all .15s linear; + transition: all .15s linear; } .reveal a:hover img { background: rgba(255, 255, 255, 0.2); @@ -127,8 +132,6 @@ body { background: darkblue; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } /********************************************* |