Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 61: | Line 61: | ||
.map-cell-grid:hover { | .map-cell-grid:hover { | ||
background-color: rgba(128,128,255,0.667); | background-color: rgba(128,128,255,0.667); | ||
+ | } | ||
+ | |||
+ | .angled-screenshot { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | background-color: #D1D6B3; | ||
+ | border: 4px solid #8E8A65; | ||
+ | } | ||
+ | .angled-screenshot span { | ||
+ | padding: 0.125em 0.25em; | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .top-left { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .top-right { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | .bottom-left { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom-right { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | .angled-screenshot-image img { | ||
+ | transform: scale(200%) translate(25%, 25%); | ||
} | } |
Revision as of 15:33, 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; } .map-cell.map-cell-number { background-color: #D1D6B3; } .map-cell-number { outline-style: solid; } .map-cell-empty { outline-width: 0; } .map-cell-grid { outline-color: #FFF; transition: background-color 250ms linear; } .map-cell-grid:hover { background-color: rgba(128,128,255,0.667); } .angled-screenshot { position: relative; display: inline-block; background-color: #D1D6B3; border: 4px solid #8E8A65; } .angled-screenshot span { padding: 0.125em 0.25em; font-size: 24px; } .top-left { position: absolute; top: 0; left: 0; } .top-right { position: absolute; top: 0; right: 0; } .bottom-left { position: absolute; bottom: 0; left: 0; } .bottom-right { position: absolute; bottom: 0; right: 0; } .angled-screenshot-image img { transform: scale(200%) translate(25%, 25%); }