Skip to content

VORAPIS, but better by Danbytronic

Screenshot of VORAPIS, but better

Details

AuthorDanbytronic

LicenseNo License

Categoryyoutube.com

Created

Updated

Size6.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Changes the look from late 2013 to mid 2013 within the fixes.

Notes

This requires V3 to get it functionally working.

Source code

/* ==UserStyle==
@name           VORAPIS, but better
@namespace      youtube.com
@version        1.0.0
@description    Changes the look from late 2013 to mid 2013 within the fixes.
@author         Danbytronic
==/UserStyle== */

@-moz-document domain("www.youtube.com") {
.oz-notification-entry {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: margin .2s;
    transition: margin .2s;
    background-color: white;
    font: 13px Arial, sans-serif;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-variant-alternates: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-variant-position: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    line-height: normal;
    font-family: Arial, sans-serif;
    margin: 0 20px 8px;
    overflow: hidden;
    position: relative;
    width: 360px;
    outline: none;
}

#yt-masthead-user {
    #sb-button-notify {
      width: 32px;
      border: solid 1px #d3d3d3;
      background: linear-gradient(#fcfcfc, #f8f8f8);
      text-shadow: 0 1px rgba(255,255,255,.5);
      &:hover {
        border-color: #c6c6c6;
        background: linear-gradient(#f8f8f8, #eee);
      }
      &:active {
        border-color: #c6c6c6;
        background: #e9e9e9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
      }
      &.sb-notif-on {
        border-color: #c13828 !important;
        background: #d94a38;
        color: #fff;
      }
      &.sb-notif-off {
        &:before {
          content: "0";
          font-size: 11px;
          opacity: 1;
        }
      }
      .yt-uix-button-content {
        background: none;
        position: unset;
        border: none;

      }
      .yt-uix-button-icon-wrapper {
        display: none;
      }
    }
  }
 
  .gaiabar {
    z-index: 2 !important;
  }

  html[cosmic-buttons] {
    .yt-uix-button-subscribed-branded:not(:hover):not(:active),
    #yt-masthead-user #sb-button-notify.sb-notif-off {
      border-color: #ccc #ccc #aaa !important;
      box-shadow: inset 0 0 1px #fff;
      background: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);
      color: #555;
      text-shadow: 0 1px 0 #fff;
    }
    #yt-masthead-user #sb-button-notify.sb-notif-off:hover {
      border-color: #aaa #aaa #999 !important;
      background-image: linear-gradient(to bottom,#f0f0f0 0,#e6e6e6 100%);
      box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
    } 
}

.mdt2-button-clear-search-bar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    height: 65%;
    margin: 5px;
    border: 1px solid transparent;
    border-radius: 1.5px;
    color: #666666;;
}

.mdt2-button-clear-search-bar:hover {
    border: 1px solid #c6c6c6;
    background: #f0f0f0;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.10);
    box-shadow: 0 1px 0 rgba(0,0,0,0.10)
}

.mdt2-button-clear-search-bar:focus, .mdt2-button-clear-search-bar:focus:hover {
    -moz-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
    -ms-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
    -webkit-box-shadow: 0 0 0 2px rgba(27,127,204,0.4);
    box-shadow: 0 0 0 2px rgba(27,127,204,0.4)
}
        
.mdt2-button-clear-search-bar button, .mdt2-button-clear-search-bar input[type="button"], .mdt2-button-clear-search-bar input[type="reset"], .mdt2-button-clear-search-bar input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    color: #666666;
    background-color: white;
    border-radius: 1px;
    border: 1px solid transparent;
}

.yt-uix-button-subscribe-branded .subscribe-label, .yt-uix-button-subscribe-branded .unavailable-label, .yt-uix-button-subscribed-branded .subscribed-label, .yt-uix-button-subscribed-branded.hover-enabled:hover .unsubscribe-label {
    display: inline;
    margin: 0 -6px;
}

.share-service-icon {
    vertical-align: middle;
    background: no-repeat url(https://web.archive.org/web/20130902091835im_/https://s.ytimg.com/yts/imgbin/www-sharing-vflKCov7b.png) 0 -1842px;
    background-size: auto;
    width: 32px;
    height: 32px;
}

.share-service-icon-facebook {
    background-position: 0 -1680px;
}

.share-service-icon-twitter {
    background-position: 0 -288px;
}

.share-service-icon-googleplus {
    background-position: 0 -1232px;
}

.share-service-icon-mail {
    background-position: 0 -2020px;
}

.share-service-icon-reddit {
    background-position: 0 -1984px;
}

.share-service-icon-vkontakte {
    background-position: 0 -364px;
}

.share-service-icon-odnoklassniki {
    background-position: 0 -776px;
}

.share-service-icon-pinterest {
    background-position: 0 -1912px;
}

.share-service-icon-blogger {
    background-position: 0 -1948px;
}

.share-service-icon-tumblr {
    background-position: 0 -988px;
}

.share-service-icon-linkedin {
    background-position: 0 -876px;
}

.share-service-icon-stumbleupon {
    background-position: 0 -252px;
}

.share-service-icon-goo {
    background-position: 0 -60px;
}

.cc-international .ytp-subtitles-button {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) 0 -921px;
    background-size: auto;
    width: 30px;
    height: 27px
}

.cc-international .ytp-subtitles-button:focus,.cc-international .ytp-subtitles-button:hover {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) 0 -890px;
    background-size: auto;
    width: 30px;
    height: 27px
}

.cc-international .ytp-subtitles-button-active {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -34px -433px;
    background-size: auto;
    width: 30px;
    height: 27px;
}

.cc-international .ytp-subtitles-button-active {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -17px -2244px;
    background-size: auto;
    width: 30px;
    height: 27px
}

.cc-international .ytp-subtitles-button-active:focus,.cc-international .ytp-subtitles-button-active:hover {
    background: no-repeat url(//s.ytimg.com/yts/imgbin/player-common-vflGwqWf5.png) -17px -2244px;
    background-size: auto;
    width: 30px;
    height: 27px
}
}

Reviews

No reviews yet.