github-oldstyle/github-oldstyle.user.css at master · Mai-Lapyst/github-oldstyle · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/* ==UserStyle==
@name           Github-oldstyle
@namespace      github.com/openstyles/stylus
@homepageURL    https://github.com/Mai-Lapyst/github-oldstyle
@updateURL      https://raw.githubusercontent.com/Mai-Lapyst/github-oldstyle/master/github-oldstyle.user.css
@version        1.0.0
@description    A userstyle to change the style of github to its old style
@author         Mai Lapyst
@license        GPLv3
==/UserStyle== */
/*! License: https://www.gnu.org/licenses/gpl-3.0.html */
@-moz-document domain("github.com") {
    div.pagehead>* {
        margin-right: auto;
        margin-left: auto;
        max-width: 1012px;
        box-shadow: none;
    }

    div.pagehead>:nth-child(2) {
        display: block !important;
    }

    /*TODO: make this more like d-md-none!*/
    div.pagehead>:nth-child(2)>:nth-last-child(1),
    div.pagehead>:nth-child(2)>:nth-last-child(2),
    div.pagehead>:nth-child(2)>:nth-last-child(3) {
        display: none !important;
    }

    div.pagehead {
        border-bottom: 1px solid #e1e4e8 !important;
    }

    div.new-discussion-timeline {
        margin-right: auto;
        margin-left: auto;
        max-width: 1012px;
    }

    /*
        Revert the curvy edges with css
        For butttons, please use the userscript for now, it can better detect where to update the radias!
    */
    .social-count {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .dropdown-menu {
        border: 1px solid rgba(27,31,35,.15);
        border-radius: 4px;
    }
    .Box-header {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
        /*TODO: when zooming to strong, the box-heaader apears several pixel wider than its parent box!*/
    }
    .Box {
        border-radius: 3px;
    }

    .overall-summary {
        border-radius: 3px;
    }
    .numbers-summary li {
        display: table-cell;
        padding: 0;
        text-align: center;
        white-space: nowrap;
    }
    .numbers-summary li a {
        padding: 10px 0;
    }

    .repository-lang-stats-graph {
        border-radius: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .file-navigation {
        margin-bottom: 8px !important;
        margin-top: 16px;
    }

    /* second child, cauze before the first item, we have a "screenreader-only" html element that counts as first */
    .repository-content .js-navigation-item:not(:nth-child(2)) {
        border-top: 1px solid #eaecef !important;
    }

    .avatar-user {
        border-radius: 2px !important;
    }
    .color-blue-3 {
        color: rgba(3,47,98,.5) !important;
    }

    .repository-lang-stats-numbers .text-small {
        font-size: 14px;
    }
    .repository-lang-stats .repository-lang-stats-numbers li {
        display: table-cell !important;
        width: 1%;
        padding: 10px 5px;
        text-align: center;
        white-space: nowrap;
        border-bottom: 0;
    }

    /* Styles for the last commit */
    .repository-content .js-details-container:nth-child(2) > :nth-child(2) > a {
        margin-left: 5px;
    }
    .commit-build-statuses>.dropdown-menu {
        right: 100%;
        left: auto;
        margin-right: 8px;
    }
}

@-moz-document regexp('^https?://(.*\\.)?github\\.com/[^/]*/[^/]*$') {
    /* only remove the right sidebar when viewing the repository overview */
    .repository-content>.gutter-condensed>:nth-child(1){
        width: 100%;
    }
    .repository-content>.gutter-condensed>:nth-child(2) {
        display: none;
    }
}