Skip to content

Old Netflix by Ocasio

Screenshot of Old Netflix

Details

AuthorOcasio

LicenseNo License

Categoryhttps://www.netflix.com/

Created

Updated

Code size1.4 kB

Code checksum7eb15174

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Trying to make old netflix

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Old Netflix UI Look
@namespace      github.com/karlo-old-netflix-style
@version        1.0.0
@description    Simulates a retro Netflix interface like the Vista-era UI
@match          *://*.netflix.com/*
==/UserStyle== */

@-moz-document domain("netflix.com") {
  body, html {
    background-color: #141414 !important;
    font-family: Verdana, sans-serif !important;
  }

  /* Simulated red header */
  body::before {
    content: "  NETFLIX    |    Watch Instantly    |    TV Shows    |    Movies    |    New & Popular    |    My List    |    Browse by Languages";
    display: block;
    background-color: #b80000;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    font-family: Verdana, sans-serif;
    z-index: 9999;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }

  /* Push content below fake header */
  .mainView {
    margin-top: 50px !important;
  }

  /* Tile effects */
  .title-card, .slider-item {
    filter: grayscale(70%) contrast(1.2);
    border: 1px solid #333;
    border-radius: 4px;
  }

  /* Preview cards */
  .bob-card {
    background-color: #1f1f1f !important;
    border: 1px solid #444;
  }

  /* Hide modern homepage junk */
  .billboard-row, .jawBoneContainer, .previewModal--wrapper {
    display: none !important;
  }
}

Reviews

No reviews yet.