mirror of
https://github.com/webslides/WebSlides.git
synced 2025-08-21 12:21:46 +02:00
tip: how to make an unique, global header/footer
This commit is contained in:
committed by
GitHub
parent
b904c4da0f
commit
1cb0f7a15b
@@ -1223,6 +1223,9 @@ p.text-subtitle svg {vertical-align: text-top;}
|
|||||||
3. Header & Footer
|
3. Header & Footer
|
||||||
=========================================== */
|
=========================================== */
|
||||||
|
|
||||||
|
/* -- If you want an unique, global header/footer,read this:
|
||||||
|
https://github.com/jlantunez/webslides/issues/57 -- */
|
||||||
|
|
||||||
header,
|
header,
|
||||||
footer,
|
footer,
|
||||||
#navigation {
|
#navigation {
|
||||||
@@ -1242,7 +1245,7 @@ footer img {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
header, footer {
|
header,footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -1257,7 +1260,7 @@ footer {
|
|||||||
|
|
||||||
/*=== Hide header[role=banner] === */
|
/*=== Hide header[role=banner] === */
|
||||||
|
|
||||||
/*desktop only? Add @media (min-width: 1025px)*/
|
/*Remove "opacity=0" if you want an unique, visible header on each slide*/
|
||||||
header[role=banner] {
|
header[role=banner] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
@@ -1273,7 +1276,6 @@ header[role=banner]:hover {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*=== 3.1. Logo === */
|
/*=== 3.1. Logo === */
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
|
Reference in New Issue
Block a user