w3c fix
This commit is contained in:
parent
568caa4434
commit
57e179c27f
11
index.html
11
index.html
@ -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>
|
||||
|
19
styles.css
19
styles.css
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user