Skip to content

Instantly share code, notes, and snippets.

@adam

adam/styles.css Secret

Created March 4, 2015 14:33
Embed
What would you like to do?
How to make the header section of the Tidy paper lantern theme float
diff --git a/styled/Tidy/styles.css b/styled/Tidy/styles.css
index 5520f5c..41356c8 100644
--- a/styled/Tidy/styles.css
+++ b/styled/Tidy/styles.css
@@ -6,39 +6,20 @@ body {
color: #444;
direction: ltr;
font-family: 'Roboto', sans-serif;
- front-size:small;
+ font-size:small;
+ padding-top:125px;
}
a:hover {
text-decoration: underline;
}
footer {
min-height: inherit;
-}
-
-/* HOWTO: remove the floaty header */
-header .navbar-fixed-top {
- /* no fixed header */
- position:relative;
- top:inherit;
- width:inherit;
-}
-body {
- padding-top:0;
-}
-.navbar {
- margin-bottom:0;
-}
-/* END HOWTO*/
-footer {
margin-top:2em;
background:none;
}
footer ul li a {
font-size:12px;
}
-img#imgLogo::after {
- content:"Mooooooooooo";
-}
.navbar-cpanel {
background-color: #EFEFEF;
@@ -47,6 +28,11 @@ img#imgLogo::after {
#quickLinks {
background:#333333;
color:#FFFFFF;
+ position:fixed;
+ top:60px;
+ right:0;
+ left:0;
+ z-index:1030;
}
#quickLinks a {
color:#FFFFFF;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment