- Joined
- Mar 7, 2009
- Messages
- 4,485
- Trophies
- 1
- Location
- Pantsuland
- Website
- www.youtube.com
- XP
- 2,909
- Country
Due to my nature, I ended up getting really fed up with that header bar and so I went out of my way to get a chrome extension to fudge around with a little bit of css to make my own experience not annoying. It's mostly just small css tweaks like completely removing the banner, shrinking the top bar and footer, and ruining the mobile sidebar by completely removing the search entry and making it just as small as the top bar. I just thought I would share it in the event that someone had similar grievances.
Shameless advertising:
- edit -
In case anyone is looking for the extension: Chrome Firefox
Code:
.navbar-fixed {
height: 48px;
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
height: 48px;
line-height: 48px;
}
div.header {
display: none;
}
/** To restore the sidebar, remove the lines from here V **/
#mobile-demo div.input-field {
display: none;
}
.side-nav {
width: 48px;
}
nav ul a {
padding: 0 9px;
}
.side-nav li {
padding: 0 9px;
}
nav ul li {
padding: 0;
}
.side-nav a {
height: 48px;
padding: 0 0px;
}
/** To here ^ **/
footer.page-footer .footer-copyright {
height: 24px;
line-height: 24px;
}
footer.page-footer {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
h5.center {
position: absolute;
top: -10px;
right: 0px;
font-size: 10px;
color: #03a9f4;
}
h5.center a {
position: absolute;
top: 75px;
right: 5px;
width: 120px;
height:100%;
z-index: 3000;
color: #fff;
font-weight: bold;
}
Shameless advertising:
- edit -
In case anyone is looking for the extension: Chrome Firefox
Last edited by jurassicplayer,