├── GitHubWindows.user.css ├── Images ├── Icons │ ├── config-0006.png │ ├── config.ico │ ├── drive_network-0005.png │ ├── drive_network.ico │ ├── file_script1-0002.png │ ├── file_script1.ico │ ├── file_text-0002.png │ ├── file_text.ico │ ├── files-0002.png │ ├── files.ico │ ├── folder-0002.png │ ├── folder.ico │ ├── folder_documents-0006.png │ ├── folder_documents.ico │ ├── graph-my.png │ ├── graph.ico │ ├── help-0006.png │ ├── help.ico │ ├── hierarchy-0003.png │ ├── hierarchy.ico │ ├── install2-0002.png │ ├── install2.ico │ ├── install_windows-0001.png │ ├── install_windows.ico │ ├── lock1-0006.png │ ├── lock1.ico │ ├── message_warning-0003.png │ ├── message_warning.ico │ ├── tree-0002.png │ ├── tree.ico │ ├── users-0002.png │ └── users.ico └── Screenshots │ ├── CoreFX.png │ └── YaLinqo.png ├── License.md └── ReadMe.md /GitHubWindows.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name GitHub Windows Edition [Ath] 3 | @namespace https://github.com/Athari 4 | @version 0.6.0 5 | @description Transforms GitHub's pages into a GUI resembling Windows 9x. 6 | @author Athari 7 | @homepageURL https://github.com/Athari/CssGitHubWindows 8 | @license MIT 9 | ==/UserStyle== */ 10 | 11 | @-moz-document domain("github.com") { 12 | :root { 13 | --color-button-text: rgb(0, 0, 0); 14 | --color-button-face: rgb(192, 192, 192); 15 | --color-button-highlight: rgb(255, 255, 255); 16 | --color-button-shadow: rgb(128, 128, 128); 17 | --color-button-shadow-dark: rgb(0, 0, 0); 18 | --color-button-checked: rgb(223, 223, 223); 19 | --color-window-text: rgb(0, 0, 0); 20 | --color-window: rgb(255, 255, 255); 21 | --color-active-caption-text: rgb(255, 255, 255); 22 | --color-active-caption: rgb(0, 0, 128); 23 | --color-info-background: rgb(255, 255, 192); 24 | --color-highlight-text: rgb(255, 255, 255); 25 | --color-highlight: rgb(0, 0, 128); 26 | --color-gray-text: rgb(128, 128, 128); 27 | --color-gray-text-dark: rgb(64, 64, 64); 28 | --color-link: rgb(0, 0, 255); 29 | --color-hover: rgb(223, 223, 255); 30 | 31 | --font-family: MS Sans Serif, MS Reference Sans Serif, Liberation Sans, Tahoma, sans-serif; 32 | --font-size: 12px; 33 | --font-size-text: 14px; 34 | --font-size-bigger: 13px; 35 | --font-size-header: 14px; 36 | --font-line: 1.2; 37 | --font-line-text: 1.2; 38 | --font: var(--font-size)/var(--font-line) var(--font-family); 39 | --font-text: var(--font-size-text)/var(--font-line-text) var(--font-family); 40 | --font-header: var(--font-size-header)/var(--font-line) var(--font-family); 41 | 42 | --button-3d-border-color-exact: var(--color-button-face) var(--color-button-shadow) var(--color-button-shadow) var(--color-button-face); 43 | --button-3d-box-shadow-exact: 44 | 0 -1px 0 0 var(--color-button-highlight), 45 | -1px 0 0 0 var(--color-button-highlight), 46 | -1px -1px 0 0 var(--color-button-highlight), 47 | -1px 1px 0 0 var(--color-button-shadow-dark), 48 | 1px 0 0 0 var(--color-button-shadow-dark), 49 | 1px 1px 0 0 var(--color-button-shadow-dark); 50 | --button-3d-border-color: var(--color-button-highlight) var(--color-button-shadow) var(--color-button-shadow) var(--color-button-highlight); 51 | --button-3d-border-color-inverted: var(--color-button-shadow) var(--color-button-highlight) var(--color-button-highlight) var(--color-button-shadow); 52 | --button-3d-box-shadow: 53 | 1px 0 0 var(--color-button-shadow-dark), 54 | 0 1px 0 var(--color-button-shadow-dark), 55 | 1px 1px 0 var(--color-button-shadow-dark); 56 | --box-3d-border-color: var(--color-button-shadow-dark) var(--color-button-face) var(--color-button-face) var(--color-button-shadow-dark); 57 | --box-3d-box-shadow: 58 | 0 -1px 0 0 var(--color-button-shadow), 59 | -1px 0 0 0 var(--color-button-shadow), 60 | -1px -1px 0 0 var(--color-button-shadow), 61 | -1px 1px 0 0 var(--color-button-highlight), 62 | 1px 0 0 0 var(--color-button-highlight), 63 | 1px 1px 0 0 var(--color-button-highlight); 64 | --group-3d-border-color: var(--color-button-highlight) var(--color-button-shadow) var(--color-button-shadow) var(--color-button-highlight); 65 | --group-3d-box-shadow: 66 | 0 -1px 0 0 var(--color-button-shadow), 67 | -1px 0 0 0 var(--color-button-shadow), 68 | -1px -1px 0 0 var(--color-button-shadow), 69 | -1px 1px 0 0 var(--color-button-highlight), 70 | 1px 0 0 0 var(--color-button-highlight), 71 | 1px 1px 0 0 var(--color-button-highlight); 72 | --window-3d-box-shadow: 73 | 0 -1px 0 0 var(--color-button-face), 74 | -1px 0 0 0 var(--color-button-face), 75 | -1px -1px 0 0 var(--color-button-face), 76 | -1px 1px 0 0 var(--color-button-shadow-dark), 77 | 1px 0 0 0 var(--color-button-shadow-dark), 78 | 1px 1px 0 0 var(--color-button-shadow-dark); 79 | 80 | --image-folder: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAD//5nMzGYAAAD/zJmZmQD//8zx8fEIMK00AAAAAXRSTlMAQObYZgAAAE5JREFUCNdjQIDQ0GAwzVqWKGoAYgQpKSmFhoYyMISlgYCQAUOYIAg4QRgiIjARR4iICFzEESIiAgQghiMQuAAZQUpgYMDAbAwGBgwYAABoaBIom9Nm3gAAAABJRU5ErkJggg=='); 81 | --image-folder-documents: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAACZmQD//5n/zJn///8zMwDn59aGhobMzGZVVVUAM5mAgADx8fH/+/Dq6upNTU2p3qmcAAAAAXRSTlMAQObYZgAAAGlJREFUCNdjAIECBghgfwmmGAVLrn0AMSTaXY68BDNKXNYem72BgUE8LSsrLXMDgyAYpH1gEHEBAguxTAYRJSUlZWWxAAZGJWUlI+NGIAMkoGwIZAAFjIyADAZhZYgIVD+QwRoKAgxwAADcLBkG7Oto1QAAAABJRU5ErkJggg=='); 82 | --image-file-text: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAD///8AAADAwMCAgIA71crUAAAAAXRSTlMAQObYZgAAADdJREFUCNdjYFAAAQYGBiYRIBACMhwVQUAByBAEAmEUhpCSkCK6iBLJIgiGszEIABlMSiDAwAAAbdoMvcC7PKEAAAAASUVORK5CYII='); 83 | --image-file-script: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///8AAACAgIDAwMAAAP9P8fJzAAAAUUlEQVQI11WLyRHAMAgDGTsFgCsAuwKGEkL/NYVj8rBeC1rB7ggwBDNowADQAvZ3YUA+TsHjRFmV8jt4r7b4LHkuLGDlroaJtUxEqR+raNydD4tEDMx2wEOBAAAAAElFTkSuQmCC'); 84 | --image-drive-network: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAADAwMAAAACAgID///+AgAD//wAA/wAAgACrI+ZSAAAAAXRSTlMAQObYZgAAAEpJREFUCNdjwAKMwcCAgVkQDIwYTFxAwNmIwRDElyiGMgSFgQywWhADrEZYgYFJCQzAJjEpQI1kBDOAWkKDgAQDUD4lCKoIRCIAANMFDQmCUWfHAAAAAElFTkSuQmCC'); 85 | --image-help: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEUAAACAAIDMAMwAAABmAGbAwMCZAJn/mf/n59aZmZn//wDWAJNmZmaZZjPMZsytqZD/zDOGhobMmTM1eNxEAAAAAXRSTlMAQObYZgAAAG5JREFUGNNVzVEOhSAMRFGHtjzoE1H3v1iHWDFOwse5IekSgyyf4ZdUvk4pRwq3poDKtLufLCJhbneFYNp9b5AVYSojy1p5HQAPZD76GKEa0+1OMxTr4P+jGs3w30oxQ+3DY6pMbOGZwm8Kv+nxBbR5A2SXmbJNAAAAAElFTkSuQmCC'); 86 | --image-files: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAD///8AAADAwMCAgIA71crUAAAAAXRSTlMAQObYZgAAADpJREFUCNdjYGBwcXFxUgDSLMbGxspKUAEjI6CQo6CgiLIylCEEFRFSgooIClOB4WwMBCBLlUBAgQEAR6QOgOgRPP8AAAAASUVORK5CYII='); 87 | --image-tree: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAgAAAAAAA/wCAAACAgAD//wD////AwMCATq9oAAAAAXRSTlMAQObYZgAAAF5JREFUCNd1irENgDAMBJ9I9DguaBOLgtYpqBEzZIGMwP4Nb1HHhe91OgDCQ/AdqlzLuFRcNuyEChVfMDN199YyUmNRqwFmmVeA9TYzEuj9fAiqfoQIxfIfZTaSRfMBdb8LBoGZClYAAAAASUVORK5CYII='); 88 | --image-install: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEUAAACAgIAAAADAwMD///8AAIAA//8AAP8AgID//wAA/wB9pF0iAAAAAXRSTlMAQObYZgAAAIBJREFUCNdjAAJGQUFBARBDxMXFWQjMCA0NBjEERYKTm4EMRheVMAsgg1FQSCW4o1iIQcRRRdnY2BgoIuSuBATKDIxO5YrCgoKGDIxFxSqOM40FgQxjZbFMEyOglLGiVKIxmKEkbCQMYhgxCDtPSwIyFBgYja2UGZiUgNYpKRkAAHKUFEgKyHHMAAAAAElFTkSuQmCC'); 89 | --image-users: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAD////AwMAAAICAAAAAAP+AgID/AACUdQtdAAAAAXRSTlMAQObYZgAAAGdJREFUCNctzcEJgDAMBdAIDtCkE5jgAGnBBSy9K3QALy7gBG5u0vov/8GHBCwTYgAPoslrYOqdf/DSl6h8OaJElmCgjcaURVkdKREGPytCagBUPMXxCLb1BZhL0tYOgHrvtf8uFscH72MNfQW7pXEAAAAASUVORK5CYII='); 90 | --image-lock: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAAAAAACAgAD//wDAwMCZmQD4+PjMzACGhoYAAP+ysrIAmTMICAj/AAB3d3fMADNdKQKAAAAAAXRSTlMAQObYZgAAAGpJREFUCNdjAAIOAQYIaHOE0HwZUgIQAemNYCGOlL/FQCEQQ3JiCpiR6ygGkXKZBhZgUBRxAQswSRkJggWURY2VlJQUgAxFYWNjY0MgQ028NDy0XIBBvag85qhgIFBxaKgAIwNIuaAg2EYAxGwRy03mvagAAAAASUVORK5CYII='); 91 | --image-message-warning: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEUAAAD//wAAAACAgICAgAD7lZT4AAAAAXRSTlMAQObYZgAAAFFJREFUCNc9zNENgCAMhOE+sEA7gcICVRYQ4/4z+bcELn34krtUyPdIpqhteGKoHhOmbTb1tA2PBjAKvIMRjRqXIIz4cl98WmiABErNdJGe8R94Ngsp7z6ySgAAAABJRU5ErkJggg=='); 92 | --image-hierarchy: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAD////AwMD/AAAA/////wAA/wC2MU76AAAAAXRSTlMAQObYZgAAAE9JREFUCNc9ytERgDAIA1BwgxRPv8ENigt4xwLuv4xVsPl6l4QYihEivs+IuAZQWKSbmb5AS2CThCPBpo6WwC5/U+iHF+ZnzckcBcsPvtADzokMhSp6+fAAAAAASUVORK5CYII='); 93 | --image-graph: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAAAAACAAID///8A//+AgIDAwMAGyj3KAAAAAXRSTlMAQObYZgAAAFlJREFUCNdVy7ENwDAIRFGa9AGb9LCB5Qks3QoZII33HyHYFFFe9cUJ4nRS6Zt+cc1nhrg0KTmJW+usxO4u7Eriyz8sth1VbKxgDIPEF4CKoVSxxSUpHXd6AVDAE78kckOGAAAAAElFTkSuQmCC'); 94 | --image-config: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAABmZgCZmZn/+/Dn59aZmQD//5kzMwAcHBzAwMDMzGZNTU0AAADq6upmZmYzAACtqZA/egufAAAAAXRSTlMAQObYZgAAAHJJREFUGNNNzVESgyAMRVEu8QVLBdz/aosU1DvDzyGThPgURtG22XfBZ9/3uJU3mMU18QC8oC/EjBvOlE5cBGleoegCGQvEBWhCcneycDcGkPAM2cUETG6eZceAgolmudElhForJOBooPCP1F//XLBw9APHJgNeldevuwAAAABJRU5ErkJggg=='); 95 | } 96 | 97 | body { 98 | background: var(--color-button-face) !important; 99 | font: var(--font) !important; 100 | color: var(--color-button-text) !important; 101 | } 102 | a { 103 | color: var(--color-link); 104 | } 105 | ::-moz-selection { 106 | color: var(--color-highlight-text) !important; 107 | background: var(--color-highlight) !important; 108 | } 109 | ::selection { 110 | color: var(--color-highlight-text) !important; 111 | background: var(--color-highlight) !important; 112 | } 113 | 114 | .markdown-body { 115 | font: var(--font-text) !important; 116 | } 117 | .markdown-body pre, 118 | .markdown-body .highlight pre, 119 | .markdown-body code { 120 | background: #eee !important; 121 | } 122 | 123 | .avatar, 124 | .gravatar { 125 | border-radius: 0 !important; 126 | } 127 | 128 | label { 129 | font: inherit !important; 130 | color: inherit !important; 131 | } 132 | .note, 133 | .info, 134 | .text-gray, 135 | .text-gray-light { 136 | font: inherit !important; 137 | color: var(--color-gray-text-dark) !important; 138 | } 139 | 140 | .Header { 141 | background: var(--color-active-caption) !important; 142 | font: inherit !important; 143 | } 144 | .HeaderNavlink { 145 | color: var(--color-active-caption-text) !important; 146 | font-weight: normal !important; 147 | } 148 | .HeaderNavlink:hover { 149 | text-decoration: underline !important; 150 | } 151 | .header-search-key-slash { 152 | display: none !important; 153 | } 154 | h1, h2, h3, h4, h5, h6 { 155 | border: none !important; 156 | } 157 | 158 | .footer .pt-6 { 159 | margin: 8px 0 0 0 !important; 160 | padding: 0 !important; 161 | border: none !important; 162 | } 163 | .footer .pb-6 { 164 | padding: 0 0 8px 0 !important; 165 | } 166 | 167 | .repohead { 168 | background: var(--color-button-face) !important; 169 | margin: 0; 170 | } 171 | .pagehead { 172 | border: none !important; 173 | } 174 | .pagehead *, 175 | .file-wrap * { 176 | font-size: inherit !important; 177 | } 178 | .numbers-summary a, 179 | .numbers-summary .nolink, 180 | .reponav-item { 181 | color: inherit; 182 | } 183 | .numbers-summary a:hover { 184 | text-decoration: underline !important; 185 | } 186 | 187 | .social-count { 188 | font: inherit !important; 189 | color: var(--color-link) !important; 190 | background: inherit !important; 191 | border: none !important; 192 | padding: 6px; 193 | } 194 | .social-count:hover { 195 | text-decoration: underline !important; 196 | } 197 | 198 | .topic-tag { 199 | color: inherit; 200 | background: var(--color-button-checked) !important; 201 | border: solid 1px transparent !important; 202 | border-color: var(--color-button-shadow) var(--color-button-highlight) var(--color-button-highlight) var(--color-button-shadow) !important; 203 | border-radius: 0 !important; 204 | } 205 | .topic-tag:hover { 206 | color: var(--color-link) !important; 207 | } 208 | 209 | .repository-meta:not(.open) { 210 | font-size: inherit !important; 211 | font-weight: bold !important; 212 | margin: 6px 0; 213 | } 214 | .repository-meta .repo-description-field { 215 | width: 490px; 216 | } 217 | .topic-input-container .tag-input { 218 | width: 880px; 219 | } 220 | .container.experiment-repo-nav { 221 | padding: 8px; 222 | border: solid 1px transparent !important; 223 | border-color: var(--button-3d-border-color) !important; 224 | box-shadow: var(--button-3d-box-shadow) !important; 225 | width: 1000px; 226 | } 227 | 228 | .commit-tease { 229 | margin: 0 0 8px 0 !important; 230 | } 231 | .commit-tease-contributors { 232 | background: transparent !important; 233 | border: none !important; 234 | margin: 8px -10px 0 -10px !important; 235 | } 236 | 237 | .pr-toolbar { 238 | background: var(--color-button-face) !important; 239 | margin: 1px -20px !important; 240 | } 241 | .pr-toolbar.is-stuck { 242 | border-bottom: solid 1px var(--color-button-shadow) !important; 243 | box-shadow: 0 1px 0 0 var(--color-button-shadow-dark) !important; 244 | } 245 | .pr-toolbar-shadow { 246 | display: none !important; 247 | } 248 | .diffbar { 249 | background: inherit !important; 250 | } 251 | 252 | .file-wrap, 253 | .blob-wrapper, 254 | .menu, 255 | .network, 256 | #readme, 257 | .overall-summary, 258 | .summary-stats, 259 | .pulse-section .simple-conversation-list, 260 | .capped-list, 261 | .issues-listing > div[class^=border] { 262 | background: var(--color-window) !important; 263 | border: solid 1px black !important; 264 | border-color: var(--box-3d-border-color) !important; 265 | border-radius: 0 !important; 266 | box-shadow: var(--box-3d-box-shadow) !important; 267 | } 268 | .network { 269 | padding: 4px !important; 270 | } 271 | .file { 272 | border: none !important; 273 | margin: 0 !important; 274 | } 275 | .file-header { 276 | background: transparent !important; 277 | } 278 | .menu-item { 279 | font: inherit !important; 280 | border: none !important; 281 | border-radius: 0 !important; 282 | color: inherit !important; 283 | } 284 | .menu-item:hover { 285 | background: var(--color-hover) !important; 286 | } 287 | .menu-item.selected { 288 | background: var(--color-highlight) !important; 289 | color: var(--color-highlight-text) !important; 290 | } 291 | .menu-item::before { 292 | display: none !important; 293 | } 294 | .network .current-repository, 295 | .network .current-repository a { 296 | background: var(--color-highlight) !important; 297 | color: var(--color-highlight-text) !important; 298 | } 299 | .network .current-repository { 300 | padding: 0px 4px 1px !important; 301 | } 302 | table.files td a, 303 | table.files td span { 304 | color: var(--color-window-text) !important; 305 | } 306 | table.files tr.navigation-focus td { 307 | background: var(--color-highlight) !important; 308 | } 309 | table.files tr.navigation-focus td a, 310 | table.files tr.navigation-focus td span { 311 | color: var(--color-highlight-text) !important; 312 | } 313 | .Box-row.navigation-focus { 314 | background: var(--color-highlight) !important; 315 | color: var(--color-highlight-text) !important; 316 | } 317 | .Box-row.navigation-focus * { 318 | color: inherit !important; 319 | } 320 | .Box-row { 321 | margin: 0 !important; 322 | } 323 | .overall-summary { 324 | height: 60px; 325 | padding: 8px; 326 | } 327 | .numbers-summary a, 328 | .numbers-summary .nolink { 329 | padding: 0; 330 | } 331 | .repository-lang-stats * { 332 | font: inherit !important; 333 | } 334 | .repository-lang-stats .language-color { 335 | width: 16px !important; 336 | height: 16px !important; 337 | border-radius: 0 !important; 338 | vertical-align: -4px; 339 | } 340 | .repository-lang-stats a:hover, 341 | .repository-lang-stats a:hover span { 342 | color: var(--color-link) !important; 343 | text-decoration: underline !important; 344 | } 345 | .IssueLabel { 346 | font: inherit !important; 347 | line-height: 13px !important; 348 | border: none !important; 349 | border-radius: 0 !important; 350 | box-shadow: none !important; 351 | height: 18px !important; 352 | } 353 | .capped-list th { 354 | background: var(--color-button-face) !important; 355 | } 356 | .capped-list tbody { 357 | background: var(--color-window) !important; 358 | } 359 | 360 | .repository-lang-stats-graph { 361 | border: solid 1px var(--color-button-shadow-dark) !important; 362 | border-radius: 0 !important; 363 | height: 16px !important; 364 | margin: 6px 0 -6px 0 !important; 365 | pointer-events: none !important; 366 | } 367 | .repository-lang-stats-graph .language-color { 368 | border-radius: 0 !important; 369 | } 370 | 371 | .table-list-header { 372 | background: inherit !important; 373 | border: none !important; 374 | margin: 4px 0 !important; 375 | } 376 | .table-list-header .btn-link { 377 | padding: 6px 8px !important; 378 | } 379 | 380 | .issues-listing .h4 { 381 | font: inherit !important; 382 | font-size: var(--font-size-bigger) !important; 383 | } 384 | 385 | .discussion-timeline, 386 | .timeline-comment-wrapper, 387 | .timeline-comment, 388 | .timeline-comment-header, 389 | .discussion-timeline-actions { 390 | background: inherit !important; 391 | border: none !important; 392 | } 393 | .discussion-timeline::before { 394 | display: none !important; 395 | } 396 | .discussion-item + .discussion-item, 397 | .discussion-item-review + .discussion-item, 398 | .discussion-sidebar-item + .discussion-sidebar-item { 399 | border-top: solid 1px var(--color-button-highlight) !important; 400 | box-shadow: 0 -1px 0 0 var(--color-button-shadow) !important; 401 | } 402 | .discussion-sidebar-item { 403 | color: inherit !important; 404 | } 405 | .comment-reactions.has-reactions { 406 | border: none !important; 407 | } 408 | .gh-header-meta { 409 | border-bottom: solid 1px var(--color-button-shadow) !important; 410 | box-shadow: 0 1px 0 0 var(--color-button-highlight) !important; 411 | } 412 | 413 | .UnderlineNav, 414 | .tabnav { 415 | margin: 0 !important; 416 | background: inherit !important; 417 | border: none !important; 418 | } 419 | .select-menu-tabs { 420 | font-size: 0; 421 | } 422 | .reponav { 423 | width: 1000px; 424 | } 425 | .reponav > span, 426 | .select-menu-tabs ul, 427 | .select-menu-tab { 428 | display: contents !important; 429 | } 430 | .UnderlineNav-item, 431 | .pagehead-tabs-item, 432 | .tabnav-tabs a, 433 | .tabnav-tabs span:not(.Counter), 434 | .reponav-item, 435 | .select-menu-tab a { 436 | font-size: var(--font-size); 437 | font-weight: normal !important; 438 | color: var(--color-button-text) !important; 439 | background: var(--color-button-face) !important; 440 | border: solid 1px transparent !important; 441 | border-color: var(--button-3d-border-color) !important; 442 | border-bottom: none !important; 443 | border-radius: 2px 2px 0 0 !important; 444 | box-shadow: 445 | 1px 0 0 var(--color-button-shadow-dark), 446 | 0 1px 0 var(--color-button-highlight) 447 | !important; 448 | margin: 0 1px -1px 0 !important; 449 | padding: 4px 6px !important; 450 | min-height: 26px; 451 | } 452 | .UnderlineNav-item.selected, 453 | .pagehead-tabs-item.selected, 454 | .tabnav-tabs a.selected, 455 | .tabnav-tabs span:not(.Counter).selected, 456 | .reponav-item.selected, 457 | .select-menu-tab a.selected { 458 | box-shadow: 459 | 1px 0 0 var(--color-button-shadow-dark), 460 | 0 1px 0 var(--color-button-face) 461 | !important; 462 | margin: -2px 1px 1px 0 !important; 463 | min-height: 28px; 464 | } 465 | .tabnav-tabs span:not(.Counter) { 466 | color: var(--color-gray-text) !important; 467 | } 468 | 469 | .Counter { 470 | background: inherit !important; 471 | font: inherit !important; 472 | color: inherit !important; 473 | padding: 0 !important; 474 | } 475 | .Counter::before { 476 | content: "("; 477 | } 478 | .Counter::after { 479 | content: ")"; 480 | } 481 | 482 | .auth-form-body, 483 | .select-menu-modal, 484 | .dropdown-menu { 485 | background: var(--color-button-face) !important; 486 | color: inherit !important; 487 | border: solid 1px transparent !important; 488 | border-color: var(--button-3d-border-color) !important; 489 | border-radius: 0 !important; 490 | box-shadow: var(--window-3d-box-shadow) !important; 491 | padding: 0 !important; 492 | } 493 | 494 | .dropdown-menu::before, 495 | .dropdown-menu::after { 496 | display: none !important; 497 | } 498 | .dropdown-item:hover { 499 | background: var(--color-highlight) !important; 500 | } 501 | .dropdown-divider { 502 | height: 0 !important; 503 | border: solid 1px transparent !important; 504 | border-color: var(--button-3d-border-color-inverted) !important; 505 | } 506 | 507 | .select-menu-header { 508 | background: var(--color-active-caption) !important; 509 | padding: 4px 6px !important; 510 | } 511 | .select-menu-title { 512 | color: var(--color-active-caption-text) !important; 513 | } 514 | .select-menu-filters { 515 | background: inherit !important; 516 | } 517 | .select-menu-item.navigation-focus { 518 | background: var(--color-highlight) !important; 519 | color: var(--color-highlight-text) !important; 520 | } 521 | .select-menu-item .text-gray { 522 | color: var(--color-gray-text) !important; 523 | } 524 | .select-menu-item.navigation-focus .text-gray { 525 | color: inherit !important; 526 | } 527 | 528 | .tooltipped::before { 529 | display: none !important; 530 | } 531 | .Popover-message, 532 | .tooltipped::after { 533 | font: inherit !important; 534 | color: var(--color-window-text) !important; 535 | background: var(--color-info-background) !important; 536 | border: solid 1px var(--color-button-shadow-dark) !important; 537 | border-radius: 0 !important; 538 | box-shadow: none !important; 539 | } 540 | .Popover-message::before, 541 | .Popover-message::after { 542 | display: none !important; 543 | } 544 | 545 | .btn-link, 546 | .btn, 547 | .btn:hover, 548 | .subnav-item, 549 | .pagination > :not(.gap), 550 | #user-links .dropdown, 551 | .js-menu-close { 552 | font: var(--font) !important; 553 | font-weight: normal !important; 554 | background: var(--color-button-face) !important; 555 | color: var(--color-button-text) !important; 556 | border: solid 1px transparent !important; 557 | border-color: var(--button-3d-border-color-exact) !important; 558 | border-radius: 0 !important; 559 | box-shadow: var(--button-3d-box-shadow-exact) !important; 560 | margin: 1px 2px !important; 561 | } 562 | .btn-link svg, 563 | .btn svg, 564 | .btn:hover svg, 565 | .subnav-item svg, 566 | #user-links .dropdown svg, 567 | .js-menu-close svg { 568 | fill: var(--color-window-text) !important; 569 | } 570 | .pagination .disabled { 571 | color: var(--color-gray-text) !important; 572 | } 573 | .pagination .current { 574 | font-weight: bold !important; 575 | } 576 | .pagination > .gap { 577 | background: inherit !important; 578 | border: none !important; 579 | color: inherit !important; 580 | } 581 | .btn-link .dropdown-caret, 582 | .btn .dropdown-caret, 583 | .btn:hover .dropdown-caret, 584 | .subnav-item .dropdown-caret, 585 | #user-links .dropdown .dropdown-caret { 586 | color: var(--color-window-text) !important; 587 | border-top-color: var(--color-window-text) !important; 588 | } 589 | .btn-link:active, 590 | .btn:active, 591 | .btn.selected, 592 | [open] > .btn, 593 | .subnav-item:active, 594 | .pagination > :not(.gap):not(.disabled):active, 595 | #user-links .dropdown:active, 596 | .js-menu-close:active { 597 | border-color: var(--color-button-shadow) !important; 598 | box-shadow: 599 | 0 0 0 1px var(--color-button-shadow-dark) 600 | !important; 601 | } 602 | .btn-link:focus, 603 | .btn:focus, 604 | .subnav-item:focus { 605 | outline: dotted 1px var(--color-button-text) !important; 606 | outline-offset: -4px !important; 607 | } 608 | 609 | input:not([type]), 610 | input[type=text], 611 | input[type=search], 612 | input[type=password], 613 | input[type=url], 614 | .tag-input, 615 | textarea { 616 | color: var(--color-window-text) !important; 617 | background: var(--color-window) !important; 618 | border: solid 1px black !important; 619 | border-color: var(--box-3d-border-color) !important; 620 | border-radius: 0 !important; 621 | box-shadow: var(--box-3d-box-shadow) !important; 622 | margin: 0 2px !important; 623 | padding-top: 4px !important; 624 | padding-bottom: 4px !important; 625 | min-height: 0 !important; 626 | } 627 | input::placeholder { 628 | color: var(--color-gray-text) !important; 629 | opacity: 1 !important; 630 | } 631 | 632 | .btn-link { 633 | padding: 4px 6px; 634 | text-decoration: none !important; 635 | } 636 | .milestone-action .btn-link { 637 | border: none !important; 638 | box-shadow: none !important; 639 | padding: 0 !important; 640 | } 641 | .js-menu-close { 642 | width: 16px !important; 643 | height: 14px !important; 644 | } 645 | 646 | #user-links .dropdown { 647 | height: 22px !important; 648 | margin: 0 0 0 8px !important; 649 | } 650 | #user-links .dropdown > * { 651 | height: 20px !important; 652 | line-height: 20px !important; 653 | margin: 0 2px !important; 654 | padding: 0 4px 0 0 !important; 655 | } 656 | #user-links .dropdown details summary { 657 | margin: 0 !important; 658 | } 659 | #user-links .mail-status.unread { 660 | position: static !important; 661 | display: inline !important; 662 | width: 0 !important; 663 | height: 0 !important; 664 | background: transparent !important; 665 | border: none !important; 666 | white-space: nowrap; 667 | } 668 | #user-links .notification-indicator .mail-status.unread::after { 669 | color: var(--color-button-text) !important; 670 | content: "(unread)"; 671 | } 672 | 673 | .Box:not(.position-absolute):not(.Popover-message):not(.js-network-graph-container), 674 | #user-repositories-list li, 675 | .user-profile-nav + .position-relative > .d-block, 676 | .blankslate, 677 | .border, 678 | .timeline-comment, 679 | .commit-tease { 680 | font: inherit !important; 681 | color: inherit !important; 682 | line-height: 20px !important; 683 | background: var(--color-button-face) !important; 684 | border: solid 1px black !important; 685 | border-color: var(--group-3d-border-color) !important; 686 | border-radius: 0 !important; 687 | box-shadow: var(--group-3d-box-shadow) !important; 688 | position: relative !important; 689 | padding: 12px 8px 4px 8px; 690 | margin-top: 2px !important; 691 | } 692 | #user-repositories-list li > .d-inline-block, 693 | .user-profile-nav + .position-relative > .d-block > .d-inline-block, 694 | .js-notice > .border::before, 695 | .commit-tease::before { 696 | color: var(--color-button-text) !important; 697 | background: var(--color-button-face) !important; 698 | position: absolute; 699 | left: 6px; 700 | top: -11px; 701 | padding: 0 3px; 702 | } 703 | .js-notice > .border::before { 704 | content: "Notice"; 705 | } 706 | .commit-tease::before { 707 | content: "Last commit"; 708 | } 709 | 710 | .Box.Box.Box.Box.Box.Box.Box--danger { 711 | background: red !important; 712 | } 713 | .Box-row { 714 | border-top: solid 1px var(--color-button-highlight) !important; 715 | box-shadow: 0 -1px 0 0 var(--color-button-shadow) !important; 716 | } 717 | .Box-row:first-of-type { 718 | border: none !important; 719 | box-shadow: none !important; 720 | } 721 | .Box-header { 722 | background: inherit !important; 723 | border: none !important; 724 | padding: 0 8px !important; 725 | } 726 | .Box h3 { 727 | font: var(--font-header) !important; 728 | border: none !important; 729 | } 730 | 731 | .Subhead { 732 | border: none !important; 733 | font-size: var(--font-size-header) !important; 734 | margin: 0 0 6px 0 !important; 735 | } 736 | .Subhead h2, 737 | .Subhead-heading { 738 | font-size: var(--font-size-header) !important; 739 | font-weight: bold !important; 740 | } 741 | .Subhead--spacious { 742 | margin: 12px 0 0 0 !important; 743 | } 744 | 745 | .boxed-group > h3, 746 | .boxed-group .heading { 747 | background: none !important; 748 | } 749 | 750 | #user-repositories-list li, 751 | .user-profile-nav + .position-relative > .d-block { 752 | margin: 0 0 16px 0 !important; 753 | padding: 12px 8px 8px 8px !important; 754 | } 755 | #user-repositories-list li > .d-inline-block, 756 | .user-profile-nav + .position-relative > .d-block > .d-inline-block { 757 | display: flex !important; 758 | flex-flow: row !important; 759 | margin: 2px 0 0 0; 760 | } 761 | #user-repositories-list li > .d-inline-block > span::before { 762 | content: " ("; 763 | } 764 | #user-repositories-list li > .d-inline-block > span::after { 765 | content: ")"; 766 | } 767 | #user-repositories-list li > .my-1, 768 | #user-repositories-list li > .mt-2, 769 | .user-profile-nav + .position-relative > .d-block > .mt-2 { 770 | margin: 0 !important; 771 | } 772 | #user-repositories-list h3, 773 | .user-profile-nav + .position-relative > .d-block h3 { 774 | font: bold var(--font) !important; 775 | } 776 | #user-repositories-list h3 + span { 777 | font: var(--font) !important; 778 | } 779 | #user-repositories-list h3 + span a { 780 | color: var(--color-link) !important; 781 | } 782 | #user-repositories-list h3 + span a:hover { 783 | text-decoration: underline !important; 784 | } 785 | #user-repositories-list .text-gray, 786 | .user-profile-nav + .position-relative > .d-block .text-gray { 787 | color: inherit !important; 788 | } 789 | .repo-language-color { 790 | width: 16px !important; 791 | height: 16px !important; 792 | border-radius: 0 !important; 793 | margin: 2px 4px -2px 0 !important; 794 | } 795 | 796 | .summary-stats { 797 | margin: -2px 0 4px 0 !important; 798 | } 799 | .summary-stats li { 800 | border: none !important; 801 | color: inherit !important; 802 | } 803 | .summary-stats li a { 804 | background: inherit !important; 805 | color: inherit !important; 806 | } 807 | .summary-stats li a:hover { 808 | color: var(--color-link) !important; 809 | text-decoration: underline !important; 810 | } 811 | .summary-stats li a .num { 812 | font: bold var(--font) !important; 813 | text-decoration-color: transparent !important; 814 | } 815 | .diffstat-summary { 816 | font: inherit !important; 817 | line-height: 166% !important; 818 | color: inherit !important; 819 | padding: 32px 48px 0 8px !important; 820 | } 821 | .pulse-section { 822 | font: inherit !important; 823 | color: inherit !important; 824 | } 825 | .pulse-section h3 { 826 | color: inherit !important; 827 | } 828 | .pulse-section h3 span { 829 | background: none !important; 830 | font: var(--font-header) !important; 831 | } 832 | .pulse-section h3 .text-emphasized { 833 | font-weight: bold !important; 834 | } 835 | .simple-conversation-list { 836 | font: inherit !important; 837 | color: inherit !important; 838 | } 839 | .simple-conversation-list > li { 840 | border: none !important; 841 | padding: 2px 0 !important; 842 | } 843 | .simple-conversation-list > li .num { 844 | color: var(--color-gray-text) !important; 845 | } 846 | .pulse-section .simple-conversation-list { 847 | padding: 4px 8px !important; 848 | } 849 | 850 | .Box.d-block svg { 851 | margin: 0 0 -8px -8px; 852 | } 853 | .tint-box, 854 | .capped-card-content { 855 | background: transparent !important; 856 | } 857 | svg .tick text { 858 | fill: var(--color-button-text) !important; 859 | } 860 | svg .tick line { 861 | stroke: var(--color-gray-text) !important; 862 | } 863 | 864 | .js-edit-repo-container dl { 865 | margin: 0 !important; 866 | } 867 | .boxed-group-inner, 868 | .access-form-wrapper { 869 | background: none !important; 870 | color: inherit !important; 871 | border: none !important; 872 | } 873 | .settings-next { 874 | font: inherit !important; 875 | } 876 | 877 | .auth-form-header { 878 | display: none !important; 879 | } 880 | .auth-form-body { 881 | position: relative !important; 882 | padding: 32px 8px 8px 8px !important; 883 | font: inherit !important; 884 | } 885 | .auth-form-body::before { 886 | display: block; 887 | position: absolute; 888 | height: 24px; 889 | left: 0; 890 | right: 0; 891 | margin: -32px 0 0 0; 892 | padding: 0 10px; 893 | background: var(--color-active-caption) !important; 894 | color: var(--color-active-caption-text) !important; 895 | font: bold var(--font-size)/24px var(--font-family); 896 | content: "Confirm password to continue"; 897 | } 898 | .auth-form-body .btn { 899 | margin: 8px 2px 0 2px !important; 900 | } 901 | 902 | .octicon-file-directory, .octicon-file, .octicon-book, .octicon-history, .octicon-git-branch, .octicon-tag, .octicon-organization, .octicon-law, .octicon-code, 903 | .octicon-issue-opened, .octicon-git-pull-request, .octicon-project, .octicon-graph, .octicon-gear, .octicon-repo { 904 | fill: transparent !important; 905 | width: 16px !important; 906 | height: 16px !important; 907 | } 908 | .octicon-file-directory { background: var(--image-folder) !important; } 909 | .octicon-file { background: var(--image-file-text) !important; } 910 | .octicon-book { background: var(--image-help) !important; } 911 | .octicon-history { background: var(--image-files) !important; } 912 | .octicon-git-branch { background: var(--image-tree) !important; } 913 | .octicon-tag { background: var(--image-install) !important; } 914 | .octicon-organization { background: var(--image-users) !important; } 915 | .octicon-law { background: var(--image-lock) !important; } 916 | .octicon-code { background: var(--image-file-script) !important; } 917 | .octicon-issue-opened { background: var(--image-message-warning) !important; } 918 | .octicon-git-pull-request { background: var(--image-drive-network) !important; } 919 | .octicon-project { background: var(--image-hierarchy) !important; } 920 | .octicon-graph { background: var(--image-graph) !important; } 921 | .octicon-gear { background: var(--image-config) !important; } 922 | .octicon-repo { background: var(--image-folder-documents) !important; } 923 | } -------------------------------------------------------------------------------- /Images/Icons/config-0006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/config-0006.png -------------------------------------------------------------------------------- /Images/Icons/config.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/config.ico -------------------------------------------------------------------------------- /Images/Icons/drive_network-0005.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/drive_network-0005.png -------------------------------------------------------------------------------- /Images/Icons/drive_network.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/drive_network.ico -------------------------------------------------------------------------------- /Images/Icons/file_script1-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/file_script1-0002.png -------------------------------------------------------------------------------- /Images/Icons/file_script1.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/file_script1.ico -------------------------------------------------------------------------------- /Images/Icons/file_text-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/file_text-0002.png -------------------------------------------------------------------------------- /Images/Icons/file_text.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/file_text.ico -------------------------------------------------------------------------------- /Images/Icons/files-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/files-0002.png -------------------------------------------------------------------------------- /Images/Icons/files.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/files.ico -------------------------------------------------------------------------------- /Images/Icons/folder-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/folder-0002.png -------------------------------------------------------------------------------- /Images/Icons/folder.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/folder.ico -------------------------------------------------------------------------------- /Images/Icons/folder_documents-0006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/folder_documents-0006.png -------------------------------------------------------------------------------- /Images/Icons/folder_documents.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/folder_documents.ico -------------------------------------------------------------------------------- /Images/Icons/graph-my.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/graph-my.png -------------------------------------------------------------------------------- /Images/Icons/graph.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/graph.ico -------------------------------------------------------------------------------- /Images/Icons/help-0006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/help-0006.png -------------------------------------------------------------------------------- /Images/Icons/help.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/help.ico -------------------------------------------------------------------------------- /Images/Icons/hierarchy-0003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/hierarchy-0003.png -------------------------------------------------------------------------------- /Images/Icons/hierarchy.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/hierarchy.ico -------------------------------------------------------------------------------- /Images/Icons/install2-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/install2-0002.png -------------------------------------------------------------------------------- /Images/Icons/install2.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/install2.ico -------------------------------------------------------------------------------- /Images/Icons/install_windows-0001.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/install_windows-0001.png -------------------------------------------------------------------------------- /Images/Icons/install_windows.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/install_windows.ico -------------------------------------------------------------------------------- /Images/Icons/lock1-0006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/lock1-0006.png -------------------------------------------------------------------------------- /Images/Icons/lock1.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/lock1.ico -------------------------------------------------------------------------------- /Images/Icons/message_warning-0003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/message_warning-0003.png -------------------------------------------------------------------------------- /Images/Icons/message_warning.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/message_warning.ico -------------------------------------------------------------------------------- /Images/Icons/tree-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/tree-0002.png -------------------------------------------------------------------------------- /Images/Icons/tree.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/tree.ico -------------------------------------------------------------------------------- /Images/Icons/users-0002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/users-0002.png -------------------------------------------------------------------------------- /Images/Icons/users.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Icons/users.ico -------------------------------------------------------------------------------- /Images/Screenshots/CoreFX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Screenshots/CoreFX.png -------------------------------------------------------------------------------- /Images/Screenshots/YaLinqo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Athari/CssGitHubWindows/34165d5624c87e95d99c369d91a858c2ee037fc1/Images/Screenshots/YaLinqo.png -------------------------------------------------------------------------------- /License.md: -------------------------------------------------------------------------------- 1 | # The MIT License 2 | 3 | Copyright (c) 2018 Alexander Prokhorov 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /ReadMe.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | *GitHub Windows Edition: User style transforming GitHub into Windows 9x* 4 | ======================================================================== 5 | 6 | * [**GitHub repository**](https://github.com/Athari/CssGitHubWindows) 7 | 8 | [![Install with Stylus](https://img.shields.io/badge/Install%20with-Stylus-00adad.svg)][Install with Stylus] 9 | [![Install with Stylish](https://img.shields.io/badge/Install%20with-Stylish-00adad.svg)][Install with Stylish] 10 | [![Install with TamperMonkey](https://img.shields.io/badge/Install%20with-TamperMonkey-00adad.svg)][Install with TamperMonkey] 11 | 12 | CssGitHubWindows is a user style which transforms GitHub's pages into a GUI resembling Windows 9x. All modern browsers should be supported. 13 | 14 | NOTE: the style is in alpha development stage. Only some parts of the website have been fully transformed. 15 | 16 | Screenshots 17 | =========== 18 | 19 | ![Athari/YaLinqo Screenshot](Images/Screenshots/YaLinqo.png) 20 | 21 | ![DotNet/CoreFX Screenshot](Images/Screenshots/CoreFX.png) 22 | 23 | Features 24 | ======== 25 | 26 | * Almost pixel-perfect reproduction of buttons, tabs, separators, groups, edit boxes, list boxes, tooltips, windows. 27 | * Focus rectangles, text selection styles and other elements adjusted where possible. 28 | * Some icons changed into icons from Windows 9x. 29 | * Some UI has been transformed, for example repository stats are displayed as a shell list box and various group boxes have been titled. 30 | 31 | Install 32 | ======= 33 | 34 | If you're using **Firefox** or **Chrome**, you can use **Stylus** extension to apply the style. Stylus is free, open-source and the most feature-full extension. 35 | 36 | **Stylish** is an older alternative which is no longer available, but it has been more popular. If you still have it installed, you can apply the user style using it, however you're strongly advised to migrate to Stylus as Stylish has been removed from browser extension stores for violating user privacy. 37 | 38 | If you're using **Edge**, you can use **TamperMonkey** to install the user style as a user script. 39 | 40 | If your browser is neither of the browsers mentioned above, please refer to online guides, it gets more complicated. 41 | 42 | **Click on the extension title to see detailed instructions.** 43 | 44 |
45 | A. Firefox or Chrome: Stylus 46 | 47 | 1. Add Stylus extension to your browser: 48 | 49 | * [Stylus for Firefox] 50 | * [Stylus for Chrome] 51 | 52 | 2. Add user style: 53 | 54 | * Open the [.user.css file][Install with Stylus]. 55 | * Click the "Install Style" button in the opened window. 56 |
57 | 58 |
59 | B. Firefox or Chrome: Stylish 60 | 61 | **CAUTION:** Migrating to Stylus is strongly advised. 62 | 63 | 1. Add Stylish extension to your browser: 64 | 65 | * Stylish for Firefox (no longer available) 66 | * Stylish for Chrome (no longer available) 67 | 68 | 2. Add user style: 69 | 70 | * Visit the [style page on UserStyles.org][Install with Stylish]. 71 | * Click the "Install with Stylish" button. 72 |
73 | 74 |
75 | C. Edge: TamperMonkey 76 | 77 | 1. Add TamperMonkey extension to your browser: 78 | 79 | * [TamperMonkey for Edge] 80 | 81 | 2. Add user style: 82 | 83 | * Open the [.user.js file][Install with TamperMonkey] from the [style page on UserStyles.org][Install with Stylish]. 84 | * Click the "Install" button. 85 |
86 | 87 | Known issues 88 | ============ 89 | 90 | * Default margins of some controls like buttons has been changed. If GitHub uses pixel sizes for buttons, they may be cut off by a few pixels. 91 | * Due to tooltips being children of controls, they change full control size, so focus borders may be displayed incorrectly. 92 | 93 | License 94 | ======= 95 | Licensed under the [MIT License](License.md). 96 | 97 | Copyright (c) 2018 Alexander Prokhorov. 98 | 99 | Links 100 | ===== 101 | 102 | * **Tools:** 103 | 104 | * [Resource Hacker](http://www.angusj.com/resourcehacker/) — tool for extracting icons from executable files, including Windows 95 system files 105 | * [PNG optimizer](https://tinypng.com/) — online tool for optimizing PNG files 106 | * [Base64 encoder](https://www.base64-image.de/) — online tool for embedding images in CSS as data URIs 107 | 108 | * **Browser extensions:** 109 | 110 | * [Stylus for Firefox] — extension for applying user styles for Firefox 111 | * [Stylus for Chrome] — extension for applying user styles for Chrome 112 | * [TamperMonkey for Edge] — extension for applying user scripts for Edge, which can be used to apply user styles too 113 | * Stylish for Firefox — old extension for applying user styles for Firefox 114 | * Stylish for Chrome — old extension for applying user styles for Chrome 115 | 116 | * **Related:** 117 | 118 | * [Source of inspiration](https://twitter.com/nikitonsky/status/1003593821723267072) — post on Twitter 119 | * [Alternative style](https://userstyles.org/styles/160991/github-windows-classic) — style is simpler, but has retro aesthetic to it 120 | * [Another alternative style](https://github.com/3lo1i/WinHub-98) — closer to classic Windows theme than the previous one, but less complete 121 | 122 | [Install with Stylus]: https://raw.githubusercontent.com/Athari/CssGitHubWindows/master/GitHubWindows.user.css 123 | [Install with Stylish]: https://userstyles.org/styles/162167/github-windows-edition-ath 124 | [Install with TamperMonkey]: https://userstyles.org/styles/userjs/162167/github-windows-edition-ath.user.js 125 | [Stylus for Firefox]: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ 126 | [Stylus for Chrome]: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne 127 | [Stylish for Firefox]: https://addons.mozilla.org/en-US/firefox/addon/stylish/ 128 | [Stylish for Chrome]: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe 129 | [TamperMonkey for Edge]: https://www.microsoft.com/store/apps/9NBLGGH5162S 130 | --------------------------------------------------------------------------------