/* 🌐 Profilerbook Facebook-style layout customization */ /* General Body */ body { background: #f0f2f5 !important; font-family: 'Poppins', sans-serif !important; color: #1c1e21; } /* Sidebar Links */ aside ul li a { display: block; padding: 10px 12px; border-radius: 8px; color: #444; font-weight: 500; transition: all 0.25s ease; } aside ul li a:hover { background: #1877f2; color: #fff; padding-left: 16px; } /* Main Feed Box */ main { transition: all 0.3s ease; } main textarea { border: 1px solid #ccc; transition: 0.2s; } main textarea:focus { border-color: #1877f2; box-shadow: 0 0 0 3px rgba(24,119,242,0.2); } main button { transition: 0.25s; } main button:hover { background: #145dc2; } /* Card & Feed look */ main > div, aside { transition: box-shadow 0.3s ease; } main > div:hover, aside:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); } /* BuddyPress feed area */ #buddypress .activity { border: none !important; background: #fff !important; border-radius: 12px; padding: 10px !important; } #buddypress .activity .activity-item { border-bottom: 1px solid #eee !important; margin-bottom: 10px !important; padding-bottom: 10px !important; } #buddypress .activity-header a { color: #1877f2 !important; font-weight: 600; } /* Buttons */ button, input[type=submit] { background: #1877f2 !important; border: none !important; color: #fff !important; font-weight: 600; border-radius: 6px !important; cursor: pointer; } button:hover, input[type=submit]:hover { background: #145dc2 !important; } /* Responsive Design */ @media (max-width: 991px) { section > div { flex-direction: column !important; align-items: stretch !important; } aside, main { width: 100% !important; } aside { margin-bottom: 20px; } } /* Scrollbar Design */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background-color: rgba(24,119,242,0.5); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background-color: #1877f2; } /* Links hover */ a { text-decoration: none; } a:hover { color: #1877f2; } /* Group & Member Cards */ #buddypress .item-list li { background: #fafafa !important; border-radius: 10px; margin-bottom: 10px !important; padding: 10px !important; } #buddypress .item-list li:hover { background: #e9f1ff !important; }

Profilerbook

Connect • Share • Grow

Get Started Login

📢 Profilerbook Feed

✍️ What's on your mind?

[bp_activity]