Skip to content

Instantly share code, notes, and snippets.

@baylej

baylej/transmission-web.user.css

Created August 3, 2016 21:52
Show Gist options
  • Save baylej/6322caf56ef4974737558d920ad4de88 to your computer and use it in GitHub Desktop.
Save baylej/6322caf56ef4974737558d920ad4de88 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
transmission-web.user.css
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("https?://([^:]+)(:[0-9]+)?/transmission/web/.*") {
* {
background-color: transparent !important;
color: inherit !important;
border-color: var(--border-color) !important;
}
body, div.dialog_container div.dialog_window, .inspector-tab, div#jqContextMenu ul, .ui-widget-content {
background: none;
background-color: var(--background-color) !important;
color: var(--foreground-color) !important;
}
.ui-widget-content .ui-state-focus {
background: none, var(--gradient-to-top) !important;
}
div#toolbar, #statusbar, div.torrent_footer, .ui-widget-header {
background-color: var(--background-color) !important;
background-image: var(--gradient-header) !important;
}
div.dialog_container div.dialog_window a {
background-color: var(--background-color) !important;
background-image: var(--gradient-button) !important;
}
div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active {
background-color: var(--background-color) !important;
background-image: var(--gradient-button-selected);
border-color: var(--border-color-selected) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-color: var(--background-color) !important;
background-image: var(--gradient-tab);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background-color: var(--background-color) !important;
background-image: var(--gradient-tab-selected) !important;
border-color: var(--border-color-selected) !important;
}
ul {
list-style: none;
}
ul.torrent_list li.torrent.even {
background-color: rgba(255, 255, 255, 0.1) !important;
}
ul.torrent_list li.torrent.selected, ul.torrent_list li.torrent.selected.even, div#jqContextMenu ul li:hover {
color: var(--foreground-color-selected) !important;
border-color: var(--border-color-selected) !important;
}
div.inspector-tab.selected { border-color: var(--border-color-selected) !important; }
#inspector-tab-files { background-image: var(--tab-files), var(--gradient-button) !important; }
#inspector-tab-files.selected { background-image: var(--tab-files), var(--gradient-button-selected) !important; }
#inspector-tab-info { background-image: var(--tab-info), var(--gradient-button) !important; }
#inspector-tab-info.selected { background-image: var(--tab-info), var(--gradient-button-selected) !important; }
#inspector-tab-peers { background-image: var(--tab-peers), var(--gradient-button) !important; }
#inspector-tab-peers.selected { background-image: var(--tab-peers), var(--gradient-button-selected) !important; }
#inspector-tab-trackers { background-image: var(--tab-trackers), var(--gradient-button) !important; }
#inspector-tab-trackers.selected { background-image: var(--tab-trackers), var(--gradient-button-selected) !important; }
div.torrent_footer div.selected { border-color: var(--border-color-selected) !important; }
div.torrent_footer div.main_container { display: none; }
#settings_menu { background-image: var(--button-settings), var(--gradient-button) !important; }
#prefs-button { background-image: var(--button-prefs), var(--gradient-button) !important; }
#turtle-button { background-image: var(--button-turtle), var(--gradient-button) !important; }
#turtle-button.selected { background-image: var(--button-turtle), var(--gradient-button-selected) !important; }
#compact-button { background-image: var(--button-compact), var(--gradient-button) !important; }
#compact-button.selected { background-image: var(--button-compact), var(--gradient-button-selected) !important; }
div.file-priority-radiobox > div.selected { border-color: var(--border-color-selected) !important; }
div.file-priority-radiobox > div.low { background-image: var(--priority-low), var(--gradient-button) !important; }
div.file-priority-radiobox > div.low.selected { background-image: var(--priority-low), var(--gradient-button-selected) !important; }
div.file-priority-radiobox > div.normal { background-image: var(--priority-normal), var(--gradient-button) !important; }
div.file-priority-radiobox > div.normal.selected { background-image: var(--priority-normal), var(--gradient-button-selected) !important; }
div.file-priority-radiobox > div.high { background-image: var(--priority-high), var(--gradient-button) !important; }
div.file-priority-radiobox > div.high.selected { background-image: var(--priority-high), var(--gradient-button-selected) !important; }
:root {
--background-color: #333;
--border-color: #222;
--border-color-selected: #666;
--foreground-color: rgba(255, 255, 255, 0.8);
--foreground-color-selected: rgba(0, 255, 0, 0.8);
--gradient-to-top: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
--gradient-to-bottom: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
--gradient-selected: linear-gradient(to right, rgba(0, 255, 0, 0.2), rgba(0, 255, 0, 0), rgba(0, 255, 0, 0.2));
--gradient-header: var(--gradient-to-top);
--gradient-button: var(--gradient-to-top);
--gradient-button-selected: var(--gradient-to-top), var(--gradient-selected);
--gradient-button-selected: var(--gradient-to-bottom);
--gradient-tab: var(--gradient-to-bottom);
--gradient-tab-selected: var(--gradient-to-top);
/* Images */
--priority-high: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAwUlEQVQokcXQMYoCMBAF0I9mqmRIkUkRkibpkiY38Bja7RU8hMcQPIedeCdLYWxUlhXBRvbDr+bBMAP8S+achznn4RO77L3vxhg6xtDe+w7A8h1e1Fr3rTX93VrrHsDiRaeUTqUUzTlrzvnnXi2laErp9ITMHEIIRxFREbnEGNePWYxxLSIXEdEQwpGZA6y1Z2ZW59zVe7/5u9l7v3HOXZlZrbVnENGWiNQYs3p3nDFmRURKRFsAMADaBx9sd/vl3ACk0StFsQlurQAAAABJRU5ErkJggg==");
--priority-normal: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAASklEQVQokWNgGIlAVFRURVZW9qmMjMwDfFhWVvadiIiIFIOEhISWpKTkfyKxPIOIiAiviIhIk4iISD0+LCoq2i4oKMg/0CFCDQAAK2Qigs7t83QAAAAASUVORK5CYII=");
--priority-low: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAwUlEQVQokb3QQQoCMQwF0FBn064KQlMoE4rQQKG5gseY2XkFDzHHGPAc7sQ7uRTiRl0Myqz0QzbhEZIA/COdiOzW0NN00Fo7iojWWvffcK11LyLaWjsCM1+ZWUsp95zzuMQ557GUcmdmZeYrpJS2RHQmIu37/kZEwwsT0fDsKRGdU0rb9yREvCCixhg1hHAIIRxijIqIioiXT6sa7/3svddFzQBgvt23cc5N1lq11qpzbgKAzdoHwRhzMsacVuFP8gCN6y5Xkv6lMgAAAABJRU5ErkJggg==");
--button-settings:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABXSURBVCjPlZLRDQAhCEPB3BbdfzTm0C8Srukd0k%2F70gpqJgRgA9jKWxWyD1XPO7gqItxvGhJ%2BXYnNBFjOyQyyv2woOUO2qLOnW6NsmKxVpvJLt4F%2FX%2BMAQmItMG%2BcyPkAAAAASUVORK5CYII%3D");
--button-turtle: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAmklEQVQokY3PPQoCUQwE4E9sFEsbK8FOEES0trT0FLZ2Woi9XkTY4l3DO1haCHoJwWfzFtafXR0IhGQyk+ETLayQ4YDlF04pRrgjvtUZzQKvgc77cTuRH18EIq4YYFaYbYsCl4rjMuE9dHH64Z7XDTvM0cud+9jg+Id7M8ZYewkeQqinNkukBcYYpszTlD8ms1IETCr26/T6C54Bx0EzYFeoXQAAAABJRU5ErkJggg==");
--button-prefs: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA7klEQVQokZWP0YmEMBCG5yEkEMEwQsDgihIhAcEYK70SUsKVsCWkhCvhSph7MYcPruv+8MEQ5mPyA9xIjDFt20Yxxp87+/9ZliWFECiEQOu6preCtVaVeZ5n2vn96CoAgHMue+/Je0/OubS/Je/9dQVrrbLWpmma6IxLeRiGPI4jveB1/8fjQUf6vk9d1+Uyn0qIqIwx2RhDBzIiqlPhKGqts9aaCm3bXncrIiLmpmmogIj5rQgAqq7rXNc1HcgAcP1VAFBSylxVFRWklLdE4JwnIQQJIZ5CCOKc3xMBABhjX4wx2rkvHpIA4PtT8Q/UuVtO1WtEUAAAAABJRU5ErkJggg==");
--button-compact: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAbUlEQVQokcWQMQrAMAwD5UAwmUoGZzDK/5/nJ7hLU9op3Sq4RXAaBJI559xCMt19AsBySCbcPb/Sez8AvByYWYwxcoeZBa4s59n9GFWN1lruUNUAcDwdVQ3UWvMra+DViUiUUnKHiNyHLUdE4gRg62K+ejzZwAAAAABJRU5ErkJggg==");
--tab-files: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBklEQVQ4jdWTsWqFMBiFfxwqjh26Xejz6hv8PoZ3EDcXQUTQIQYhLi5ZXFxcXE6HxlAsarx06YFvzEc4JyH67/GYGXEc/+L5fCoi8u4KfWbGuq6WrusAAGVZIkmS29KAmbEsi6VtW2xhZhDR223hPM+Wuq4tRhjcEkZRBCEEhBAYhgHTNFlchIcjZFmGpmnQ9z201tBaOwlPR0jTFFVVYRxHjOPoJLwcoSgKKKWglHIXno2Q5zmklJBSugt/Fr8fIQxDMLPFSbiVvscIPonoYfggIv9SuJW+xwjfza0CIzv9KQEz29L3vPSQmdmWvudl4Rl3hT59F/044HKEfTxzIDjgcoQ/zxc9wNC8RsMJhQAAAABJRU5ErkJggg==");
--tab-info: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAClElEQVQ4jdWUS0hUYRiGP4UxBV0JgpJLL8d/lHFOUYFCNEaLMogSBN1ZE4JQeYsghjHJhamImhQKKTahgVcKpCIvVLSwclGjjgkFSV4WXtIiCp4W58jozJi07IcHzvf+//fyfuccfpH/dqV2Tyar4eU2NbLpVS9AvQA1sulVw8ttqd2Tyf/iFaYGl9ptI3B2Ai55oeqjwSWvoR0YAzW41C4iYXuZhauhjanj41D5Hq57Q1PxHnLGQA1tTIlI+O7JuhbaHU+g7B2Ub+PmB/j+G8aX/FrZW3A8BdW1EDppUvWYltEDF19ByeuduN4Zhs+/7tSdLyGjB5Kqx7SgUbXWxV5HP5wfDebWJFx9HaxfGAVHH2iti72Bo1tUy/r0mUEoHPbjfAaf1gFg8xecewQn+iH7IRzuBv0B2DpBtaxPi4hlu2GkaoKzfXCu30/PFLS8MQy//QS9Ixj7PVBNICKR2w2jVC2cvA+nPH5yOqHhlWE4NAP63WDsd0DVgohE7TBMc63NZLeCow2OtcGh26A3w8QXw7DssVEHYquHNNfaTKBhpFY6P5B5A440gl7nZ2s5e6B+ZOeeXgcZbtBK5wcCR7Yk5jYetJaDvRr0GoOjDbD+wzCc+GzUW3t6DWRWgbUcEk83Hwj8KOEiEqM557rSS8HuAt1tkNsIzg5/vYXdBelXQHPOdYlITOBvIyISISKxWtGqz1oM9krQr4UmswKsxaAVrfpEJNbsDVph5ouNSynweaxFkO4EWwnYLxvYSgzNWgQpBT6PiMSZPbteEuHmgdgE3Z2VkufzpOWvzKpCUIWQlr8ym5Ln8yTo7iwzWVSoUUMljRCRaLMpXkT2m8SbWrR5Zs/rKzCtRUT2mUmizGfL31L9ARu1bU1qe+H9AAAAAElFTkSuQmCC");
--tab-peers: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABZUlEQVQ4je2UMWrDMBhGf0JJ3EUpNTJElrEhKgYPxuAWgfFgAjbEYIgne/It0qX3yNBT5ATJJQqla+g9vg5NoSEdEs198CZJD/0gRPTPb6qqcpqm2TdNg6P7qqoc096orutd27YYhgHDMKBtW9R1vSOikUlwXJYluq5D3/fo+x5d16EsSxDR2CR4WxQFVqvViUVRgIhujYJ5nmO5XJ6Y57l5UGuNxWJxotbaPJgkyYfWGlmWIcsyaK2RJMmHaXAShuE6jmOkaYo0TRHHMcIwXBPRxCR4Q0R3SqltFEWIoghKqS0R3R3XrkNK+eD7/ksQBO/z+RxKKQRB8On7/qvneU8XRTjnSgjxLIR4c10XUkp4nneilBKu60IIcRBCbGaz2eOfMdu2nzjn4JzDcZyL/Nlv2/b5jRljG8YYptPpVTLGwBjbnAUtyzpYlgVDD39NfU9ELhHJK3WPZ88Y0/eDNdHos7iIL1k4pt0kxY1cAAAAAElFTkSuQmCC");
--tab-trackers: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACC0lEQVQ4jdWSsWsiQRTGvyoEIsmUuS7/QRbOImwRbDRbpNhiFyZYLOyyLKwh4hVrJdhsY5ohsOfYbGVlY2ezZf4ELYVUIW2IheV3jQaJcpru7oMHj5lvfu/NmwH+e9m2Xcmy7CXLshfbtisHHxyAP3bleZ6/z+dzzudz5nn+vs//qd/gz135aDRaFEXBoig4Go0W+/yf0uD1E3i6yssZeA4A4/H4fjKZvE0mk7fxeHwPABl4rsEyADyBpxq83gL2wcq6Uh+80OBdFzwiKUherUJ0wSMN3vXBi3V3fbCya4ZnGmx2weMV9EaDl6ZpGr1ej71ej6ZpGhq87IM3ANAFjzXYHIBnW8AV1B2A3uZakiRDpRSVUkySZPjF7w1AdydsY5ZKg81H8EQIITqdziIMw2UYhstOp7MQQohH8ESDTQ2qv8IAIANLGvyVgSUppR/HMdvt9nO73X6O45hSSn/Tsxf45bozx3GYpinTNKXjOEySZPYtyFqGYRhxHNPzvFeSFZIVz/Ne4zimYRjGt4G+7w+llGw0Gmy1Wmy1Wmw0GpRS0vf94X7ChoQQIoqiD8uyltPp9Hbd4XQ6vbUsaxlF0YcQQhwMrNVqvpSSrusyiiIGQcAgCBhFEV3XpZSStVrNPxhYr9dn1WqVSqmHdXfrUEo9VKtV1uv1wx+HZHkF2PoWJEurvfLBwH9KfwCL+zyAGn9UVAAAAABJRU5ErkJggg==");
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment