From 1e680cef7bacce567d12a1d79e19406c9992d611 Mon Sep 17 00:00:00 2001 From: davy Date: Tue, 2 Jul 2019 09:39:11 -0500 Subject: improve css --- static/css/index.css | 166 --------------------------------------------------- 1 file changed, 166 deletions(-) delete mode 100644 static/css/index.css (limited to 'static/css') diff --git a/static/css/index.css b/static/css/index.css deleted file mode 100644 index d73211c..0000000 --- a/static/css/index.css +++ /dev/null @@ -1,166 +0,0 @@ -/* Normalize */ -* { - font-weight: inherit; - font-size: inherit; - border: none; - outline: none; - margin: 0; - padding: 0; - box-sizing: border-box; -} - -a { - color: inherit; - text-decoration: none; -} - -body { - font-family: Arial, sans-serif; - font-size: 16px; - font-weight: 400; - color: #c5c8c6; - background: #1e1e1e; - padding-bottom: 10px; -} - -nav { - z-index: 100; - color: #ae81ff; - text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7); - font-weight: 700; - font-size: 20px; - text-indent: 20px; - line-height: 50px; - width: 100%; - height: 50px; - background: #171717; - border-bottom: 1px solid #272727; -} - -main { - width: 1156px; - margin:0 auto; - margin-top: 15px; - white-space: nowrap; -} - -#player { - width: 856px; - display: inline-block; - vertical-align: top; -} - -#video { - width: 100%; - height: 480px; - background: #000; - box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2); -} - -#player > h1 { - margin-top: 10px; -} - -#player > h2 { - margin-top: 5px; - color: #676867; - font-size: 90%; -} - -#player > p { - margin-top: 10px; - font-size: 80%; - width: 100%; - white-space: normal; -} - -#sidebar { - font-size: 13px; - display: inline-block; - margin-left: 10px; - width: 290px; - background: #282a2e; - box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2); -} - -#sidebar > a { - display: block; - padding: 10px; - position: relative; -} - -#sidebar > a:hover { - color: #ae81ff; -} - -#sidebar > a.playing { - background: #383a3e; -} - -#sidebar > a + a { - border-top: 1px solid #1e1e1e; -} - -#sidebar > a > img { - width: 70px; -} - -#sidebar > a > div { - position: absolute; - top: 10px; - right: 10px; - bottom: 10px; - left: 90px; -} - -#sidebar > a > div > h1 { - white-space: normal; -} - -#sidebar > a > div > h2 { - margin-top: 5px; - color: #676867; - font-size: 90%; -} - -@media only screen and (max-width: 1156px) { - main { - width: 940px; - } - #player { - width: 640px; - } - #video { - height: 360px; - } -} - -@media only screen and (max-width: 940px) { - main { - width: 726px; - } - #player { - width: 426px; - } - #video { - height: 240px; - } -} - -@media only screen and (max-width: 726px) { - main { - width: 426px; - } - #player { - width: 426px; - } - #video { - height: 240px; - } - #sidebar { - width: 426px; - margin-top: 10px; - margin-left: 0; - display: block; - } -} -- cgit v1.2.3