MediaWiki:Common.css: Difference between revisions

From BTA-Mirror
imported>Ttv pedro270707
(Created page with ".main-page-logo { display: inline-block; height: 110px; width: 548px; } .main-page-logo:hover .bta-logo { display: none; } .minecraft-retro-logo { display: none; } .main-page-logo:hover .minecraft-retro-logo { display: inline; } .pixelated { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;...")
imported>Ttv pedro270707
m (Started porting tooltips from my website to this wiki, still needs a lot of work to remove unnecessary stuff)
Line 33: Line 33:
width: 100% !important;
width: 100% !important;
height: 100% !important;
height: 100% !important;
}
/* Minecraft tooltips */
.shadow-line {
color: #3f3f3f;
}
.empty-line {
  display: block;
  content: "";
  margin-top: 1.625em;
}
.break {
  display: block;
  content: "";
  margin-top: 0.25em;
}
.shadow-line .c-0 {
  color: #000000;
}
.shadow-line .c-1 {
  color: #00002a;
}
.shadow-line .c-2 {
  color: #002a00;
}
.shadow-line .c-3 {
  color: #002a2a;
}
.shadow-line .c-4 {
  color: #2a0000;
}
.shadow-line .c-5 {
  color: #2a002a;
}
.shadow-line .c-6 {
  color: #2a2a00;
}
.shadow-line .c-6-bedrock {
  color: #402a00;
}
.shadow-line .c-7 {
  color: #2a2a2a;
}
.shadow-line .c-8 {
  color: #151515;
}
.shadow-line .c-9 {
  color: #15153f;
}
.shadow-line .c-a {
  color: #153f15;
}
.shadow-line .c-b {
  color: #153f3f;
}
.shadow-line .c-c {
  color: #3f1515;
}
.shadow-line .c-d {
  color: #3f153f;
}
.shadow-line .c-e {
  color: #3f3f15;
}
.shadow-line .c-f {
  color: #3f3f3f;
}
.shadow-line .c-g {
  color: #373501;
}
.c-l {
  font-weight: bold;
}
.c-o {
  font-style: italic;
}
.c-0 {
  color: #000000;
}
.c-1 {
  color: #0000aa;
}
.c-2 {
  color: #00aa00;
}
.c-3 {
  color: #00aaaa;
}
.c-4 {
  color: #aa0000;
}
.c-5 {
  color: #aa00aa;
}
.c-6 {
  color: #ffaa00;
}
.c-6-bedrock {
  color: #ffaa00;
}
.c-7 {
  color: #aaaaaa;
}
.c-8 {
  color: #555555;
}
.c-9 {
  color: #5555ff;
}
.c-a {
  color: #55ff55;
}
.c-b {
  color: #55ffff;
}
.c-c {
  color: #ff5555;
}
.c-d {
  color: #ff55ff;
}
.c-e {
  color: #ffff55;
}
.c-f {
  color: #ffffff;
}
.c-g {
  color: #ddd605;
}
.c-m {
position: relative;
}
.c-m:after {
    content: '';
    display: block;
    width: calc(100% + 0.125em);
    height: 0;
margin-top: 0.925em;
    position: absolute;
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
z-index: 1;
}
.shadow-line .c-m:after {
    width: calc(100% + 0.125em);
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
}
.c-m .c-0:after, .c-m .c-1:after, .c-m .c-2:after, .c-m .c-3:after, .c-m .c-4:after, .c-m .c-5:after, .c-m .c-6:after, .c-m .c-7:after, .c-m .c-8:after, .c-m .c-9:after, .c-m .c-a:after, .c-m .c-b:after, .c-m .c-c:after, .c-m .c-d:after, .c-m .c-e:after, .c-m .c-f:after, .c-m .c-g:after, .c-m .c-6-bedrock:after {
    content: '';
    display: block;
    width: calc(100% + 0.125em);
    height: 0;
margin-top: 0.925em;
    position: absolute;
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
z-index: 2;
}
.c-n {
position: relative;
text-decoration: underline 0.125em;
text-underline-offset: 0.125em;
}
.c-n .c-1, .c-n .c-2, .c-n .c-3, .c-n .c-4, .c-n .c-5, .c-n .c-6, .c-n .c-7, .c-n .c-8, .c-n .c-9, .c-n .c-a, .c-n .c-b, .c-n .c-c, .c-n .c-d, .c-n .c-e, .c-n .c-f, .c-n .c-g, .c-n .c-h {
text-decoration: underline 0.125em;
}
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-a, .c-b, .c-c, .c-d, .c-e, .c-f, .c-g, .c-h {
position: relative;
font-family: Minecraft;
font-size: 16px;
}
.minecraft-tip, .minecraft-text-output {
left: 0;
top: 0;
border: 0.125em solid transparent;
background-color: rgba(16,0,16,0.94);
font-family: Minecraft,"WenQuanYi Bitmap Song",SimSun,Unifont,NISC18030,Beijing,Courier,sans-serif;
word-spacing: 0.25em;
margin: 0.125em 0.125em;
padding: 0 0.375em 0.375em 0.375em;
line-height: 1.125em;
white-space: nowrap;
font-size: 16px;
text-align: left;
font-smooth: never;
-webkit-font-smoothing: none;
}
.minecraft-tip-container {
  position: fixed;
  z-index: 9999;
  display: none;
  color: #ffffff;
}
.minecraft-tip {
position: relative;
z-index: 10;
display: inline-block;
color: #ffffff;
}
.minecraft-tip::before {
  content: '';
  position: absolute;
  top: -0.125em;
  right: -0.250em;
  bottom: -0.125em;
  left: -0.250em;
  border: 0.125em solid rgba(16,0,16,0.94);
  border-style: none solid;
}
.minecraft-tip::after {
  content: '';
  position: absolute;
  top: -0.250em;
  right: -0.125em;
  bottom: -0.250em;
  left: -0.125em;
  border: 0.125em solid rgba(16,0,16,0.94);
  border-style: solid none;
}
.tip-line {
display: inline-block;
position: relative;
margin: 0;
}
.shadow-line {
position: absolute;
    left: 0.5em;
    top: 0.125em;
    z-index: -1;
}
.c-m .shadow, .c-n .shadow-line {
top: 0.375em;
}
.k-manager {
display: none;
}
.text-line {
position: relative;
display: inline-block;
}
.shadow-line {
position: absolute;
display: inline-block;
top: 0.125em;
left: 0.5em;
}
.no-break-space {
display: inline-block;
width: 0.75em;
}
.minecraft-text-output-container {
background: none;
display: inline-block;
position: relative;
}
.minecraft-output-border, .minecraft-tip-border {
display: block;
position: absolute;
z-index: 11;
top: 2px;
left: 2px;
padding: 2px;
height: calc(100% - 8px);
width: calc(100% - 8px);
background-image: linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31));
background-origin: border-box;
background-repeat: no-repeat;
clip-path: polygon(0% 0%, 0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%);
}
}

Revision as of 19:21, 25 February 2023

.main-page-logo {
    display: inline-block;
    height: 110px;
    width: 548px;
}

.main-page-logo:hover .bta-logo {
    display: none;
}

.minecraft-retro-logo {
    display: none;
}

.main-page-logo:hover .minecraft-retro-logo {
    display: inline;
}

.pixelated {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.sprite {
	display: inline-block;
}

.sprite img {
	width: 100% !important;
	height: 100% !important;
}

/* Minecraft tooltips */
.shadow-line {
	color: #3f3f3f;
}

.empty-line {
  display: block;
  content: "";
  margin-top: 1.625em;
}

.break {
  display: block;
  content: "";
  margin-top: 0.25em;
}

.shadow-line .c-0 {
  color: #000000;
}

.shadow-line .c-1 {
  color: #00002a;
}

.shadow-line .c-2 {
  color: #002a00;
}

.shadow-line .c-3 {
  color: #002a2a;
}

.shadow-line .c-4 {
  color: #2a0000;
}

.shadow-line .c-5 {
  color: #2a002a;
}

.shadow-line .c-6 {
  color: #2a2a00;
}

.shadow-line .c-6-bedrock {
  color: #402a00;
}

.shadow-line .c-7 {
  color: #2a2a2a;
}

.shadow-line .c-8 {
  color: #151515;
}

.shadow-line .c-9 {
  color: #15153f;
}

.shadow-line .c-a {
  color: #153f15;
}

.shadow-line .c-b {
  color: #153f3f;
}

.shadow-line .c-c {
  color: #3f1515;
}

.shadow-line .c-d {
  color: #3f153f;
}

.shadow-line .c-e {
  color: #3f3f15;
}

.shadow-line .c-f {
  color: #3f3f3f;
}

.shadow-line .c-g {
  color: #373501;
}

.c-l {
  font-weight: bold;
}

.c-o {
  font-style: italic;
}

.c-0 {
  color: #000000;
}

.c-1 {
  color: #0000aa;
}

.c-2 {
  color: #00aa00;
}

.c-3 {
  color: #00aaaa;
}

.c-4 {
  color: #aa0000;
}

.c-5 {
  color: #aa00aa;
}

.c-6 {
  color: #ffaa00;
}

.c-6-bedrock {
  color: #ffaa00;
}

.c-7 {
  color: #aaaaaa;
}

.c-8 {
  color: #555555;
}

.c-9 {
  color: #5555ff;
}

.c-a {
  color: #55ff55;
}

.c-b {
  color: #55ffff;
}

.c-c {
  color: #ff5555;
}

.c-d {
  color: #ff55ff;
}

.c-e {
  color: #ffff55;
}

.c-f {
  color: #ffffff;
}

.c-g {
  color: #ddd605;
}

.c-m {
	position: relative;
}

.c-m:after {
    content: '';
    display: block;
    width: calc(100% + 0.125em);
    height: 0;
	margin-top: 0.925em;
    position: absolute;
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
	z-index: 1;
}

.shadow-line .c-m:after {
    width: calc(100% + 0.125em);
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
}

.c-m .c-0:after, .c-m .c-1:after, .c-m .c-2:after, .c-m .c-3:after, .c-m .c-4:after, .c-m .c-5:after, .c-m .c-6:after, .c-m .c-7:after, .c-m .c-8:after, .c-m .c-9:after, .c-m .c-a:after, .c-m .c-b:after, .c-m .c-c:after, .c-m .c-d:after, .c-m .c-e:after, .c-m .c-f:after, .c-m .c-g:after, .c-m .c-6-bedrock:after {
    content: '';
    display: block;
    width: calc(100% + 0.125em);
    height: 0;
	margin-top: 0.925em;
    position: absolute;
    top: 0;
    left: -0.125em;
    border-bottom: 0.125em solid;
	z-index: 2;
}

.c-n {
	position: relative;
	text-decoration: underline 0.125em;
	text-underline-offset: 0.125em;
}

.c-n .c-1, .c-n .c-2, .c-n .c-3, .c-n .c-4, .c-n .c-5, .c-n .c-6, .c-n .c-7, .c-n .c-8, .c-n .c-9, .c-n .c-a, .c-n .c-b, .c-n .c-c, .c-n .c-d, .c-n .c-e, .c-n .c-f, .c-n .c-g, .c-n .c-h {
	text-decoration: underline 0.125em;
}

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-a, .c-b, .c-c, .c-d, .c-e, .c-f, .c-g, .c-h {
	position: relative;
	font-family: Minecraft;
	font-size: 16px;
}

.minecraft-tip, .minecraft-text-output {
	left: 0;
	top: 0;
	border: 0.125em solid transparent;
	background-color: rgba(16,0,16,0.94);
	font-family: Minecraft,"WenQuanYi Bitmap Song",SimSun,Unifont,NISC18030,Beijing,Courier,sans-serif;
	word-spacing: 0.25em;
	margin: 0.125em 0.125em;
	padding: 0 0.375em 0.375em 0.375em;
	line-height: 1.125em;
	white-space: nowrap;
	font-size: 16px;
	text-align: left;
	font-smooth: never;
	-webkit-font-smoothing: none;
}

.minecraft-tip-container {
  position: fixed;
  z-index: 9999;
  display: none;
  color: #ffffff;
}

.minecraft-tip {
	position: relative;
	z-index: 10;
	display: inline-block;
	color: #ffffff;
}

.minecraft-tip::before {
  content: '';
  position: absolute;
  top: -0.125em;
  right: -0.250em;
  bottom: -0.125em;
  left: -0.250em;
  border: 0.125em solid rgba(16,0,16,0.94);
  border-style: none solid;
}

.minecraft-tip::after {
  content: '';
  position: absolute;
  top: -0.250em;
  right: -0.125em;
  bottom: -0.250em;
  left: -0.125em;
  border: 0.125em solid rgba(16,0,16,0.94);
  border-style: solid none;
}

.tip-line {
	display: inline-block;
	position: relative;
	margin: 0;
}

.shadow-line {
	position: absolute;
    left: 0.5em;
    top: 0.125em;
    z-index: -1;
}

.c-m .shadow, .c-n .shadow-line {
	top: 0.375em;
}

.k-manager {
	display: none;
}

.text-line {
	position: relative;
	display: inline-block;
}

.shadow-line {
	position: absolute;
	display: inline-block;
	top: 0.125em;
	left: 0.5em;
}

.no-break-space {
	display: inline-block;
	width: 0.75em;
}

.minecraft-text-output-container {
	background: none;
	display: inline-block;
	position: relative;
}

.minecraft-output-border, .minecraft-tip-border {
	display: block;
	position: absolute;
	z-index: 11;
	top: 2px;
	left: 2px;
	padding: 2px;
	height: calc(100% - 8px);
	width: calc(100% - 8px);
	background-image: linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31));
	background-origin: border-box;
	background-repeat: no-repeat;
	clip-path: polygon(0% 0%, 0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%);
}