83 lines
2.6 KiB
HTML
83 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Subscriptions</title>
|
|
<link href="/youtube.com/shared.css" type="text/css" rel="stylesheet">
|
|
<link href="/youtube.com/favicon.ico" type="image/x-icon" rel="icon">
|
|
<link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml">
|
|
<style type="text/css">
|
|
main{
|
|
display:flex;
|
|
flex-direction: row;
|
|
}
|
|
.item-grid{
|
|
flex-grow: 1;
|
|
}
|
|
.subscriptions-sidebar{
|
|
flex-basis: 300px;
|
|
background-color: #dadada;
|
|
border-left: 2px;
|
|
}
|
|
.sidebar-links{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
padding-left:10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.sidebar-list{
|
|
list-style: none;
|
|
padding-left:10px;
|
|
padding-right: 10px;
|
|
}
|
|
.sidebar-list-item{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sub-refresh-list .sidebar-item-name{
|
|
text-overflow: clip;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
max-width: 200px;
|
|
}
|
|
.muted{
|
|
background-color: #888888;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
$header
|
|
<main>
|
|
|
|
$items
|
|
|
|
<div class="subscriptions-sidebar">
|
|
<div class="sidebar-links">
|
|
<a href="/youtube.com/subscription_manager" class="sub-manager-link">Subscription Manager</a>
|
|
<form method="POST" class="refresh-all">
|
|
<input type="submit" value="Check All">
|
|
<input type="hidden" name="action" value="refresh">
|
|
<input type="hidden" name="type" value="all">
|
|
</form>
|
|
</div>
|
|
|
|
<hr>
|
|
<ol class="sidebar-list tags">
|
|
$tags
|
|
</ol>
|
|
|
|
<ol class="sidebar-list sub-refresh-list">
|
|
$sub_list
|
|
</ol>
|
|
|
|
</div>
|
|
|
|
<nav class="page-button-row">
|
|
$page_buttons
|
|
</nav>
|
|
</main>
|
|
</body>
|
|
</html>
|