Skip to content
Snippets Groups Projects
Commit 5ad84150 authored by Laurent Heirendt's avatar Laurent Heirendt :airplane:
Browse files

polishing of theme css

parent d7c08d5b
No related branches found
No related tags found
No related merge requests found
/**
* 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) { .reveal a:not(.image) {
line-height: 1.3em; } line-height: 1.3em; }
.reveal {
color: #1e497d;
font-family: Lato;
font-weight: normal;
}
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
...@@ -15,12 +14,19 @@ body { ...@@ -15,12 +14,19 @@ body {
background: #fff; background: #fff;
background-color: #fff; } background-color: #fff; }
.reveal { .reveal .slides>section,
font-family: Lato; .reveal .slides>section>section {
font-size: 32px; font-size: 32px;
font-weight: 200; vertical-align: top;
//letter-spacing: -0.02em; position: absolute;
color: #000; } top: 10%!important;
font-family: Lato;
position: absolute;
top: 0;
left: 0;
vertical-align: top;
line-height: 1.5em;
}
::selection { ::selection {
color: #fff; color: #fff;
...@@ -44,8 +50,21 @@ body { ...@@ -44,8 +50,21 @@ body {
text-transform: none; text-transform: none;
text-shadow: none; } text-shadow: none; }
.reveal h1 { .reveal h2 {
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } 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 * LINKS
...@@ -71,23 +90,21 @@ body { ...@@ -71,23 +90,21 @@ body {
/********************************************* /*********************************************
* IMAGES * IMAGES
*********************************************/ *********************************************/
.reveal section img { .reveal section img {
margin: 15px 0px; margin: 10px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #000; border: 0px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear; -webkit-transition: all .2s linear;
-moz-transition: all .2s linear; -moz-transition: all .2s linear;
-ms-transition: all .2s linear; -ms-transition: all .2s linear;
-o-transition: all .2s linear; -o-transition: all .2s linear;
transition: all .2s linear; } transition: all .2s linear; }
.reveal a:hover img { /*********************************************
background: rgba(255, 255, 255, 0.2); * CUSTOMIZATIONS
border-color: #000000; *********************************************/
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/* customizations below */
.reveal pre { .reveal pre {
font-size: 0.8em; /* Make the commands bigger */ font-size: 0.8em; /* Make the commands bigger */
...@@ -106,40 +123,6 @@ body { ...@@ -106,40 +123,6 @@ body {
border: none; border: none;
box-shadow: 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 { .present {
color: #1e497d; color: #1e497d;
...@@ -149,6 +132,10 @@ body { ...@@ -149,6 +132,10 @@ body {
left: 0; left: 0;
} }
/*********************************************
* CONTROLS
*********************************************/
.reveal .controls{ .reveal .controls{
display: none; display: none;
position: fixed; position: fixed;
...@@ -174,19 +161,4 @@ body { ...@@ -174,19 +161,4 @@ body {
z-index: 9999; z-index: 9999;
left: 10px; left: 10px;
bottom: 8px; 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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment