MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */
/* Hide Tools menu */
#p-tb {
    display: none !important;
}
.mw-first-heading::after,
.firstHeading::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    vertical-align: middle;
    background-image: url("/images/icons8-verified-badge-48.png");
    background-repeat: no-repeat;
    background-size: contain;
}
/* ===== EntrepreneurWiki theme — paste into MediaWiki:Common.css ===== */

/* Hero block on the Main Page */
.ew-hero{
	text-align:center;
	padding:48px 24px 36px;
	background:#14213D;
	color:#F6F3EC;
	border-bottom:4px solid #B7862C;
	margin-bottom:24px;
}
.ew-hero h1,
.ew-hero .mw-headline{
	color:#F6F3EC;
	font-size:2rem;
	border-bottom:none;
}
.ew-hero p{
	color:#F6F3ECcc;
	max-width:640px;
	margin:0 auto 20px;
}

/* <inputbox> search field inside the hero */
.ew-hero .mw-inputbox-centered,
.ew-hero form{
	margin:0 auto 22px;
}
.ew-hero input[type="text"],
.ew-hero input[type="search"]{
	border-radius:999px 0 0 999px;
	border:1px solid #B7862C;
	padding:10px 16px;
}
.ew-hero input[type="submit"]{
	border-radius:0 999px 999px 0;
	background:#B7862C;
	color:#14213D;
	border:1px solid #B7862C;
	font-weight:bold;
	padding:10px 20px;
	cursor:pointer;
}

/* WhatsApp inline button (on-page, in the hero) */
.ew-whatsapp-btn a{
	display:inline-block;
	background:#25D366;
	color:#fff !important;
	padding:12px 26px;
	border-radius:999px;
	text-decoration:none !important;
	font-weight:600;
}
.ew-whatsapp-btn a:hover{
	background:#1ebe5b;
}

/* Category grid table */
.ew-category-grid .ew-cat-table{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
}
.ew-category-grid .ew-cat-table td{
	border:1px solid #DAD3C1;
	background:#fff;
	text-align:center;
	padding:22px 14px;
	width:25%;
}
.ew-category-grid .ew-cat-table td a{
	text-decoration:none;
	color:#14213D;
	font-size:1.05rem;
}
.ew-category-grid .ew-cat-table td:hover{
	background:#EFEADC;
}

/* Two-column info tables ("What is..." / "Who is it for" / "What you get") */
.ew-info-grid .ew-info-table{
	width:100%;
	border-collapse:collapse;
	margin:0 auto 20px;
}
.ew-info-grid .ew-info-table td{
	border:1px solid #DAD3C1;
	background:#fff;
	padding:20px 22px;
	width:50%;
	vertical-align:top;
}
.ew-info-grid .ew-info-table ul{
	margin:8px 0 0;
	padding-left:18px;
}

/* Recently Published Profiles list */
.ew-recent-list{
	columns:3;
	column-gap:24px;
	background:#fff;
	border:1px solid #DAD3C1;
	padding:22px 26px;
}
.ew-recent-list ul{
	margin:0;
	padding-left:18px;
}
.ew-recent-list li{
	break-inside:avoid;
	margin-bottom:6px;
}
@media (max-width:800px){
	.ew-recent-list{ columns:1; }
}

/* Closing CTA band */
.ew-cta{
	text-align:center;
	background:#EFEADC;
	border:1px solid #DAD3C1;
	padding:40px 24px;
	margin:24px 0;
}
.ew-cta p{
	color:#5B5648;
	margin:8px 0 20px;
}

/* Awards list */
.ew-awards{
	background:#14213D;
	color:#F6F3EC;
	padding:28px 24px;
	border-radius:4px;
}
.ew-awards a{
	color:#D9AE5E !important;
}

/* ===== Sitewide floating WhatsApp button (injected by Common.js) ===== */
#ew-wa-float{
	position:fixed;
	bottom:22px;
	right:22px;
	z-index:1000;
	background:#25D366;
	color:#fff;
	width:58px;
	height:58px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	font-size:26px;
	box-shadow:0 8px 20px rgba(37,211,102,0.4);
}
#ew-wa-float:hover{
	background:#1ebe5b;
	color:#fff;
}

/* ===== Hide Log in link, Main Page/Discussion tabs, and Read/View source/View history tabs ===== */
/* Covers Vector, Vector 2022, and MonoBook skin structures */

/* "Log in" link (top-right personal tools) */
#pt-login,
#pt-login-2,
li#pt-login,
li#pt-login-2{
	display:none !important;
}

/* "Main Page" / "Discussion" namespace tabs */
#ca-nstab-main,
#ca-talk,
li#ca-nstab-main,
li#ca-talk{
	display:none !important;
}

/* "Read" / "View source" / "View history" tabs */
#ca-view,
#ca-viewsource,
#ca-edit,
#ca-history,
li#ca-view,
li#ca-viewsource,
li#ca-edit,
li#ca-history{
	display:none !important;
}