/* Google Fonts నుండి ఫాంట్ ఇంపోర్ట్ */
@import url('https://fonts.googleapis.com/css2?family=Ramabhadra&display=swap');
.english-top-bar {
font-family: 'Ramabhadra', sans-serif !important;
font-size: 11px !important;
color: #FFF !important;
background: linear-gradient(90deg, YELLOW, ) !important; /* # గుర్తు జతచేయబడింది */
text-align: center;
padding: 4px 13px !important;
margin: 0 !important;
line-height: 1.5 !important;
letter-spacing: 0.5px;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
function updateEnglishDateTime() {
const now = new Date();
// తేదీ మరియు వారం (ఇంగ్లీష్ లో: ఉదా. Mon, 26 Oct 2026)
const dateOptions = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };
const englishDate = new Intl.DateTimeFormat('en-IN', dateOptions).format(now);
// సమయం (ఇంగ్లీష్ లో: ఉదా. 10:04 pm)
const timeOptions = { hour: 'numeric', minute: '2-digit', hour12: true };
const englishTime = new Intl.DateTimeFormat('en-IN', timeOptions).format(now).toUpperCase();
document.getElementById('en-date').innerText = englishDate;
document.getElementById('en-time').innerText = englishTime;
}
updateEnglishDateTime();
setInterval(updateEnglishDateTime, 60000);
📄 ePaper
/* 3D Button Styling */
.sv-epaper-btn {
display: inline-flex;
align-items: center;
justify-content: center;
/* 3D Main Color */
background: linear-gradient(to bottom, #ea384d, #d31027);
color: #ffffff !important;
font-family: 'Ramabhadra', sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
padding: 8px 20px;
border-radius: 30px; /* Pill shape */
/* 3D EFFECT MAGIC HERE */
border: 1px solid #d31027;
border-bottom: none; /* Shadow handles the bottom border look */
box-shadow: 0px 5px 0px #8b1c2b, 0px 10px 10px rgba(0,0,0,0.15); /* Solid shadow for thickness */
transition: all 0.1s ease; /* Fast transition for "click" feel */
position: relative;
top: 0;
}
/* Icon Style */
.epaper-icon {
font-style: normal;
margin-right: 8px;
font-size: 16px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
/* Hover Effect (Mouse pettinappudu) */
.sv-epaper-btn:hover {
background: linear-gradient(to bottom, #ff4d63, #e61e36); /* Slightly lighter red */
transform: translateY(-2px); /* Konchem paiki */
box-shadow: 0px 7px 0px #8b1c2b, 0px 15px 20px rgba(0,0,0,0.2); /* Shadow increases */
}
/* Active/Click Effect (Click chesinappudu - Real 3D Press) */
.sv-epaper-btn:active {
transform: translateY(5px); /* Button moves down */
box-shadow: 0px 0px 0px #8b1c2b, inset 0px 2px 5px rgba(0,0,0,0.2); /* Shadow disappears */
top: 0px;
}
/* Mobile Responsive */
@media (max-width: 600px) {
.sv-epaper-btn {
font-size: 13px;
padding: 8px 16px;
box-shadow: 0px 4px 0px #8b1c2b, 0px 5px 5px rgba(0,0,0,0.15);
}
.sv-epaper-btn:active {
transform: translateY(4px);
}
}
Tuesday, November 3, 2026
Tuesday, November 3, 2026
📄 ePaper
/* 3D Button Styling */
.sv-epaper-btn {
display: inline-flex;
align-items: center;
justify-content: center;
/* 3D Main Color */
background: linear-gradient(to bottom, #ea384d, #d31027);
color: #ffffff !important;
font-family: 'Ramabhadra', sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
padding: 8px 20px;
border-radius: 30px; /* Pill shape */
/* 3D EFFECT MAGIC HERE */
border: 1px solid #d31027;
border-bottom: none; /* Shadow handles the bottom border look */
box-shadow: 0px 5px 0px #8b1c2b, 0px 10px 10px rgba(0,0,0,0.15); /* Solid shadow for thickness */
transition: all 0.1s ease; /* Fast transition for "click" feel */
position: relative;
top: 0;
}
/* Icon Style */
.epaper-icon {
font-style: normal;
margin-right: 8px;
font-size: 16px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
/* Hover Effect (Mouse pettinappudu) */
.sv-epaper-btn:hover {
background: linear-gradient(to bottom, #ff4d63, #e61e36); /* Slightly lighter red */
transform: translateY(-2px); /* Konchem paiki */
box-shadow: 0px 7px 0px #8b1c2b, 0px 15px 20px rgba(0,0,0,0.2); /* Shadow increases */
}
/* Active/Click Effect (Click chesinappudu - Real 3D Press) */
.sv-epaper-btn:active {
transform: translateY(5px); /* Button moves down */
box-shadow: 0px 0px 0px #8b1c2b, inset 0px 2px 5px rgba(0,0,0,0.2); /* Shadow disappears */
top: 0px;
}
/* Mobile Responsive */
@media (max-width: 600px) {
.sv-epaper-btn {
font-size: 13px;
padding: 8px 16px;
box-shadow: 0px 4px 0px #8b1c2b, 0px 5px 5px rgba(0,0,0,0.15);
}
.sv-epaper-btn:active {
transform: translateY(4px);
}
}
