Revert "fix theme backgrounds in firefox fullscreen mode #1386"
This reverts commit b7e0d9b1c7
.
This commit is contained in:
parent
b7e0d9b1c7
commit
ce777e4c4b
14 changed files with 15 additions and 135 deletions
|
@ -47,6 +47,12 @@ body {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: #000; }
|
color: #000; }
|
||||||
|
|
||||||
|
html:-webkit-full-screen-ancestor {
|
||||||
|
background-color: inherit; }
|
||||||
|
|
||||||
|
html:-moz-full-screen-ancestor {
|
||||||
|
background-color: inherit; }
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* VIEW FRAGMENTS
|
* VIEW FRAGMENTS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
|
@ -57,6 +57,15 @@ body {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Ensures that the main background color matches the
|
||||||
|
// theme in fullscreen mode
|
||||||
|
html:-webkit-full-screen-ancestor {
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
html:-moz-full-screen-ancestor {
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* VIEW FRAGMENTS
|
* VIEW FRAGMENTS
|
||||||
|
|
|
@ -18,26 +18,6 @@ body {
|
||||||
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background-color: #f7f3de; }
|
background-color: #f7f3de; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #f7f2d3;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background-color: #f7f3de; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #f7f2d3;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
|
||||||
background-color: #f7f3de; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -14,14 +14,6 @@ body {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: #222; }
|
background-color: #222; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #222;
|
|
||||||
background-color: #222; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #222;
|
|
||||||
background-color: #222; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
|
|
|
@ -17,14 +17,6 @@ body {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: #222; }
|
background-color: #222; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #222;
|
|
||||||
background-color: #222; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #222;
|
|
||||||
background-color: #222; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: Ubuntu, "sans-serif";
|
font-family: Ubuntu, "sans-serif";
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -20,26 +20,6 @@ body {
|
||||||
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background-color: #2b2b2b; }
|
background-color: #2b2b2b; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #1c1e20;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background-color: #2b2b2b; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #1c1e20;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
|
||||||
background-color: #2b2b2b; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -18,14 +18,6 @@ body {
|
||||||
background: #002b36;
|
background: #002b36;
|
||||||
background-color: #002b36; }
|
background-color: #002b36; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #002b36;
|
|
||||||
background-color: #002b36; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #002b36;
|
|
||||||
background-color: #002b36; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -12,14 +12,6 @@ body {
|
||||||
background: #111;
|
background: #111;
|
||||||
background-color: #111; }
|
background-color: #111; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #111;
|
|
||||||
background-color: #111; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #111;
|
|
||||||
background-color: #111; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -14,14 +14,6 @@ body {
|
||||||
background: #F0F1EB;
|
background: #F0F1EB;
|
||||||
background-color: #F0F1EB; }
|
background-color: #F0F1EB; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #F0F1EB;
|
|
||||||
background-color: #F0F1EB; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #F0F1EB;
|
|
||||||
background-color: #F0F1EB; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -17,14 +17,6 @@ body {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #fff;
|
|
||||||
background-color: #fff; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #fff;
|
|
||||||
background-color: #fff; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -21,26 +21,6 @@ body {
|
||||||
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background-color: #f7fbfc; }
|
background-color: #f7fbfc; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #add9e4;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background-color: #f7fbfc; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #add9e4;
|
|
||||||
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
|
|
||||||
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
|
||||||
background-color: #f7fbfc; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -18,14 +18,6 @@ body {
|
||||||
background: #fdf6e3;
|
background: #fdf6e3;
|
||||||
background-color: #fdf6e3; }
|
background-color: #fdf6e3; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #fdf6e3;
|
|
||||||
background-color: #fdf6e3; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #fdf6e3;
|
|
||||||
background-color: #fdf6e3; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
|
|
@ -9,17 +9,6 @@ body {
|
||||||
background-color: $backgroundColor;
|
background-color: $backgroundColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ensures that the main background color matches the
|
|
||||||
// theme in fullscreen mode
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
@include bodyBackground();
|
|
||||||
background-color: $backgroundColor;
|
|
||||||
}
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
@include bodyBackground();
|
|
||||||
background-color: $backgroundColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: $mainFont;
|
font-family: $mainFont;
|
||||||
font-size: $mainFontSize;
|
font-size: $mainFontSize;
|
||||||
|
|
|
@ -14,14 +14,6 @@ body {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
|
|
||||||
html:-webkit-full-screen-ancestor {
|
|
||||||
background: #fff;
|
|
||||||
background-color: #fff; }
|
|
||||||
|
|
||||||
html:-moz-full-screen-ancestor {
|
|
||||||
background: #fff;
|
|
||||||
background-color: #fff; }
|
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
|
|
Loading…
Reference in a new issue