iiiypuk/YTCget
iiiypuk
/
YTCget
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

w3c fix

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -1,5 +1,5 @@
<!doctype html> <!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_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_96-vflW9Ec0w.png" sizes="96x96">
<link rel="icon" href="//youtube.com/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144"> <link rel="icon" href="//youtube.com/yts/img/favicon_144-vfliLAfaB.png" sizes="144x144">
<script type="text/javascript" src="youtubeID.js"></script> <script src="youtubeID.js"></script>
<script type="text/javascript" src="ytcg.js"></script> <script src="ytcg.js"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
@ -28,7 +28,8 @@
<div class="content"> <div class="content">
<div class="wrap" id="ytImage"> <div class="wrap" id="ytImage">
</div> </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> </div>
<script type="text/javascript" src="/y.js"></script>
</body> </body>
</html> </html>

19
styles.css
View File

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