Skip to content

YouTube Studio 2023 by Giovanno

Details

AuthorGiovanno

LicenseNo License

CategoryYouTube Studio

Created

Updated

Size2.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

YouTube Studio 2023 layout

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           studio.youtube.com - 1/15/2023, 5:00:11 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("youtube.com") {
  /* Gaya untuk keseluruhan halaman */
  body {
    font-family: Roboto, Arial, sans-serif;
    background-color: #f9f9f9;
    color: #0f0f0f;
  }

  /* Gaya untuk kontainer utama */
  .style-scope.ytd-c4-tabbed-header-renderer {
    width: 90%;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 24px;
  }

  /* Gaya untuk judul bagian */
  .style-scope.ytd-c4-tabbed-header-renderer h1 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
  }

  /* Gaya untuk bagian status */
  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item:last-child {
    border-bottom: none;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item-subtitle {
    font-size: 14px;
    color: #606060;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item-status {
    font-size: 14px;
    color: green; /* Atau warna lain sesuai status */
    font-weight: 500;
  }

  /* Gaya untuk status Copyright dan Community Guidelines */
  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item-status-bar {
    width: 100px;
    height: 8px;
    background-color: #e0e0e0;
    border-radius: 4px;
    margin-top: 8px;
    position: relative;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-big-list-item-status-bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%; /* Sesuaikan dengan status */
    background-color: green; /* Atau warna lain sesuai status */
    border-radius: 4px;
  }

  /* Gaya untuk tombol "Return to YouTube Studio" */
  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-endpoint {
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    color: #0f0f0f;
    display: inline-block;
    margin-top: 20px;
  }

  .style-scope.ytd-c4-tabbed-header-renderer .yt-simple-endpoint:hover {
    background-color: #e0e0e0;
  }
}

Reviews

No reviews yet.