This commit is contained in:
Alexander Popov 2018-12-08 15:11:00 +03:00
parent 568caa4434
commit 57e179c27f
2 changed files with 25 additions and 5 deletions

View File

@ -1,5 +1,5 @@
<!doctype html>
<html>
<html lang="en">
<!--
/_ ... _ /_
/_//_/ ////_//_//_//\
@ -13,8 +13,8 @@
<link rel="icon" href="//youtube.com/yts/img/favicon_48-vflVjB_Qk.png" sizes="48x48">
<link rel="icon" href="//youtube.com/yts/img/favicon_96-vflW9Ec0w.png" sizes="96x96">
<link rel="icon" href="//youtube.com/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144">
<script type="text/javascript" src="youtubeID.js"></script>
<script type="text/javascript" src="ytcg.js"></script>
<script src="youtubeID.js"></script>
<script src="ytcg.js"></script>
</head>
<body>
<div class="header">
@ -28,7 +28,8 @@
<div class="content">
<div class="wrap" id="ytImage">
</div>
<p>Thanks: <a href="https://github.com/takien">@takien</a> for youtubeID.js script.<br>
<a href="https://github.com/iiiypuk/YTCget">View on GitHub</a></p>
</div>
<script type="text/javascript" src="/y.js"></script>
</body>
</html>
</html>

View File

@ -26,6 +26,15 @@ div.content {
div.content img {
border: 1px solid #808080;
max-width: 100%;
border-radius: 8px;
}
div.content p {
color: #808080;
text-align: center;
}
div.content a {
color: #ffffff;
text-decoration: none;
}
input, button {
@ -34,19 +43,23 @@ input, button {
background-color: #232323;
font-size: 1rem;
padding: 8px;
transition: 250ms all;
}
input {
width: calc(100% - 100px);
color: #808080;
border-radius: 8px 0 0 8px;
}
input::placeholder {
color: #818181;
transition: 250ms all;
}
input:focus {
background-color: #606060;
color: #ffffff;
transition: 250ms all;
}
button {
@ -54,7 +67,13 @@ button {
color: #606060;
border-left: 0;
width: 100px;
border-radius: 0 8px 8px 0;
}
button:hover {
color: #808080;
color: #ffffff;
transition: 250ms all;
}
button:active {
background-color: #606060;
}