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

From WikiAnimal
No edit summary
No edit summary
Line 1: Line 1:
/* Hide talk page messages */
.ca-talk { display:none!important; }
.ca-talk { display:none!important; }
/* Container for each section */
.mp-box {
.mp-box {
border: 1px solid #bbb; /* Light gray border */
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 */
}
}


/* Heading style */
.mp-h2,
.mp-h2,
body.skin-timeless .mp-h2 {
body.skin-timeless .mp-h2 {
Line 18: Line 21:
}
}


#mp-topbanner {
/* Clear fix */
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 {
.mp-contains-float::after {
   content: "";
   content: "";
Line 46: Line 28:
}
}


/* Left column */
#mp-left {
#mp-left {
background: #d8e9d8; /* Light green background */
float: left;
border-color: #b5d8b5; /* Light green border */
width: 48%; /* Adjust as needed */
padding-right: 1%; /* Adjust as needed */
background-color: #d8e9d8; /* Light green background */
border-right: 2px solid #94c594; /* Light green border */
}
 
/* Right column */
#mp-right {
float: right;
width: 48%; /* Adjust as needed */
padding-left: 1%; /* Adjust as needed */
background-color: #cbe2ff; /* Light blue background */
border-left: 2px solid #6699ff; /* Light blue border */
}
}


/* Style for headings in left column */
#mp-left .mp-h2 {
#mp-left .mp-h2 {
background: #b5d8b5; /* Light green background */
background: #b5d8b5; /* Light green background */
Line 56: Line 52:
}
}


#mp-right {
/* Style for headings in right column */
background: #cbe2ff; /* Light blue background */
border-color: #99bbff; /* Light blue border */
}
 
#mp-right .mp-h2 {
#mp-right .mp-h2 {
background: #99bbff; /* Light blue background */
background: #99bbff; /* Light blue background */
border-color: #6699ff; /* Light blue border */
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 */
}
}

Revision as of 20:40, 4 April 2024

/* Hide talk page messages */
.ca-talk { display:none!important; }

/* Container for each section */
.mp-box {
	border: 1px solid #bbb; /* Light gray border */
	padding: 0 0.5em 0.5em;
	margin-top: 4px;
}

/* Heading style */
.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 */
}

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

/* Left column */
#mp-left {
	float: left;
	width: 48%; /* Adjust as needed */
	padding-right: 1%; /* Adjust as needed */
	background-color: #d8e9d8; /* Light green background */
	border-right: 2px solid #94c594; /* Light green border */
}

/* Right column */
#mp-right {
	float: right;
	width: 48%; /* Adjust as needed */
	padding-left: 1%; /* Adjust as needed */
	background-color: #cbe2ff; /* Light blue background */
	border-left: 2px solid #6699ff; /* Light blue border */
}

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

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