User:Soyoyuki/styles.css

.userpage-background {
	background: url("https://soyjakwiki.org/images/1/13/Code_geass_c2_background.jpg") center / cover;
	background-blend-mode: screen;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 4px;
	z-index: -1;
}

.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: lightgray;
}

.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: "/";
}