MediaWiki:Common.css: Difference between revisions

Revision as of 02:43, 1 October 2022

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

/* Link formating */
a.new:visited, #ca-talk > span > a { 	color: #d6b295 !important; }
a.new:link, #ca-talk > span > a { 	color: #926b6b !important; }
a.external, #ca-talk > span > a {color: #f2d7c1 !important; }
a:link, #ca-talk > span > a { color: #f2d7c1 !important; }
.hycontent a:hover, #ca-talk > span > a {color: #9c8a7b !important; }


/* Infobox test */
.infobox-container {
    position: relative;
    display: inline-block;
    margin: 5;
    padding: 5;
    width: auto;
}
/* Plain list */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}


div.thumbinner {
	border: 0 solid transparent;
	padding: 3px !important;
	background-color: transparent;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}

html .thumbimage {
	border: 0 none transparent;
}

html .thumbcaption {
	border: none;
	line-height: 1.4em;
	padding: 3px;
	font-size: 94%;
}

div.magnify {
	border: none !important;
	background: none !important;
	margin-left: 0;
}

div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}

/* @noflip */div.tright {
	margin: .5em 0 1.3em 1.4em;
}

/* @noflip */div.tleft {
	margin: .5em 1.4em 1.3em 0;
}

img.thumbborder {
	border: 0 none transparent;
}
/* Overflow by default */
pre { overflow: auto; }


/*
.hoverbox:hover:after {
 opacity: 0;
  transition:display 0.5s!important;
 transition: 0.5s;
}
*/

/* Audio */
audio{
filter:invert(100%);
}
audio::-webkit-media-controls-enclosure{
transform: scale(1.1);
}

/* Image Hovering */
.hycontent a{
 opacity: 100 ;
 transition: opacity 0.5s;
}

.hycontent:hover a, .hycontent:hover a p  {
 opacity: 0.5 ;
 transition: opacity 0.5s;
 color: #9c8a7b !important;
}

.smwtable .row-even {
    background-color: #2e2e2e;
}
div.thumbinner { 	border: 0 solid transparent; 	padding: 3px !important; 	background-color: transparent; 	background: none; 	font-size: 94%; 	text-align: center; 	overflow: hidden; } html .thumbimage { 	border: 0 none transparent; 	background-color: transparent !important; 	background: none; } html .thumbcaption { 	border: none; 	line-height: 1.4em; 	padding: 3px; 	font-size: 94%; } div.magnify { 	border: none !important; 	background: none !important; 	margin-left: 0; } div.magnify a, div.magnify img { 	display: block; 	border: none !important; 	background: none !important; } /* @noflip */div.tright { 	margin: .5em 0 1.3em 1.4em; } /* @noflip */div.tleft { 	margin: .5em 1.4em 1.3em 0; } img.thumbborder { 	border: 0 none transparent; }

/* CSS Typing Text
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]].
 */

.typing{
  margin: 10px 0 0 10px;
    width: 1000px;
   white-space:nowrap;
   overflow:hidden;
  animation: type 15s steps(150, end);
-webkit-animation:type 15s steps(150, end); 
  -moz-animation:type 15s steps(150, end); 
 -o-animation:type 15s steps(150, end); 
}

@keyframes type{ 
  from { width: 0; } 
} 
@-webkit-keyframes type{ 
  from { width: 0; } 
} 
@-moz-keyframes type{ 
  from { width: 0; } 
}
@-o-keyframes type{ 
  from { width: 0; } 
}

.typingslow{
  margin: 10px 0 0 10px;
    width: 1000px;
   white-space:nowrap;
   overflow:hidden;
 animation: type 5s steps(150, end);
-webkit-animation:type 5s steps(150, end); 
  -moz-animation:type 5s steps(150, end); 
 -o-animation:type 5s steps(150, end); 
    animation-delay:2s;
-webkit-animation-delay:2s; 
  -moz-animation-delay:2s;
 -o-animation-delay:2s;
  animation-fill-mode: backwards;
   -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
     -o-animation-fill-mode: backwards;
}

@keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; } 
} 
@-webkit-keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; } 
} 
@-moz-keyframes typeslow{ 
  from { width: 0; color: rgb(4,4,5); opacity:0; } 
}
@-o-keyframes typeslow{
  from { width: 0; color: rgb(4,4,5); opacity:0; } 
}