Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Simpler userstyle
GitHub userstyle by Mark Otto
Simplifies the GitHub header by removing background image and realigning header elements
/* Remove body background image */
#main {
background: none;
/* Remove the boxy-dropshadowy container background image */
.pagehead {
background-image: none;
/* Darken the border on the new tabs */
.pagehead > ul.tabs {
border-color: #ddd;
/* Make the header and site containers the same width */
.site {
background-color: #fff;
margin: 0 auto;
width: 920px;
min-width: 920px;
padding: 0 15px;
#header {
height: 60px;
padding: 0 0 20px;
margin-bottom: 20px;
border-bottom: 2px solid #eee;
/* Move the logo back left so it lines up with the body text below it */
#header .logo {
left: 0;
/* Reposition and restyle the top-right user links */
.userbox {
background-image: none;
box-shadow: none;
border: none;
padding: 0;
margin-top: 15px;
/* Update issues to be more streamlined by making them take up one line when possible */
#issues_next #issues_list .main .issues .issue .info h3 {
float: left;
font-weight: normal;
#issues_next #issues_list .main .issues .issue .info p {
display: none;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.