Difference between revisions of "MediaWiki:Common.css"

From Final Fantasy Hacktics Wiki
Jump to navigation Jump to search
Line 43: Line 43:
 
   outline-width: 2px;
 
   outline-width: 2px;
 
   outline-offset: -2px;
 
   outline-offset: -2px;
   outline-color: blue;
+
   outline-color: #8E8A65;
 
   outline-style: dotted;
 
   outline-style: dotted;
 +
  transition: background-color 1000ms linear;
 
}
 
}
 
.map-cell.map-cell-number {
 
.map-cell.map-cell-number {
   background-color: red;
+
   background-color: #D1D6B3;
 
}
 
}
 
.map-cell-number {
 
.map-cell-number {
Line 56: Line 57:
 
}
 
}
 
.map-table > .map-row:nth-child(n+2):nth-last-child(n+2) .map-cell:nth-child(n+2):nth-last-child(n+2):hover {
 
.map-table > .map-row:nth-child(n+2):nth-last-child(n+2) .map-cell:nth-child(n+2):nth-last-child(n+2):hover {
    background-color: rgba(128,128,255,0.5);
+
  background-color: rgba(128,128,255,0.667);
 
}
 
}

Revision as of 13:07, 16 July 2021

/* CSS placed here will be applied to all skins */
.fftfont
{
	display: block;
	width: 20px;
	height: 28px;
	background-image: url('/font.png');
	background-repeat: no-repeat;
}

.noautonum .tocnumber { display: none; }

h1 { margin-top: 0.50em; }
h2 { margin-top: 0.45em; }
h3 { margin-top: 0.40em; }
h4 { margin-top: 0.35em; }
h5 { margin-top: 0.30em; }
h6 { margin-top: 0.25em; }

.map-table {
  margin:0 auto;
}
.map-screenshot-bev {
  position: absolute;
  z-index: -1;
  padding: 56px;
}
.map-screenshot-bev > img {
  transform: scale(200%) translate(25%, 25%); 
}
.map-row {
  height: 56px;
}
.map-cell {
  display: inline-block;
  float: left;
  font-size: 18px;
  font-family: Verdana;
  width: 56px;
  height: 56px;
  line-height: 56px;
  white-space: nowrap;
  outline-width: 2px;
  outline-offset: -2px;
  outline-color: #8E8A65;
  outline-style: dotted;
  transition: background-color 1000ms linear;
}
.map-cell.map-cell-number {
  background-color: #D1D6B3;
}
.map-cell-number {
  outline-style: solid;
}
.map-cell-empty {
  outline-width: 0;
}
.map-table > .map-row:nth-child(n+2):nth-last-child(n+2) .map-cell:nth-child(n+2):nth-last-child(n+2):hover {
  background-color: rgba(128,128,255,0.667);
}