MediaWiki:Common.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.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */

.mtitle-container {
    width: 100%;
    display: flex;
}

.mtitle-image-cell {
    width: 400px;
}

.mtitle-caption-cell {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 20px;
}

#p-logo {
    width: 10em;
    height: 220px;
}

#p-logo a,
#p-logo a:hover {
	display: block;
	height: 220px;
	width: 10em;
	background-repeat: no-repeat;
	background-position: 35% 50% !important;
	text-decoration: none;
}

#mw-panel #p-logo + .portal {
	background-image: none;
	margin-top: 0.5em;
}


.blinking-advert {
height: 19px;
width: 552px;
max-height: 19px;
max-width: 552px;
box-sizing: border-box;
font-size: 17px;
text-align: center;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
@keyframes oto_coledj {
from { color: #f22; }
10% {color: #ff227d;}
40% { color: #000; }
80% {color: #d03909;}
100% { color: #f22; }
}
.blinking-advert-blink {
text-decoration: none;
animation: oto_coledj 0.8s linear 0s infinite;
}
.blinking-advert:hover { transform: scale(1.05); }