body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
main {
/* Add styles for your main content here */
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
position: relative;
bottom: 0;
width: 100%;
}
#toTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
background-color: #007BFF;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}
#safariMessage {
display: none;
font-family: Arial, sans-serif;
background-color: red;
color: white;
text-align: center;
padding: 20px;
margin: 20px;
}
/* Container for the video */
.video-container {
position: relative;
width: 100%;
}
/* Style for the video */
video {
width: 100%;
display: block;
}
/* Style for the text overlay */
.text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-align: center;
}
Loading ...
/* Add a border around the entire section */
.cctrack {
margin-bottom: 20px; /* Increased margin for better spacing */
overflow: hidden;
text-align: center; /* Centering all content */
border: 2px solid #ccc; /* Adding a border */
padding: 20px; /* Adding padding for better appearance */
box-sizing: border-box; /* Include padding and border in the element's total width and height */
}
/* Styling for album cover */
.cctrack .cccover {
background-color: #FFF;
border: 1px solid #c6c6c6;
margin-right: auto; /* Centering the album cover */
margin-left: auto; /* Centering the album cover */
display: block; /* Ensuring it's a block-level element */
padding: 16px; /* Increased padding for better appearance */
}
/* Position details below the album cover */
.cctrack .ccdetails_withcover {
margin-left: 0; /* Reset margin for better alignment */
text-align: center; /* Centering text */
}
/* Styling for title */
.cctrack .cctitle {
color: #333; /* Darkened title color for better readability */
font-size: 24px; /* Increased font size for emphasis */
font-weight: 700; /* Increased font weight for emphasis */
margin-bottom: 10px; /* Increased margin for better spacing */
}
/* Styling for artist */
.cctrack .ccartist {
color: #555; /* Darkened artist color for better readability */
margin-bottom: 10px; /* Increased margin for better spacing */
}
/* Styling for album details */
.cctrack .ccalbum {
color: #777; /* Darkened album details color for better readability */
font-size: 18px; /* Adjusted font size for better appearance */
margin-bottom: 20px; /* Increased margin for better spacing */
height:160px;
width: 160px;
}
/* Styling for "Now Playing" indicator */
.cctrack .ccnowplaying {
font-weight: 700;
color: #e44d26; /* Changed color to a vibrant shade for emphasis */
font-size: 20px; /* Increased font size for emphasis */
}
/* Styling for buy links */
.cctrack a.ccbuy,
.cctrack a.ccbuy:link,
.cctrack a.ccbuy:active,
.cctrack a.ccbuy:visited,
.cctrack a.ccbuy:hover {
color: #333; /* Darkened link color for better readability */
text-decoration: none;
font-weight: 400;
font-size: 16px; /* Adjusted font size for better appearance */
}
.cctrack a.ccbuy:hover {
text-decoration: underline;
}
/* Hide the time by default, display it on hover */
.cctrack .cctime {
display: none;
}
.cctrack:hover .cctime {
display: inline-block; /* Display time on hover */
color: #777; /* Adjusted color for better visibility */
margin-left: 8px; /* Adjusted margin for better spacing */
}
div.cctrack:nth-child(1) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(2) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(3) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(4) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(5) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(1) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(6) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(7) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(8) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(9) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
div.cctrack:nth-child(10) > div:nth-child(1) > img:nth-child(1)
{
height:160px;
width:160px;
}
Live Streaming Duration:
