Block #song

5 years ago · 45a329dec8
parent b74a2cce54
commit 45a329dec8
2 changed files with 21 additions and 13 deletions
--- a/css/style1.css
+++ b/css/style1.css
@ -1,9 +1,19 @@
 body {
-    background-color: rgb(143, 188, 143);
+  background-color: rgb(143, 188, 143);
+}
+
+#song{
+  width: 400px;
+  height: 300px;
+  margin: auto;
+  justify-content : center;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 10px;
+  color: #fff;
 }

 .btn {
-	width: 100px;
+  width: 100px;
 	height: 60px;
 	border-radius: 5px;
 	border: #f54e4e;
@ -14,12 +24,12 @@ body {
 	cursor: pointer;
 	text-align: center;
 	margin: auto;
-	justify-content : center 
+	justify-content : center;

 }

 .btn:hover {
-	color: #f54e4e;
+  color: #f54e4e;
 	background-color: #fff;
 }

@ -33,14 +43,10 @@ body {
 	display: flex;
 }

-
-h1 { 
-    text-align: center
+h1 {
+  text-align: center
 }

 DIV {
-    text-align: center
+  text-align: center
 }
-
-
-
--- a/index.php
+++ b/index.php
@ -15,9 +15,11 @@
 </head>

 <body>
-	<h1>Just Radio</h1>

 	<div id="song">
+
+		<h1>Just Radio</h1>
+
 		now playing:

 		<br>
@ -47,7 +49,7 @@

 		<span id="duration"></span>
 		<br>
-				
+
 	</div>

 <script language="JavaScript">