User:Dooble67/styles.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.userpage-background {
	background: url("https://soyjakwiki.org/images/b/b9/Spongehill.png") center / cover, linear-gradient(white 0.5rem, black 7rem);
	background-blend-mode: screen;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 4px;
	z-index: -1;
	filter: saturate(1.3) blur(1px);
}

.mp {
	padding: 0.5rem 0 0 1rem;
	color: white;
	text-shadow: 1px 1px rgba(0,0,0,0.8);
}

.mp h1, 
.mp h2, 
.mp h3, 
.mp h4, 
.mp h5 {
	color: inherit;
} 

.mp a {
	color: gold;
}

.mp .userboxes {
	text-shadow: none;
}

.mp .userboxes a {
	color: #002bb8;
}

.mp ul {
	list-style: square;
}

.ibwrapper {
    float: right;
    margin: 0 0 1rem 1rem;
    box-shadow: 2px 2px rgba(0,0,0,0.65);
}

.mp .portable-infobox {
	margin: unset;
}

.mp .portable-infobox.pi-background {
	background-color: transparent;
}

dd {
	margin-bottom: 0.2rem;
	margin-left: 1rem;
	margin-inline-start: 1rem;
	border-left: 1px solid #aaa;
	padding-left: 0.5rem;
	border-radius: 0.2rem;
}

@media (max-width: 720px) {
	.ibwrapper {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
  
	.mp {
  		padding: 0;
	}
}

.boxgrid {
	display: grid; 
	gap: 0.5rem; 
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.box {
	padding: 0.25rem 0.5rem;
	border-width: 1px;
	border-style: solid;
}

.bluebox {
	background-color: #EEF2FF; 
	border-color: #D6DAF0; 
}

.yellowbox {
	background-color: #fef6e7; 
	border-color: #eed6d2;
}

.greybox {
	background-color: #eee; 
	border-color: #aaa;
}

.CategoryTreeSection {
	display: inline-block;
}

.CategoryTreeItem::after {
	content: " • ";
}

.CategoryTreePageBullet {
	width: unset;
	display: none;
}

.CategoryTreeItem a {
	text-transform: lowercase;
}
.CategoryTreeItem a::before {
	content: "/";
}