custom css stylesheets

custom-css.md

custom css stylesheets

change the way a website is displayed using browser extension like stylus

github wide

/*
 * Basic layout
 */
.container {
    width: 100% !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* Responsive containers on some pages */
.container-lg,
.container-xl {
    max-width: 100% !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* Match the header to container padding */
.Header {
    padding-right: 30px !important;
    padding-left: 30px !important;
}


/*
 * Profile pages
 */
.pinned-repo-item {
    width: calc(50% - 10px) !important;
}
.org-pinned-repos-list .pinned-repo-item {
    width: calc(33.3% - 10px) !important;
}

.u-photo,
.user-status-container {
    max-width: 250px;
}
.u-photo .avatar {
    width: 100% !important;
    height: auto !important;
}


/*
 * Repo-specific stuff
 */
.repository-content {
    width: 100% !important;
}

/* Undo container changes for the Projects tab on repos which have unnecessary nested container-lg's */
.repository-content > .container-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Undo for profile timeline */
.contribution-activity-listing .discussion-timeline {
    width: 100% !important;
}

/* Fix #18 - props: @auscompgeek */
.file-header::after {
    clear: left !important;
}

/* Network graph */
#network {
    max-width: 730px;
}


/*
 * Issues & Dashboard
 */
#dashboard,
.new-issue-form {
    position: relative !important;
}

.new-issue-form .discussion-sidebar {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

button.discussion-sidebar-toggle {
    width: 100% !important;
}

.timeline-new-comment {
    max-width: none !important;
}

/* Commits: extended message under "..." */
.commit-desc pre {
    max-width: none;
}

/* Alert messages */
#js-flash-container .flash-messages {
    width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

mkdocs wide

@media only screen and (min-width: 76.25em) {
    .md-main__inner {
        max-width: none;
    }
    .md-sidebar--primary {
        left: 0;
    }
    .md-sidebar--secondary {
        right: 0;
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
    }
}