Porcopedia
No edit summary
No edit summary
Line 121: Line 121:
 
padding: 2px;
 
padding: 2px;
 
border-radius: 4px;
 
border-radius: 4px;
  +
margin-bottom: 1rem;
 
}
 
}
   

Revision as of 02:47, 31 July 2021

.fpmain {
	display: flex;
	flex-direction: column;
}

.fpmain .mainheading {
	font-size: 32px;
}

.fpmain .fpbox {
	clear: both;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
	padding: 1rem;
}

.fpsection1, .fpmidsections {
	border-bottom: 1px solid var(--theme-page-background-color--secondary);
}

.fpmidsections {
	display: flex;
}

.fpsection2, .fpsection3 {
	flex-basis: 50%;
}

.infobox {
	width: 350px;
}

.infobox .infoboxname {
	padding: 12px;
	font-size: 120%;
}

.infobox td p {
	margin: 8px 0;
}

.infobox td {
	padding: 4px;
}

.infobox .subheading {
	font-weight: bold;
	text-align: center;
}

.theme-fandomdesktop-dark .infobox-resource .infoboxname, .theme-fandomdesktop-dark .infobox-resource .infoboxdetails {
	background-color: #4D2E1D;
}

.theme-fandomdesktop-dark .infobox-resource .subheading {
	background-color: #593522;	
}

.theme-fandomdesktop-dark .infobox-knowledge .subheading {
	background-color: #2A323D;
}

.theme-fandomdesktop-light .infobox-knowledge .infoboxname, .theme-fandomdesktop-light .infobox-knowledge .infoboxdetails {
	background-color: #4D2E1D;
	color: #FFF;
}

.theme-fandomdesktop-light .infobox-knowledge .subheading {
	background-color: #DDD;
}

.infobox .enables-list .enables-option {
	padding: 8px 4px;
	border-bottom: 1px solid var(--theme-border-color);
}

.infobox .enables-list .enables-option:last-child {
	border-bottom: none;
}

.infobox .enables-list .enables-option .enables-condition {
	font-size: 80%;
	margin-top: -8px;
	text-align: right;
}

.navbox {
	clear: both;
	width: 100%;
}

.navbox .navbox-title {
	background-color: var(--theme-page-background-color--secondary);
	border-radius: 2px;
}

.navbox > tbody > tr > td {
	border: 1px solid var(--theme-page-background-color--secondary);
	border-radius: 4px;
	padding: 2px;
}

.navbox .navbox-title {
	background-color: var(--theme-page-background-color--secondary);
	padding: 4px 12px;
}

.navbox .navbox-list {
	padding: 4px 12px !important;	
}

.navbox .navbox-group {
	padding-left: 12px;
}

/* BEGIN: Mission Nav Styling */

.mission-chain-nav {
	border: 1px solid #593312;
	padding: 2px;
	border-radius: 4px;
	margin-bottom: 1rem;
}

.mission-chain-nav .mission-chain-title {
	background: #653c26;
	text-align: center;
	padding: 4px 0;
	border-radius: 2px;
}

.mission-chain-nav .mission-chain-title .mission-icon {
	float: left;
}

.mission-chain-nav .mission-chain-links {
	display: flex;
	padding: 8px;
}

.mission-chain-nav .mission-chain-links .mission-next, .mission-chain-nav .mission-chain-links .mission-previous, .mission-chain-nav .mission-chain-links .mission-current {
    flex-grow: 1;
    flex-basis: 0;
}

.mission-chain-nav .mission-chain-links .mission-next {
	text-align: right;
}

.mission-chain-nav .mission-chain-links .mission-previous {
	text-align: left;
}

.mission-chain-nav .mission-chain-links .mission-current {
	text-align: center;
}

/* END: Mission Nav Styling */