Information.png

Welcome to the Kingdom Hearts Database! 👑 Pardon the dust! We're rolling out new updates and improvements to the design of the Kingdom Hearts Database! Stay tuned for details this week! 👑 Our Spoiler policy is in effect! All articles related to Kingdom Hearts III must have the Unreleased template until checked and cleared by a member of the site staff! 👑 Be sure to join our Discord server and meet our growing community!

Difference between revisions of "Template:InfoUXQuest/style.css"

From Kingdom Hearts Database
Jump to: navigation, search
Line 61: Line 61:
 
.tile-footer.prev-quest .mainpage-arrow:before{
 
.tile-footer.prev-quest .mainpage-arrow:before{
 
content: '\F2DD';
 
content: '\F2DD';
 +
}
 +
 +
.questNav{
 +
display:flex;
 +
flex:1;
 +
flex-direction:row;
 +
}
 +
 +
.questNav .card{
 +
flex:1;
 +
padding:7px;
 
}
 
}

Revision as of 23:17, 10 January 2020

.panel-bar{
	background:#1A5793;
}

.infobox{
	color:#000000;
}

.infobox .title, .infobox .label{
	background:#2c5c53;
	color:#FFFFFF;
}

.infobox .content {
	background:#4da191;
	color:#FFFFFF;
}

.infobox .tabberlive{
	margin:0;
}

.infobox .standard, .infobox .proud{
	margin:0;
	float:none;
}
.infobox .standard .label {
    background: #07476D;
}

.infobox .proud .label {
    background: #560519;
}

.row .tile-footer {
    flex: 1;
    background: hsla(169, 35%, 63%, 1);
}

.row .tile-footer:hover {
    z-index: 5;
}

.row .tile-footer.prev-quest{
	text-align:left;
}

.tile-footer.prev-quest a {
    margin-left: .5em;
}

.tile-footer.prev-quest .mainpage-arrow {
    margin-right: .3em;
    margin-left:0;
}

.tile-footer.prev-quest:hover .mainpage-arrow, .tile-footer.prev-quest:hover .mainpage-arrow:before {
    transform: translateX(-25%);
}

.tile-footer.prev-quest .mainpage-arrow:before{
	content: '\F2DD';
}

.questNav{
	display:flex;
	flex:1;
	flex-direction:row;
}

.questNav .card{
	flex:1;
	padding:7px;
}