Template:Colored dot: Difference between revisions

From Irony Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
Lolboi67 (talk | contribs)
10 edits
mNo edit summary
Tag: Reverted
m Reverted edit by Lolboi67 (talk) to last revision by Saucy
Tag: Rollback
 
Line 1: Line 1:
* {
<span style="box-sizing: border-box; display: inline-flex; vertical-align: middle; align-items: center;"><span style="width: 0.75em; height: 0.75em; margin-right: 4px; border-radius: 50%; background-color: {{{1|#000000}}};"></span> {{{2|}}}</span><noinclude>{{documentation}}</noinclude>
animation:20s ease-in-out 10s infinite alternate fade, 3s ease-in-out 20s infinite alternate noglasses, 15000s linear infinite spin, linear infinite marquee;
}
 
@keyframes noglasses {
  from {
    filter: blur(.7px); }
  50% {
    filter:blur(0px)
  }
  55% {
    filter:blur(1px)
  }
  70%{
    filter:blur(0px)
  }
  75% { filter:blur(.6px)}
  82% { filter:blur(0px)}
  to {
    filter: blur(2px);
  }
}
@keyframes fade {
90% {opacity:1}
to {
  opacity:0;
  filter:blur(10px)
}
}
@keyframes spin {
from {
  transform:rotate(360deg)
}
to {
  transform:rotate(0deg)
}
}
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}
.marquee2 {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 5s linear infinite;
}
 
.marquee2 span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee2 2s linear infinite;
}
 
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-200%, 0);
  }
}
 
@keyframes marquee2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

Latest revision as of 08:28, 19 November 2025

Documentation

[view] [edit]

Adds a colored dot to the page with text next to it.

This is often used to emphasize something (e.g. Main Page) or as a status indicator (e.g. Template:Infobox Discord server).

For example, {{colored dot|#ff0000|Closed}} outputs: Closed

TemplateData

[edit source]

Adds a colored dot to the page with text next to it.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Color1

The color of the dot. Must be a valid CSS color value.

Default
#000000
Example
#00dd00
Stringsuggested
Text2

The text that will appear next to the dot.

Contentsuggested
Retrieved from "https://irony.wiki/index.php?title=Template:Colored_dot&oldid=17748"