MediaWiki:Common.css: Difference between revisions
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%); }