TheErrorExe/revivetube
1
0
Fork 0
mirror of https://github.com/ReviveMii/revivetube synced 2025-04-29 12:39:25 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

...

Browse source
This commit is contained in:
TheErrorExe 2025-02-26 14:10:35 +01:00
parent 6d062fe23d
commit c3cea7e1be
1 changed files with 33 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
site_storage/watch_wii_template.html
View file

@ -20,7 +20,7 @@
} }
.header { .header {
background-color: #202020; background-color: #202020;
border-bottom:2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c;
padding: 10px 20px; padding: 10px 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -29,6 +29,13 @@
font-size: 24px; font-size: 24px;
color: #fe0000; color: #fe0000;
font-weight: bold; font-weight: bold;
display: flex;
align-items: center;
}
.logo img {
width: 24px;
height: 24px;
margin-right: 8px;
} }
.search-container { .search-container {
flex: 1; flex: 1;
@ -49,7 +56,7 @@
padding: 8px 15px; padding: 8px 15px;
font-size: 16px; font-size: 16px;
background-color: #222222; background-color: #222222;
border:1px solid #3d3d3d; border: 1px solid #3d3d3d;
color: white; color: white;
cursor: pointer; cursor: pointer;
} }
@ -60,34 +67,44 @@
padding: 20px; padding: 20px;
text-align: center; text-align: center;
} }
.channel-info {
display: flex;
align-items: center;
gap: 10px;
}
.channel-logo {
width: 36px;
height: 36px;
border-radius: 50%;
}
#videooutline { #videooutline {
width:fit-content; width: fit-content;
margin:auto; margin: auto;
border-bottom:6px solid #181818; border-bottom: 6px solid #181818;
border-right:6px solid #181818; border-right: 6px solid #181818;
} }
#videooutline:hover { #videooutline:hover {
border-bottom:6px solid #111111; border-bottom: 6px solid #111111;
border-right:6px solid #111111; border-right: 6px solid #111111;
} }
.video-container { .video-container {
background-color: #131313; background-color: #131313;
border:1px solid #525252; border: 1px solid #525252;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
width:fit-content; width: fit-content;
} }
.video-container:hover { .video-container:hover {
border:1px solid #0f0f0f; border: 1px solid #0f0f0f;
} }
</style> </style>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script> <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<a href="/" style="text-decoration: none;"><div class="logo"><img src="../favicon.ico" style="width:32px; height:32px; display:inline; position:relative; top:3px; right:3px; padding-right:2px;"> <a href="/" class="logo">
<span style="position:relative; top:-4px; padding-left:5px; border-left:1px solid #323232;">ReviveTube</span> <img src="../favicon.ico" alt="Logo">
</div> <span>ReviveTube</span>
</a> </a>
<div class="search-container"> <div class="search-container">
<form action="/" method="get"> <form action="/" method="get">
@ -135,5 +152,6 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>