MediaWiki:Mainpage.css - Revision history

Wuffesan at 15:59, 10 June 2025

2025-06-10T15:59:55Z

← Older revision		Revision as of 08:59, 10 June 2025
Line 7:		Line 7:
	margin-bottom: 12px;		margin-bottom: 12px;
	border: 3px solid #8888;		border: 3px solid #8888;
	border-radius: ~~16px 0 16px 16px~~;		border-radius: 2px;
	width: 100%;		width: 100%;
	box-sizing: border-box;		box-sizing: border-box;
Line 31:		Line 31:
	/margin: 6px 4px;/		/margin: 6px 4px;/
	border: none;		border: none;
	border-radius: ~~12px~~;		border-radius: 2px;
	text-align: center;		text-align: center;
	padding: 1px;		padding: 1px;
Line 62:		Line 62:
	border: 1px solid #3c4f6a;		border: 1px solid #3c4f6a;
	background: #4e57741a;		background: #4e57741a;
	border-radius: ~~1px~~;		border-radius: 2px;
	text-align: left;		text-align: left;
	width: 100%;		width: 100%;

Wuffesan at 15:55, 10 June 2025

2025-06-10T15:55:28Z

@@ Line 128: / Line 128: @@
 #ActivityFeed .mw-changeslist-line-inner-comment, #ActivityFeed .activity-tabs, #ActivityFeed .activity-summary {
      display: none;
+}

Wuffesan at 15:52, 10 June 2025

2025-06-10T15:52:47Z

@@ Line 119: / Line 119: @@
      background: black;
      height: 1px;
+}

Wuffesan at 15:50, 10 June 2025

2025-06-10T15:50:48Z

← Older revision		Revision as of 08:50, 10 June 2025
Line 57:		Line 57:
	font-weight: bold;		font-weight: bold;
	font-size: 18px;		font-size: 18px;
	}
	~~.mainpage-right-section-bborder {~~
	~~background: #d8fa00;~~
	~~height: 6px;~~
	~~border-top: 0;~~
	~~border-bottom: 1px solid hsl(215deg 28% 33% / 50%);~~
	~~margin-bottom: -2px;~~
	~~position: relative;~~
	~~min-width: 300px;~~
	}		}
	.mainpage-right-section-table {		.mainpage-right-section-table {

Wuffesan at 15:49, 10 June 2025

2025-06-10T15:49:44Z

@@ Line 51: / Line 51: @@
      top: 0;
      bottom: 0;
-     left: 23px;
+     left: 0;
      color: #fff;
      padding-left: 17px;
@@ Line 57: / Line 57: @@
      font-weight: bold;
      font-size: 18px;
+}
 .mainpage-right-section-bborder {

Wuffesan: Created page with "/* All Mainpage Styles / / Left column */ .mainpage-left-section-container { text-align: center; padding-top: 0px; margin-bottom: 12px; border: 3px solid #8888; border-radius: 16px 0 16px 16px; width: 100%; box-sizing: border-box; border-collapse: collapse; } .theme-fandomdesktop-light .mainpage-left-section-container { background: rgba(255, 255, 255, 0.4); } .theme-fandomdesktop-dark .mainpage-left-section-container { background: r..."

2025-06-10T15:46:41Z

Created page with "All Mainpage Styles: Left column: .mainpage-left-section-container { text-align: center; padding-top: 0px; margin-bottom: 12px; border: 3px solid #8888; border-radius: 16px 0 16px 16px; width: 100%; box-sizing: border-box; border-collapse: collapse; } .theme-fandomdesktop-light .mainpage-left-section-container { background: rgba(255, 255, 255, 0.4); } .theme-fandomdesktop-dark .mainpage-left-section-container { background: r..."

New page

/* All Mainpage Styles */

/* Left column */
.mainpage-left-section-container {
text-align: center;
padding-top: 0px;
margin-bottom: 12px;
border: 3px solid #8888;
border-radius: 16px 0 16px 16px;
width: 100%;
box-sizing: border-box;
border-collapse: collapse;
}
.theme-fandomdesktop-light .mainpage-left-section-container {
background: rgba(255, 255, 255, 0.4);
}
.theme-fandomdesktop-dark .mainpage-left-section-container {
background: rgba(0, 0, 0, 0.35);
}
.mainpage-left-section-container .readmore {
text-align: right;
}
.mainpage-left-section-container table {
width: 100%;
padding: 2px 4px 0 4px;
}
.mainpage-left-header {
font-size: 24px;
font-weight: bold;
overflow: auto;
/*margin: 6px 4px;*/
border: none;
border-radius: 12px;
text-align: center;
padding: 1px;
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
}

/* Right Column */
.mainpage-right-section-container {
min-width: 300px;
position: relative;
height: 33.55px;
overflow: hidden;
}
.mainpage-right-header {
background: #4c4c4c;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 23px;
color: #fff;
padding-left: 17px;
line-height: 33.55px;
font-weight: bold;
font-size: 18px;
}
.mainpage-right-section-box1 {
border-bottom: 23px solid #4c4c4c;
border-left: 20px solid transparent;
width: 0;
height: 0;
left: 3.5px;
position: absolute;
top: 0;
}
.mainpage-right-section-box2 {
position: absolute;
width: 20px;
height: 20px;
background: #4c4c4c;
border-radius: 50%;
bottom: -7px;
left: 0px;
}
.mainpage-right-section-box3 {
position: absolute;
bottom: 0;
left: 0;
width: 23px;
height: 4px;
background: #4c4c4c;
}
.mainpage-right-section-box4 {
position:absolute;
bottom: 2px;
left: 15px;
width: 10px;
height: 10px;
background:#4c4c4c
}
.mainpage-right-section-bborder {
background: #d8fa00;
height: 6px;
border-top: 0;
border-bottom: 1px solid hsl(215deg 28% 33% / 50%);
margin-bottom: -2px;
position: relative;
min-width: 300px;
}
.mainpage-right-section-table {
margin-bottom: 12px;
border: 1px solid #3c4f6a;
background: #4e57741a;
border-radius: 1px;
text-align: left;
width: 100%;
box-sizing: border-box;
border-collapse: collapse;
}
.mainpage-right-header-content {
margin: -1px;
padding: 5px;
}

/* Hide extra table borders present on mobile */
.mainpage-left-section-container .article-table-wrapper,
.mainpage-right-section-container .article-table-wrapper,
.mainpage-left-section-container .article-table-wrapper tr:not(:last-of-type),
.mainpage-left-section-container .article-table-wrapper tr > th {
border: none;
}

/* For Server Timers Gadget(s) */
body.show-active-as .hide-active,
body.show-active-eu .hide-active,
body.show-active-na .hide-active,
body:not(.show-active-as) .active-as,
body:not(.show-active-eu) .active-eu,
body:not(.show-active-na) .active-na {
display: none;
}
body.show-active-as div.active-as,
body.show-active-eu div.active-eu,
body.show-active-na div.active-na,
body.show-active-as span.active-as,
body.show-active-eu span.active-eu,
body.show-active-na span.active-na,
body:not(.show-active-as, .show-active-eu, .show-active-na) div.default-active {
display: inline-block !important;
}
body.show-active-as.show-active-eu br.active-as.active-eu,
body:not(.show-active-eu).show-active-as br:not(.active-eu).active-as {
display: inline !important;
}

/* hr in events section - provide separation between (time-limited) in-game/web/permanant events */
.theme-fandomdesktop-dark hr.eventshr {
background: white;
}
.theme-fandomdesktop-light hr.eventshr {
background: black;
}
/* FandomMobile sets hr's to 0 height */
.theme-fandommobile-dark hr.eventshr {
background: white;
height: 1px;
}
.theme-fandommobile-light hr.eventshr {
background: black;
height: 1px;
}