MediaWiki:Common.css

.mpbox { position:relative; overflow:hidden; background:linear-gradient(to bottom,#000000, #1a1b1c); margin: 5px; min-height:250px; color:#fff; } .mpbox a { color: #088488; }

.mpbox a.new { color: var(--theme-alert-color); } .box-content { position:relative; margin: 15px; } .ex1 { display:inline-block; width:100%; min-height:250px; margin:0px; } .ex1.snake-border::after { content:none } .ex2.snake-border::before { content:none } @keyframes snake-border-head { 90% { left:0; top:0; width:0; height:40% } 90% { left:0; top:0; width:0; height:0 } 100% { left:0; top:0; width:40%; height:0 } 0% { left:0; top:0; width:40%; height:0 } 15% { left:60%; top:0; width:40%; height:0 } 15% { left:100%; top:0; width:0; height:0 } 25% { left:100%; top:0; width:0; height:40% } 40% { left:100%; top:60%; width:0; height:40% } 40% { left:100%; top:100%; width:0; height:0 } 50% { left:60%; top:100%; width:40%; height:0 } 65% { left:0; top:100%; width:40%; height:0 } 65% { left:0; top:100%; width:0; height:0 } 75% { left:0; top:60%; width:0; height:40% } } @keyframes snake-border-tail { 90% { top:0%; height:40% } 100% { left:0; top:0; width:0; height:0 } 0% { left:0; top:0; width:0; height:0 } 15% { width:40% } 25% { left:100%; top:0; width:0; height:0 } 40% { height:40% } 50% { left:100%; top:100%; width:0; height:0 } 65% { left:0%; width:40% } 75% { left:0; top:100%; width:0; height:0 } } .snake-border { position:relative; box-shadow:inset 0 0 0 1px #a80a0a } .snake-border::before, .snake-border::after { content:''; display:block; position:absolute; outline:3px solid #a80a0a; animation-duration:18s; animation-timing-function:linear; animation-iteration-count:infinite } .snake-border::before { animation-name:snake-border-head } .snake-border::after { animation-name:snake-border-tail }