/* ==UserStyle== @name GitHub vertical repository-language-statistics graph @version 1.6.0 @description vertical repo-language-stats graph with percentages for GitHub @namespace github.com/wis @author Wis @homepageURL https://github.com/wis/GitHub-vertical-repo-language-stats-graph @supportURL https://github.com/wis/GitHub-vertical-repo-language-stats-graph/issues @updateURL https://raw.githubusercontent.com/wis/GitHub-vertical-repo-language-stats-graph/master/github-vertical-repo-lang-stats-graph.user.css @license CC-BY-SA-4.0 ==/UserStyle== */ @-moz-document domain("github.com") { .repository-lang-stats-graph .language-color { overflow: visible; text-indent: 9999px; position: relative; min-width: 10px; } .repository-lang-stats-graph .language-color:before { content: attr(aria-label); text-indent: 0; float: right; font-size: 9px; line-height: 10px; font-weight: bold; text-shadow: 0.5px 0.5px white; overflow: visible; transform: rotate(90deg); white-space: nowrap; position: absolute; top: -90px; left: 0; right: 0; } .repository-lang-stats-graph { transform: rotate(270deg) translateX(-100%) translateX(53px); transform-origin: bottom left; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: unset; border-bottom-right-radius: unset; overflow: visible; border-top: 1px solid #ddd; margin-left: -13px; width: 110%; } .repository-lang-stats-graph .language-color:last-child { border-bottom-right-radius: unset; border-top-right-radius: 2px; } .repository-lang-stats-graph .language-color:first-child { border-bottom-left-radius: unset; border-top-left-radius: 2px; } .overall-summary-bottomless { border-bottom: 1px solid #dfe2e5; border-radius: 3px 3px 3px 3px; margin-bottom: unset; } .repository-lang-stats-graph .language-color:nth-child(1):before { right: -90%; } }