MediaWiki:Test.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

.race-container {
  display:flex;
  width:100%;
  justify-content:space-around;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.race-block {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:5px;
  margin:5px;
  border-radius:.3em;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  transition: transform 0.2s, box-shadow 0.2s;
}

.race-block:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.race-block .sprite img {
  border: 3px solid #0C9456;
  border-radius: 50%;
  padding:2px;
  box-shadow: 0 0 10px rgba(12,148,86,0.5);
  width:180px;
  height:auto;
}

.race-block .race-name {
  margin-top:5px;
  font-weight:bold;
  text-align:center;
  font-size:16px;
  color:#fff;
  text-shadow: 1px 1px black;
}

.race-header {
  margin:0px;
  text-align:center;
  font-size:40px;
  line-height:50px;
  text-shadow: 2px 3px black, 3px 5px #0C9456;
  margin-bottom:10px;
}