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
 
(One intermediate revision by the same user not shown)
Line 31: Line 31:
 
.infobox .proud .label {
 
.infobox .proud .label {
 
     background: #560519;
 
     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';
 
 
}
 
}
  
Line 71: Line 41:
 
.questNav .card{
 
.questNav .card{
 
flex:1;
 
flex:1;
 +
}
 +
 +
.questNav .card a{
 +
display:block;
 
padding:7px;
 
padding:7px;
 +
color:#181818;
 +
}
 +
 +
.questNav .card a:hover{
 +
text-decoration:none;
 
}
 
}

Latest revision as of 23:21, 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;
}

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

.questNav .card{
	flex:1;
}

.questNav .card a{
	display:block;
	padding:7px;
	color:#181818;
}

.questNav .card a:hover{
	text-decoration:none;
}