MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */

/* Added for Interactive Check box */
.listCheckbox {
  cursor: pointer;
  color: #FFFFFF;
  border-radius: 50%;
  height: 1.8rem;
  width: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: 1.5rem;
  border: 1px solid #00AA00;
  display: inline-block;
}

@keyframes checkAnimation {
  0% {
    transform: rotate(-30deg);
    background-color: rgba(1, 1, 1, 0);
    color: rgba(1, 1, 1, 0);
  }

  100% {
    background-color: #00AA00;
    color: #FFFFFF;
  }
}

.listCheckboxUnchecked {
  background-color: rgba(1, 1, 1, 0);
  color: rgba(0, 0, 0, 0);
}

.listCheckboxChecked {
  animation: checkAnimation 0.5s;
  background-color: #00AA00;
  color: #FFFFFF;
}

/* For the Note class */
.Alp-Note a { text-decoration: underline; }

/* Simple float the TOC to the right  */
/*#toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}*/

/* This small CSS code shows redirects and desambiguation pages with a color code. */
.mw-disambig {
	background-color:#AFEEEE;
}

.mw-redirect {
	background-color:wheat;
}

/* CSS Typing Text
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]].
 *
 * <div class="typing">Welcome to Wikipedia, the free encyclopedia that anyone can edit.</div>
 */

.typing{
  margin: 10px 0 0 10px;
    width: 1000px;
   white-space:nowrap;
   overflow:hidden;
  animation: type 18s steps(100, end);
}

@keyframes type{ 
  from { width: 0; } 
}