Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

Module:GameInfo/styles.css: Difference between revisions

From SpiritVale Wiki
More actions
← Older editNewer edit →
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 131: Line 131:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 4) Meta row */
/* 4) Meta and requirements block */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


.sv-skill-meta{
.sv-skill-meta-block{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:6px;
   margin:8px 0 10px;
   margin:8px 0 10px;
}
   padding:10px 12px;
 
.sv-gi-card .sv-meta-card,
.sv-skill-card .sv-meta-card{
   position:relative;


   display:flex;
   display:flex;
   align-items:center;
   flex-direction:column;
  justify-content:center;
   gap:8px;
   gap:6px;


  min-height:34px;
   border-radius:16px;
  padding:0;
   background:var(--sv-ui-bg0);
 
   border-radius:999px;
  border:1px solid var(--sv-ui-line2);
   background:var(--sv-ui-bg2);
   background-image:none;
   background-image:none;
   color:var(--sv-ui-text1);
   box-shadow:none;
}
}


.sv-gi-card .sv-meta-card:hover,
.sv-skill-meta-block .sv-skill-meta{
.sv-skill-card .sv-meta-card:hover{ background:var(--sv-ui-bg3); }
   margin:0;
 
.sv-gi-card .sv-meta-icon,
.sv-skill-card .sv-meta-icon{
   flex:0 0 auto;
  width:20px;
  height:20px;
 
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
 
  border-radius:999px;
 
  /* Small inner bubble contrast. */
  background:var(--sv-ui-bg1);
  background-image:none;
}
}


.sv-gi-card .sv-meta-textwrap,
.sv-gi-card .sv-skill-meta-block .sv-reqrow,
.sv-skill-card .sv-meta-textwrap{
.sv-skill-card .sv-skill-meta-block .sv-reqrow{
  min-width:0;
   margin:0;
  flex:0 1 auto;
}
 
.sv-gi-card .sv-meta-text,
.sv-skill-card .sv-meta-text{
  min-width:0;
  word-wrap:break-word;
  text-align:center;
 
  font-weight:900;
  font-size:12px;
  line-height:1.02;
  letter-spacing:0.08px;
  color:var(--sv-ui-text1);
}
 
.sv-gi-card .sv-meta-lines span,
.sv-skill-card .sv-meta-lines span{ display:block; }
 
.sv-gi-card .sv-meta-text .sv-def,
.sv-skill-card .sv-meta-text .sv-def{ cursor:default; }
 
.sv-gi-card .sv-meta-text .sv-def-text,
.sv-skill-card .sv-meta-text .sv-def-text{
  color:inherit;
  border-bottom:none;
}
 
.sv-gi-card .sv-meta-text .sv-meta-lines span + span,
.sv-skill-card .sv-meta-text .sv-meta-lines span + span{
  margin-top:1px;
 
  font-size:10px;
  font-weight:800;
  letter-spacing:0.12px;
  color:var(--sv-ui-text3);
}
 
.sv-gi-card .sv-meta-hit,
.sv-skill-card .sv-meta-hit{
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  z-index:5;
  opacity:0;
}
 
.sv-gi-card .sv-meta-hit .sv-def,
.sv-skill-card .sv-meta-hit .sv-def{
  display:block;
  width:100%;
  height:100%;
}
 
/* -------------------------------------------------------------------------- */
/* 5) Requirements and users row */
/* -------------------------------------------------------------------------- */
 
.sv-gi-card .sv-reqrow,
.sv-skill-card .sv-reqrow{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
   margin:6px 0 10px;
}
 
.sv-gi-card .sv-disclose,
.sv-skill-card .sv-disclose{
  flex:0 1 190px;
  max-width:205px;
}
 
.sv-gi-card .sv-reqrow .sv-disclose-btn,
.sv-skill-card .sv-reqrow .sv-disclose-btn{
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
}
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 6) Level selector wrapper */
/* 5) Level selector wrapper */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


Line 286: Line 180:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 7) Skill scaling */
/* 6) Skill scaling */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


Line 644: Line 538:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 8) Tab panels and content */
/* 7) Tab panels and content */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


Line 835: Line 729:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 9) Effect cards */
/* 8) Effect cards */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


Line 914: Line 808:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 10) Responsive */
/* 9 Responsive */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


Retrieved from "https://spiritvale.info/wiki/Module:GameInfo/styles.css"