jj
/* India Theme for Indeed Ultimate Affiliate Pro – Customizer CSS */
:root {
–saffron: #FF9933;
–white: #FFFFFF;
–green: #138808;
–navy: #000080;
–light-blue: #E3F2FD;
–dark-blue: #0A2472;
}
/* Main Dashboard Styling */
body .ump-dashboard-main,
body .uap-dashboard,
body .uap-dashboard-wrap,
body .ump-affiliate-dashboard {
background: linear-gradient(135deg, var(–light-blue) 0%, #f5f7fa 100%) !important;
min-height: 100vh;
padding: 20px !important;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif !important;
}
/* Header Section */
body .ump-dashboard-header,
body .uap-dashboard-header,
body .ump-dashboard-page-title {
background: linear-gradient(to right, var(–saffron) 33%, var(–white) 33%, var(–white) 67%, var(–green) 67%) !important;
color: var(–navy) !important;
padding: 20px !important;
border-radius: 10px !important;
margin-bottom: 20px !important;
}
body .ump-dashboard-header h1,
body .uap-dashboard-header h1 {
color: var(–navy) !important;
font-weight: 700 !important;
text-align: center !important;
}
/* Stats Boxes */
body .ump-dashboard-stat-box,
body .uap-dashboard-box,
body .ump-dashboard-card {
background: white !important;
border-radius: 12px !important;
padding: 20px !important;
margin: 10px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
border: none !important;
border-top: 4px solid var(–saffron) !important;
transition: all 0.3s ease !important;
}
body .ump-dashboard-stat-box:hover,
body .uap-dashboard-box:hover {
transform: translateY(-5px) !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
/* Earnings Numbers */
body .ump-dashboard-earnings,
body .uap-dashboard-amount,
body .ump-stat-value {
font-size: 24px !important;
font-weight: 700 !important;
color: var(–navy) !important;
display: block !important;
margin: 10px 0 !important;
}
/* Labels */
body .ump-dashboard-label,
body .uap-dashboard-label {
font-size: 14px !important;
color: #666 !important;
font-weight: 600 !important;
}
/* Buttons */
body .ump-dashboard-button,
body .uap-dashboard-btn,
body input[type=”submit”][class*=”ump”],
body input[type=”submit”][class*=”uap”] {
background: linear-gradient(135deg, var(–saffron) 0%, var(–green) 100%) !important;
color: white !important;
padding: 12px 25px !important;
border-radius: 50px !important;
border: none !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
display: inline-block !important;
}
body .ump-dashboard-button:hover,
body .uap-dashboard-btn:hover {
background: linear-gradient(135deg, var(–green) 0%, var(–saffron) 100%) !important;
transform: translateY(-3px) !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}
/* Tables */
body .ump-dashboard-table,
body .uap-dashboard-table {
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
body .ump-dashboard-table th,
body .uap-dashboard-table th {
background: var(–saffron) !important;
color: white !important;
font-weight: 600 !important;
border: none !important;
}
/* India Flag Decoration */
body .ump-dashboard-main::before,
body .uap-dashboard-wrap::before {
content: “” !important;
display: block !important;
height: 5px !important;
background: linear-gradient(to right, var(–saffron) 33%, var(–white) 33%, var(–white) 67%, var(–green) 67%) !important;
border-radius: 5px 5px 0 0 !important;
margin-bottom: 15px !important;
}
/* Animation for Numbers */
@keyframes countUp {
from { transform: translateY(20px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
body .counting {
animation: countUp 1.5s ease-out !important;
}