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%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #232628;
|
||||
background: rgba(0,0,0,0.2);
|
||||
|
||||
-webkit-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
|
||||
*********************************************/
|
||||
@ -1013,3 +951,65 @@ body {
|
||||
.reveal aside.notes {
|
||||
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
Block a user