Skip to content

Transmission Web Interface Style by taylantatli

Write a review Install Get Stylus

Details

Authortaylantatli

LicenseNo License

Categorylocalhost

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Transmission Web Interface Style

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Transmission Web Interface Style
@version      20230211.18.26
@namespace    userstyles.world/user/taylantatli
@description  Transmission Web Interface Style
@author       taylantatli
@license      No License
==/UserStyle== */

@-moz-document url-prefix("http://127.0.0.1:9091/transmission/web/") {
/* ==UserStyle==
@name           Transmission Web Interface Style
@namespace      TaylanTatli
@version        0.1.0
@description    Transmission Web Interface Style
@author         github.com/TaylanTatli
==/UserStyle== */

/* Based on https://github.com/diesys/transmission-web-soft-theme */
body {
  font-size: small;
}

/* TOOLBAR */
div#toolbar {
  background-color: #c91e27;
  background-image: none !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

div#toolbar > div#toolbar-separator {
  border-left: 2px solid rgba(0, 0, 0, 0.15);
}

div#toolbar > div#toolbar-open {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABbElEQVRYR2NkGGDAOMD2M4w6ACME/v//Xw2MFgcio2YzIyPjJCLVYlWGzQEHgSrtiDT0C1BdO9ARbUSqx1BGqQNABn4G4l6gIxrJcQQ1HACyFxQSP4hwwDagQ+OR1VHLAUTYDVZyCOgA+1EHUBoCX6FxDqKJBexAhdLUiAKQpYeB2A8Yl7+JtR1YthgA1Z6n1AHfgAaAygiQ5X+ItRykjlwH7ADq/YBk0WMgu4pUyylxgCHQsguk+BSXWnJDgGwHAC2sBDpGGIjLgJ74h+SAA0C+I7G5gBIHvARaIgbELEAL/wIdAHJMMBA/APJ30d0B+KIRX1FMtRAY3g4Axm8V0IeFaL4UAvKZgPgNmjhJtSFRUQB0QA/QkmIis+tOYCL0GE2ExIZAFFDhLSKD9hEwaF/D1AKjBaUcIDcXEGk3WFkG0AEzqeUAUprl4LoGiLuADtiD5IDZQLYEEPuDimKSQoAUb1ND7WjXbMBDAAC8QOQhhyP+YAAAAABJRU5ErkJggg==");
}

div#toolbar > div#toolbar-remove {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADnSURBVFiF7ZY7DsIwEETf8hV03IEezkBHxy04E7eg4wq09FwBIVEEQRBDAZEig4lt0eEnuUlmx5O1Iy1k/h2LEUsaAyug45HcgKWZ7UM9fUY+RsAsQBNMKzJAxRaYOmubYhTbgYqDme3qDyQdUoze7oCkNTD/ou8Cd57nXafDs6MlIE/9xswWbpFL6ZgPX4bn2vtPuIEGr8CF4x2HpELSKaHuJKlo0oXcgTb+ljbVtZtEqX/Bz8gBcoAcIAfIAXKA0ImoJWkS6R30cY1TsaQL0IvcvOJqZv1vgpAObIicdGscE+syf8QDLdg6Mzj/WjoAAAAASUVORK5CYII=");
}

div#toolbar > div#toolbar-start {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAECSURBVFiF7ZaxLkRBFIa/g6hEp9CJR5CIRjyBRqPX0G3iAZSiUujsI6h5AaJBaOl0thcNhU+xNhGJNXvvTG4zXztzzvly8ufegUql8g/qgjpVqn9K4y3gTt0oJTEWddchn+qZupSz/ySrDWAbeFIP1bmcIn/yYwO/efk+m27Tv024FoE+cNsmHznSvQJcqufqchcCIzaBR/VEne9CAGAW6DEMalI+Sn1gRvm4Ude7EEimlMAA2APWIuJ63MWZzIM/gFPgICJeUwpyClwAvYh4nqQoh8ADsB8RV02K22RgAOwAq02HQ7MNvAPHwFFEvDUdnEzp33GqwH2XD5KiT7JKpfIF1HiXxQlyoeMAAAAASUVORK5CYII=");
}

div#toolbar > div#toolbar-pause {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABpSURBVFiF7Y5RDYAwEENbggVUzAR+MDFE4Gd6QET5J7cRFhL46Ptsm7sHGGM+hq1S0gxgDqqN5HHZTgCWYFtIli47SVkxKdimyja3fgxdZi9iAQtYwAIWsIAFxpu+VPK9kq0Pbhhj/sEJhoFDG4prTBYAAAAASUVORK5CYII=");
}

div#toolbar > div#toolbar-start-all {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGPSURBVFiF7dTBi01hHMbxz2tkFjajrixtlJVQ1pIlNVHsWIpkw8pCmv8CGwtW/AUzMdFQSmQnrpQUNpOZTEm4Hot7bzMmM3PP3DtO6n43p877vr/n2/ucDkOGDFmDJCeSNOoUuJNkIclEktG6BLo0k4zXKdDlXpI9dQokSSvJrSQ7+pm/qY+zBafxdkO/j1VuYDlvkpysOr+fG1jOLtxNMp1kbx0CXQ7jeZJrSbbXIQAjOIdmkoN1CMArnCqlzPwrgXSe87iMA/iS5FiSrSsd2jxAgRZu4ioaOIOxztruJLdLKR83SmAaFzGLI9i5ZG0WU38LH4RAE1cwiUM4brHWr5jB01LKr5UGrFdgHhO4gX24gO6fsIVneFBK+bbWoKoCP3G9E97AWWxbst7EZCnlc68DqwhM4RLmMO7Pnj9p9/yuwryeBV7jKB5p97zfYs8LeIgXq/W8GqWXTUnGcB5bOq9+4Akel1K+rye4S68VjHbCg5e4X0qZ6ye4qgB80O75/SCCK5FkJElPdQ357/gNA2n2H4qAeAMAAAAASUVORK5CYII=");
}

div#toolbar > div#toolbar-pause-all {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADiSURBVFiF7ZY7CsJAFABnJU0sDaJYBSwUUgkeIJWdB/AMXiIewsPY5RbewWAjgoXos0iquJvPsmDhTvnekEz3Fjwez49RTUsRSYFUszoqpYqaOwb2GjdXSuVWdSKSiZ5E4yYGN2v6x8CqzCG2AaGI7ERk20UWkU3lj1wFBMACmHf048oPXQU8evp308I24N3Tf7kOcIYP8AE+wAf8PCBo2eeG+cUwOxi+MbEKqF4yOZQnFYiAG7DWuAWQVe4SWFEerSEwtQqoEQOzjm5EeX5b6RNw4vuePw3uGbhq5rqZ58/5AKaVaNFlMKv9AAAAAElFTkSuQmCC");
}

div#toolbar > div#toolbar-inspector {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE1SURBVFiF7ZQ9SkNBFEa/edEUYiuIf42V2FjF2nRipyDEDbgCt+AS3IGIYKHYxS7aWogbEMVoIRJERAQ9Fr5AEN+dF2cMCHPg8oo7756PYWakRCLxnwEqwPCgpSvALnALvPPFPXAArAPZX4lngTP8XAALseU14KGEvMszsBxLPgXc9SHv8gTMxwiwb0gaeRXRCpXPAR+GYDovi7rl8J3YVUnO6F/mZbEWEqDm6ZcJsGg1hzw/j3v6G/n32lgzYQ3w7cCrp1+Gl5AANxECmDN8AU4iBGiGBDiS1AmQv0na+3UA51xH0raxZCavInacc1eWwwuQAceex+YnzoGRIHlPiFHgsA95CxiLIu8JkQGbQNsQPwJbQLXsXOuZLQpSlVSXtCRpUlJFUlvSqaSmc86894lE4jufNGMChV0tx6cAAAAASUVORK5CYII=");
}

div#toolbar > div#toolbar-inspector {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE1SURBVFiF7ZQ9SkNBFEa/edEUYiuIf42V2FjF2nRipyDEDbgCt+AS3IGIYKHYxS7aWogbEMVoIRJERAQ9Fr5AEN+dF2cMCHPg8oo7756PYWakRCLxnwEqwPCgpSvALnALvPPFPXAArAPZX4lngTP8XAALseU14KGEvMszsBxLPgXc9SHv8gTMxwiwb0gaeRXRCpXPAR+GYDovi7rl8J3YVUnO6F/mZbEWEqDm6ZcJsGg1hzw/j3v6G/n32lgzYQ3w7cCrp1+Gl5AANxECmDN8AU4iBGiGBDiS1AmQv0na+3UA51xH0raxZCavInacc1eWwwuQAceex+YnzoGRIHlPiFHgsA95CxiLIu8JkQGbQNsQPwJbQLXsXOuZLQpSlVSXtCRpUlJFUlvSqaSmc86894lE4jufNGMChV0tx6cAAAAASUVORK5CYII=");
}

/* STATUSBAR */
#statusbar {
  background-color: #eee;
  background-image: none !important;
  box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.3);
  color: #444;
  border-bottom: 1px solid #ddd;
}

#statusbar #filter input#torrent_search {
  color: #444;
}

#statusbar select {
  color: #444;
  background: #fff;
  border: none;
}


#statusbar #filter input#torrent_search,
#statusbar select {
  box-shadow: 0 2px 7px -3px rgba(0, 0, 0, .3);
  background: #fff;
  border-radius: 4px;
  margin: 4px auto;
  border: none !important;
  width: auto;
  height: auto;
}

#statusbar #filter input#torrent_search:hover,
#statusbar select:hover,
#statusbar #filter input#torrent_search:active,
#statusbar select:active,
#statusbar #filter input#torrent_search:focus {
  box-shadow: 0 3px 7px -2px rgba(0, 0, 0, .3);
}

/* TORRENT INSPECTOR */
div#torrent_inspector {
  background: #fff;
  border: none;
  border-left: 1px solid #eee;
  top: 68px;
  bottom: 33px;
}

div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
  background-color: #eee !important;
  border: 1px solid #ddd !important;
}

div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > *.selected,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > *:active {
  background-color: #ddd !important;
}

div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGxSURBVFiF7ZaxaxRBGMV/3yjCcmVIoUIw2Ngedw6IFmIlCCkkFhbW9qms7awsRP8AwSJdOkHQQk5QjtlbjoAEG41CjtjEQkEy34yFh6S4m7nbi1X2wVbvm/d+s7O7LDRq1OikS+Zd0O1228DdGOMN4BxggL0YY09ENp1zvf8C0G63l40xT4H1zLpXqnq/qqrPxwbQ6XQuAS+BC7PMA99jjGtlWb5fGMBau6SqH4CLM5b/gwghXB4MBl9SQyaXoqqPEuUPxtckLRtjnuXyk3fAWruqqp+AU5N8Y8wKQAhhd1pGjPFK6ihOpwBU9fa08nFx9okXkTtAPQDgasb/kQMArqXMHMDZlGmMuQXpIwDOJzMyAJrxZ9FhbQAR+XYMAMmMJEAI4c2i7SLyujaA934L+LlAv4YQNmsDDIfDfeBx3XYReV6W5cfaAGM9FJG3k4wQwm7iDdjx3m/kwrMAzrlDVV0H3uVmj2hbVW9WVXWQG5z6lTuq0Wj0q9VqvSiKQoEucGbK6O8Y45OiKO71+/39WbLn/iGx1i5579dE5Dqwwt9NfAV6wJZzbm/ezEaNTrb+AOhMmtueye6CAAAAAElFTkSuQmCC");
}

div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJfSURBVDiN5ZO/a51lFMc/3+d9KamiohUcCiI2EFFwyPvelFtLe7PUtuJmBgcHHYqIWbTYpVBKoSVDi4K6KNKpoC51dvDSKhrMEyOSO0gUBxFCwMUfpG/e5/k6NFeuyS3+AT3T4Zzz/Zwvz+GBuy40TLrd7kNN02zGGP8eHaiq6jBwWVKw/VaM8YvR/szMzL6mae5bWVn5BSAMG03TnLZ9CqCu62dGFn4CzNiugU/n5uYKQNPT08cB2rZ9pSiKV4ecf4GSfgshPA1g+4Oqqp6YnJzcAzw8YujBwWCwt9PpPCnpyrbuKUm/7gLmnAe2T/Z6vQnbXwOn19bWbkl6ewT43urq6p8ppTeAr6qqugd4zvbqrjcEQlVVP9l+pyzLz1JK3wJXQwjvt237iCSXZbnetu28pJdSSp2iKF4AXosxTgL5Pw6BbPuSpIWU0v4QwlHgh5zzhyGEm5K+TCl9JOn7EEJP0qPARduXhrCdDgGoqupj4HlJr9v+EbgJ9CXtsX1I0ixwwPa7tq8vLy+/OKovdgKnpqauN01zLzABzAP7gcL2uqTHgcds/x5C+Hlzc/PUxsZGGtXvcjiMTqdzNOfcB77JOc+HEE4CbwL3l2V5bHFx8fNxujCuCJBzXthO10MI54FjwDJASunsnXRjgdu/4yDwh+3vJJ2JMR6JMc4CfdtH6rrujdOW44q2FyQh6RrQtf1yXde3bP9lu5FEzvkicGindtyVD3P7so3tG5IGtgeSJoAOcILbx3xA0uzS0lL//xxeAJD0bIyxv7PZ7Xb3bm1tnbF9zvY5YNfMXRb/AORkCP1BIk6yAAAAAElFTkSuQmCC");
}

div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active,
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAInQAACJ0Bso74sQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG...

Reviews

No reviews yet.