YouTube Studio 2023 layout
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
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;
}
}