Template:Main page/styles2.css: Difference between revisions

From WikiAnimal
No edit summary
No edit summary
Line 1: Line 1:
.ca-talk { display:none!important; }
.ca-talk { display:none!important; }
.mp-box {
.mp-box {
border: 1px solid #aaa;
border: 1px solid #bbb; /* Light gray border */
padding: 0 0.5em 0.5em;
padding: 0 0.5em 0.5em;
margin-top: 4px;
margin-top: 4px;
background-color: #f5f5f5; /* Light gray background */
}
}


.mp-h2,
.mp-h2,
body.skin-timeless .mp-h2 {
body.skin-timeless .mp-h2 {
border: 1px solid #aaa;
border: 1px solid #bbb; /* Light gray border */
margin: 0.5em 0;
margin: 0.5em 0;
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
Line 14: Line 15:
font-weight: bold;
font-weight: bold;
font-family: inherit;
font-family: inherit;
background-color: #e0e0e0; /* Light gray background */
}
}


#mp-topbanner {
#mp-topbanner {
background: #f9f9f9;
background: #f0f0f0; /* Lighter gray background */
border-color: #ddd;
border-color: #ccc; /* Lighter gray border */
}
}


Line 45: Line 47:


#mp-left {
#mp-left {
background: #f5fffa;
background: #d8e9d8; /* Light green background */
border-color: #cef2e0;
border-color: #b5d8b5; /* Light green border */
}
}


#mp-left .mp-h2 {
#mp-left .mp-h2 {
background: #cef2e0;
background: #b5d8b5; /* Light green background */
border-color: #a3bfb1;
border-color: #94c594; /* Light green border */
}
}


#mp-right {
#mp-right {
background: #f5faff;
background: #cbe2ff; /* Light blue background */
border-color: #cedff2;
border-color: #99bbff; /* Light blue border */
}
}


#mp-right .mp-h2 {
#mp-right .mp-h2 {
background: #cedff2;
background: #99bbff; /* Light blue background */
border-color: #a3b0bf;
border-color: #6699ff; /* Light blue border */
}
}


#mp-middle {
#mp-middle {
background: #fff5fa;
background: #ffe6e6; /* Light pink background */
border-color: #f2cedd;
border-color: #ffb3b3; /* Light pink border */
}
}


#mp-middle .mp-h2 {
#mp-middle .mp-h2 {
background: #f2cedd;
background: #ffb3b3; /* Light pink background */
border-color: #bfa3af;
border-color: #ff8080; /* Light pink border */
}
}


#mp-lower {
#mp-lower {
background: #faf5ff;
background: #f9f1ff; /* Light purple background */
border-color: #ddcef2;
border-color: #e0bfff; /* Light purple border */
}
}


#mp-lower .mp-h2 {
#mp-lower .mp-h2 {
background: #ddcef2;
background: #e0bfff; /* Light purple background */
border-color: #afa3bf;
border-color: #cc99ff; /* Light purple border */
}
}


#mp-bottom .mp-h2 {
#mp-bottom .mp-h2 {
background: #eee;
background: #ffcccc; /* Light coral background */
border-color: #ddd;
border-color: #ff9999; /* Light coral border */
}
}

Revision as of 20:38, 4 April 2024

.ca-talk { display:none!important; }
.mp-box {
	border: 1px solid #bbb; /* Light gray border */
	padding: 0 0.5em 0.5em;
	margin-top: 4px;
	background-color: #f5f5f5; /* Light gray background */
}

.mp-h2,
body.skin-timeless .mp-h2 {
	border: 1px solid #bbb; /* Light gray border */
	margin: 0.5em 0;
	padding: 0.2em 0.4em;
	font-size: 120%;
	font-weight: bold;
	font-family: inherit;
	background-color: #e0e0e0; /* Light gray background */
}

#mp-topbanner {
	background: #f0f0f0; /* Lighter gray background */
	border-color: #ccc; /* Lighter gray border */
}

#mp-welcomecount {
	text-align: center;
	margin: 0.4em;
}

#mp-welcome {
	font-size: 162%;
	padding: 0.1em;
}

#mp-welcome h1 {
	font-size: inherit;
	font-family: inherit;
	display: inline;
	border: none;
}

.mp-contains-float::after {
  content: "";
  display: block;
  clear: both;
}

#mp-left {
	background: #d8e9d8; /* Light green background */
	border-color: #b5d8b5; /* Light green border */
}

#mp-left .mp-h2 {
	background: #b5d8b5; /* Light green background */
	border-color: #94c594; /* Light green border */
}

#mp-right {
	 background: #cbe2ff; /* Light blue background */
	 border-color: #99bbff; /* Light blue border */
}

#mp-right .mp-h2 {
	background: #99bbff; /* Light blue background */
	border-color: #6699ff; /* Light blue border */
}

#mp-middle {
	background: #ffe6e6; /* Light pink background */
	border-color: #ffb3b3; /* Light pink border */
}

#mp-middle .mp-h2 {
	background: #ffb3b3; /* Light pink background */
	border-color: #ff8080; /* Light pink border */
}

#mp-lower {
	background: #f9f1ff; /* Light purple background */
	border-color: #e0bfff; /* Light purple border */
}

#mp-lower .mp-h2 {
	background: #e0bfff; /* Light purple background */
	border-color: #cc99ff; /* Light purple border */
}

#mp-bottom .mp-h2 {
	background: #ffcccc; /* Light coral background */
	border-color: #ff9999; /* Light coral border */
}