Skip to content

starwars by ranzingithub

Details

Authorranzingithub

LicenseNo License

Categoryyoutube

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

fvdf

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         starwars
@version      20220804.02.29
@namespace    userstyles.world/user/ranzingithub
@description  fvdf
@author       ranzingithub
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/*Def: color_progbar:#5099FF - color_vol:#ED0000 - color_hd:#ED0000 - color_true:#5099FF - color_false:#ED0000*/  
/* Barre de lecture */    /* Video progress bar */
  .html5-play-progress, .ytp-play-progress
  {
    background: /*[[color_progbar]]*/;
   background: -moz-linear-gradient(top, /*[[color_progbar]]*/ 0%, /*[[color_progbar]]*/ 35%, #ffffff 65%, /*[[color_progbar]]*/ 100%);
    background: -webkit-linear-gradient(top, /*[[color_progbar]]*/ 0%,#ffffff 35%,#ffffff 65%,/*[[color_progbar]]*/ 100%);
    background: linear-gradient(to bottom, /*[[color_progbar]]*/ 0%,#ffffff 24%,#ffffff 65%,/*[[color_progbar]]*/ 100%);
    box-shadow: 0px 0px 20px /*[[color_progbar]]*/, 0px 0px 20px /*[[color_progbar]]*/, 0px 0px 20px /*[[color_progbar]]*/ !important;
  }
   
/* Barre de chargement */    /* Video load bar */
  .html5-load-progress, .ytp-load-progress
  {
    background: #70B9FF;
    background: -moz-linear-gradient(top, rgba(120, 120, 120, 0.3) 0%, rgba(120, 120, 120, 0.3) 45%,  rgba(255, 255, 255, 0.3) 55%, rgba(120, 120, 120, 0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(120, 120, 120, 0.3) 0%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%,rgba(120, 120, 120, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(120, 120, 120, 0.3) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 55%,rgba(120, 120, 120, 0.3) 100%);
    box-shadow: 0px 0px 12px rgba(120, 120, 120, 0.3), 0px 0px 12px rgba(120, 120, 120, 0.3), 0px 0px 12px rgba(120, 120, 120, 0.3) !important;
  }
   
/* Bouton de scroll */    /* Scrubber button */
  .html5-scrubber-button, .ytp-scrubber-button
  {
    background: rgba(255, 255, 255, 0)  !important;
    border-color: rgba(255, 255, 255, 0)  !important;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0) !important;
    transition: box-shadow 0.0s, background 0.0s !important;
  }
/* Boutton de scroll — hover */    /* Scrubber button — hover */
  .html5-scrubber-button:hover, .ytp-scrubber-button:hover
  {
    background: #FFFFFF !important;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 20%, /*[[color_progbar]]*/ 100%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 20%,/*[[color_progbar]]*/ 100%) !important;
    background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 20%,/*[[color_progbar]]*/ 100%) !important;
    border-color: #ffffff !important;
    box-shadow: 0px 0px 10px /*[[color_progbar]]*/, 0px 0px 12px /*[[color_progbar]]*/, 0px 0px 14px /*[[color_progbar]]*/ !important;
  }

 
   
/* Réglage volume /    / Volume control bar */
  .ytp-volume-slider-handle
  {
    position: absolute;
    top: 50%;
    width: 3px;
    height: 14px;
    margin-top: -7px;
    margin-left: 0px;
    background: /*[[color_vol]]*/!important;
    background: -moz-linear-gradient(left, /*[[color_vol]]*/  0%, /*[[color_vol]]*/  35%, #ffffff 65%, /*[[color_vol]]*/  100%) !important;
    background: -webkit-linear-gradient(left, /*[[color_vol]]*/  0%,#ffffff 35%,#ffffff 65%,/*[[color_vol]]*/  100%) !important;
    background: linear-gradient(to right, /*[[color_vol]]*/ 0%,#ffffff 24%,#ffffff 65%,/*[[color_vol]]*/ 100%) !important;
    box-shadow: 0px 0px 10px /*[[color_vol]]*/, 0px 0px 10px /*[[color_vol]]*/, 0px 0px 10px /*[[color_vol]]*/ !important;
  }

  .ytp-big-mode .ytp-volume-slider-handle
  {
    width: 4px;
    height: 22px;
    margin-top: -11px;
  }

  .ytp-volume-slider-handle:before,.ytp-volume-slider-handle:after
  {
    background: #ffffff !important;
    background: -moz-linear-gradient(top, /*[[color_vol]]*/ 0%, /*[[color_vol]]*/ 35%, #ffffff 65%, /*[[color_vol]]*/ 100%) !important;
    background: -webkit-linear-gradient(top, /*[[color_vol]]*/ 0%,#ffffff 35%,#ffffff 65%,/*[[color_vol]]*/ 100%) !important;
    background: linear-gradient(to bottom, /*[[color_vol]]*/ 0%,#ffffff 24%,#ffffff 65%,/*[[color_vol]]*/ 100%) !important;
/*   box-shadow: 0px 0px 5px #ED0000, 0px 0px 5px #ED0000, 0px 0px 5px #ED0000 !important;*/
    width: 50px;
    margin-left: -50px;
  }

  .ytp-volume-slider-handle:after
  {
    left: 0px;
    background: rgba(255,255,255,.2);
  }

  .ytp-big-mode .ytp-volume-slider-handle:before,.ytp-volume-slider-handle:after
  {
    width: 50px;
    height: 2.5px;
  }

  .ytp-big-mode .ytp-volume-slider-handle:after
  {
    left: -46px;
    background: rgba(255,255,255,.2);
  }
   
/* Badge HD-4k-5k-8k-3D */
  .ytp-settings-button.ytp-hd-quality-badge::after, .ytp-settings-button.ytp-4k-quality-badge::after, .ytp-settings-button.ytp-5k-quality-badge::after, .ytp-settings-button.ytp-8k-quality-badge::after
  {
    width: 3px;
    height: /*[[cog_badge]]*/px;
    top: 8px;
    right: 17px;
    background: /*[[color_hd]]*/!important;
    background: -moz-linear-gradient(left, /*[[color_hd]]*/ 0%, /*[[color_hd]]*/ 35%, #ffffff 65%, /*[[color_hd]]*/ 100%) !important;
    background: -webkit-linear-gradient(left, /*[[color_hd]]*/ 0%,#ffffff 35%,#ffffff 65%,/*[[color_hd]]*/ 100%) !important;
    background: linear-gradient(to right, /*[[color_hd]]*/ 0%,#ffffff 24%,#ffffff 65%,/*[[color_hd]]*/ 100%) !important;
    box-shadow: 0px 0px 10px /*[[color_hd]]*/, 0px 0px 10px /*[[color_hd]]*/, 0px 0px 10px /*[[color_hd]]*/ !important;
    content: '';
  }

  .ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after,.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge:after,.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge:after,.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge:after,.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey:after,.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after
  {
    width: 3px;
    height: calc(/*[[cog_badge]]*/px*1.4);
    top: 10px;
    right: 23px;
    content: '';
    background-image: none;
  }

  .ytp-settings-button.ytp-3d-badge::after
  {
    width: 4px;
    height: /*[[cog_badge]]*/px;
    top: 8px;
    right: 16px;
    background: #00ED00 !important;
    background: -moz-linear-gradient(left, #00ED00 0%, #00ED00 35%, #ffffff 65%, #00ED00 100%) !important;
    background: -webkit-linear-gradient(left, #00ED00 0%,#ffffff 35%,#ffffff 65%,#00ED00 100%) !important;
    background: linear-gradient(to right, #00ED00 0%,#ffffff 24%,#ffffff 65%,#00ED00 100%) !important;
    box-shadow: 0px 0px 10px #00ED00, 0px 0px 10px #00ED00, 0px 0px 10px #00ED00 !important;
    content: '';
  }

  .ytp-big-mode .ytp-settings-button.ytp-3d-badge::after
  {
    width: 3px;
    height: calc(/*[[cog_badge]]*/px*1.4);
    top: 10px;
    right: 23px;
    content: '';
  }

   
   
/* Lettres HD dans menu */    /* HD letters in menu */
  .ytp-swatch-color
  {
    color: /*[[color_progbar]]*/!important;
  }
   
/* Item coché */    /* Checked item */
  .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox
  {
    background: #FFFFFF !important;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 20%, /*[[color_true]]*/ 100%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 20%,/*[[color_true]]*/ 100%) !important;
    background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 20%,/*[[color_true]]*/ 100%) !important;
    border-color: #ffffff !important;
    box-shadow: 0px 0px 10px /*[[color_true]]*/, 0px 0px 12px /*[[color_true]]*/, 0px 0px 14px /*[[color_true]]*/ !important;
    content: '';
  }

  .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox:before
  {
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  .ytp-big-mode .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox:before
  {
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

   
/* Item décoché */    /* Unchecked item */
  .ytp-menuitem[aria-checked="false"] .ytp-menuitem-toggle-checkbox
  {
    background: #FFFFFF !important;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 20%, /*[[color_false]]*/ 100%) !important;
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 20%,/*[[color_false]]*/ 100%) !important;
    background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 20%,/*[[color_false]]*/ 100%) !important;
    box-shadow: 0px 0px 10px /*[[color_false]]*/, 0px 0px 12px /*[[color_true]]*/, 0px 0px 14px /*[[color_false]]*/ !important;
    content: '';
    background-image: none;
  }
   
/* Logo 'Visionner sur YouTube' pour autres sites */    /* 'Watch on YouTube' logo for other websites */
  .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge
  {
    fill: #5099FF !important;
  }
   
/* Roue réglages */     /* Settings gear */
  .ytp-settings-button svg
  {
    -moz-transition: -moz-transform .4s cubic-bezier(.58,.24,.47,2.3);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.58,.24,.47,1);
    -ms-transition: -ms-transform .4s cubic-bezier(.58,.24,.47,2.3);
    transition: transform .4s cubic-bezier(.58,.24,.47,2.3);
  }

  .ytp-settings-button[aria-expanded=true] svg
  {
    -moz-transform: rotateY(180deg) translateY(-5px);
    -ms-transform: rotateY(180deg) translateY(-5px);
    -webkit-transform: rotateY(180deg) translateY(-5px);
    transform: rotateY(180deg) translateY(-5px);
  }

  .ytp-big-mode .ytp-settings-button[aria-expanded=true] svg
  {
    -moz-transform: rotateY(180deg) translateY(-9px);
    -ms-transform: rotateY(180deg) translateY(-9px);
    -webkit-tr...

Reviews

No reviews yet.