move theme styles at bottom of main.css, change background of page transition to be transparent
This commit is contained in:
parent
e9b874112e
commit
dc05ce1575
126
css/main.css
126
css/main.css
|
@ -777,7 +777,7 @@ body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: #232628;
|
background: rgba(0,0,0,0.2);
|
||||||
|
|
||||||
-webkit-transform: translateZ( -20px );
|
-webkit-transform: translateZ( -20px );
|
||||||
-moz-transform: translateZ( -20px );
|
-moz-transform: translateZ( -20px );
|
||||||
|
@ -856,68 +856,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
|
||||||
* NEON THEME
|
|
||||||
*********************************************/
|
|
||||||
|
|
||||||
.theme-neon .reveal a,
|
|
||||||
.theme-neon .reveal a:hover,
|
|
||||||
.theme-neon .reveal .controls a.enabled {
|
|
||||||
color: #5de048;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-neon .reveal .progress span,
|
|
||||||
.theme-neon .reveal .roll span:after {
|
|
||||||
background: #5de048;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-neon .reveal a.image:hover img {
|
|
||||||
border-color: #5de048;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
|
||||||
* BEIGE THEME
|
|
||||||
*********************************************/
|
|
||||||
|
|
||||||
.theme-beige body {
|
|
||||||
color: #333;
|
|
||||||
|
|
||||||
background: #f7f3de;
|
|
||||||
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,242,211,1) 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,242,211,1)));
|
|
||||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
|
||||||
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
|
||||||
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
|
||||||
background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-beige .reveal h1,
|
|
||||||
.theme-beige .reveal h2,
|
|
||||||
.theme-beige .reveal h3,
|
|
||||||
.theme-beige .reveal h4,
|
|
||||||
.theme-beige .reveal h5,
|
|
||||||
.theme-beige .reveal h6 {
|
|
||||||
color: #333;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-beige .reveal a,
|
|
||||||
.theme-beige .reveal a:hover,
|
|
||||||
.theme-beige .reveal .controls a.enabled {
|
|
||||||
color: #8b743d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-beige .reveal .progress span,
|
|
||||||
.theme-beige .reveal .roll span:after {
|
|
||||||
background: #8b743d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-beige .reveal a.image:hover img {
|
|
||||||
border-color: #8b743d;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OVERVIEW
|
* OVERVIEW
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
@ -1013,3 +951,65 @@ body {
|
||||||
.reveal aside.notes {
|
.reveal aside.notes {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*********************************************
|
||||||
|
* NEON THEME
|
||||||
|
*********************************************/
|
||||||
|
|
||||||
|
.theme-neon .reveal a,
|
||||||
|
.theme-neon .reveal a:hover,
|
||||||
|
.theme-neon .reveal .controls a.enabled {
|
||||||
|
color: #5de048;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-neon .reveal .progress span,
|
||||||
|
.theme-neon .reveal .roll span:after {
|
||||||
|
background: #5de048;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-neon .reveal a.image:hover img {
|
||||||
|
border-color: #5de048;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*********************************************
|
||||||
|
* BEIGE THEME
|
||||||
|
*********************************************/
|
||||||
|
|
||||||
|
.theme-beige body {
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
background: #f7f3de;
|
||||||
|
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,242,211,1) 100%);
|
||||||
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,242,211,1)));
|
||||||
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
||||||
|
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
||||||
|
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
||||||
|
background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-beige .reveal h1,
|
||||||
|
.theme-beige .reveal h2,
|
||||||
|
.theme-beige .reveal h3,
|
||||||
|
.theme-beige .reveal h4,
|
||||||
|
.theme-beige .reveal h5,
|
||||||
|
.theme-beige .reveal h6 {
|
||||||
|
color: #333;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-beige .reveal a,
|
||||||
|
.theme-beige .reveal a:hover,
|
||||||
|
.theme-beige .reveal .controls a.enabled {
|
||||||
|
color: #8b743d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-beige .reveal .progress span,
|
||||||
|
.theme-beige .reveal .roll span:after {
|
||||||
|
background: #8b743d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-beige .reveal a.image:hover img {
|
||||||
|
border-color: #8b743d;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue