MediaWiki:Common.css: различия между версиями

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
(стрелочки и отступы для сворачиваемого меню)
(Цвет заголовков сворачиваемых разделов в sidebar обратно в серый)
Строка 529: Строка 529:
#mw-panel.collapsible-nav .portal .vector-menu-content {
#mw-panel.collapsible-nav .portal .vector-menu-content {
margin-left: 0.5em;
margin-left: 0.5em;
}
/* Цвет заголовков сворачиваемых разделов в sidebar обратно в серый */
.vector-menu-portal .vector-menu-heading a {
color: #54595d;
text-decoration: none;
}
}

Версия от 18:46, 9 февраля 2023

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.tooltip{
  position: relative;
}

.tooltiptext {
  position: absolute;
  display: block;
  z-index: 2;
  width: 250px;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #aaa;
  background-color: #ffdd66;
}

.tooltiptable {
  position: absolute;
  display: block;
  z-index: 2;
  max-width:600px;
  width:max-content;
  padding: 10px;
  top:11pt;
  right:-55px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #666;
  background-color: #ff6666;
}

.tooltip:hover>.tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover>.tooltiptable {
  visibility: visible;
  opacity: 1;
}

/* hide the "Retrieved from" message */
.printfooter {
  display: none;
}

div.tabcontent{
    display:none
}
div.tabcontent.current{
    display:block
}
div.switchtab.label.current{
    color:#000;
    background-color:#00FF00
}
div.kaskadavionics{
    background-image:url(https://wiki.armaproject.ru/resources/assets/Kaskad_avionics.png)
}
div.divbutton:target{
    cursor: pointer;
    display: none;
    width: auto;
    height: auto;
}
div.divbutton:target::before{
    cursor: pointer;
    width: 80%;
    height: auto;
}
.kaskadavionics_menu_button a{
    display:block;
    text-align:center;
    line-height:19px !important;
    font-size:13px;
    color:#00FF00 !important;
    text-decoration:none
}
.kaskadavionics_menu_button a:hover{
    text-decoration:none;
    display:block;
    background:rgba(0,256,0,1) none repeat scroll 0% 0%;
    line-height:19px !important;
    font-size:13px;
    color:#000 !important
}

img {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

/* Горизонтальный список */
#mw-content-text .hlist ul {
    display: inline;
    margin: 0;
    padding: 0;
}
#mw-content-text .hlist li {
    display: inline;
}
#mw-content-text .hlist li:not(:last-child) {
    padding-right: 0.286em;
}
#mw-content-text .hlist li:not(:last-child)::after {
    content: "";
    display: inline-block;
    position: relative;
    left: 0.286em;
    bottom: 0.214em;
    background-color: #000;
    height: 3px;
    width: 3px;
}
#mw-content-text .hlist li li:first-child::before {
    content: "(";
    font-weight: normal;
}
#mw-content-text .hlist li li:last-child::after {
    content: ")";
    font-weight: normal;
}
#mw-content-text .hlist li li li {
    font-size: x-small;
}

/* Simulate link styling for JS only links */
.jslink {
    color: #0645AD;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    outline: none;
}
.jslink:hover {
    text-decoration: underline;
    cursor: pointer;
}
.jslink:active {
    color: #FAA700;
}

/* Hide noscript only elements */
.client-js *.noscript {
    display: none;
}
/* Mark internal links as plain */
#content a.external[href^="http://wiki.ss220.space/index.php"],
#content a.external[href^="https://wiki.ss220.space/index.php"],
#content a.external[href^="//wiki.ss220.space/index.php"] {
    background: none;
    padding-right: 0;
}

/* Кнопка "Вверх": [[Файл:Scroll_top.png]] */
#scroll-top
	{
	display: none;
	background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 0% 0%/38px 38px no-repeat;
	opacity: 0.3;
	width: 38px;
	height: 38px;
	cursor: pointer;
	position: fixed;
	left: calc(11em - 19px);
	bottom: 30px;
	z-index: 10000;
	image-rendering: optimizeSpeed;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
	}

#scroll-top:hover
	{
	opacity: 0.8;
	}


/* Стиль таблиц с предметами и т.п. */
.items-table	{
		width:100%;
		border:.2em solid #7F7F7F;
		border-radius:.5em;
		background-color:#CCCCCC;
		}

.items-table th	{
		border: .2em double #999999;
		border-radius:.2em;
		background-color:#7F7F7F;
		color:#FFFFFF;
		padding: .2em;
		}

.items-table td	{
		background-color:#F2F2F2;
		color:#000000;
		padding: .2em;
		}
.items-table td:first-of-type	{
		background-color: #E5E5E5;
		font-weight: bold;
		color: #000;
		border: .2em solid #999;
		border-radius: .2em;
		text-align: center;
		}

/* Цвета охранного отдела */
.colors-secure	{
				background-color:#BFB9B9; /* Light */
				border-color: #BF4C4C; /* Secondary */
				}
.colors-secure th	{
				background-color:#BF2626; /* Primary */
				border-color: #BF1313; /* Primary Bold */
				}
.colors-secure td	{
				background-color:#F2F2F2; /* Very Light */
				}
.colors-secure td:first-of-type	{
				background-color: #BF4C4C; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #BF1313; /* Primary Bold */
				}

/* Цвета научного отдела */
.colors-science	{
				background-color:#CAC6CC; /* Light */
				border-color: #AA66CC; /* Secondary */
				}
.colors-science th	{
				background-color:#9C3DCC; /* Primary */
				border-color: #9528CC; /* Primary Bold */
				}
.colors-science td	{
				background-color:#F0EBF2; /* Very Light */
				}
.colors-science td:first-of-type	{
				background-color: #AA66CC; /* Secondary */
				color: #061306; /* Secondary Text */
				border-color: #9528CC; /* Primary Bold */
				}

/* Цвета сервисного отдела */
.colors-service	{
				background-color:#C6CCC7; /* Light */
				border-color: #65B36C; /* Secondary */
				}
.colors-service th	{
				background-color:#2A9633; /* Primary */
				border-color: #0F961A; /* Primary Bold */
				}
.colors-service td	{
				background-color:#EBF2EC; /* Very Light */
				}
.colors-service td:first-of-type	{
				background-color: #65B36C; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #0F961A; /* Primary Bold */
				}

/* Цвета инженерного отдела */
.colors-engine	{
				background-color:#CCC0B1; /* Light */
				border-color: #FFBA4C; /* Secondary */
				}
.colors-engine th	{
				background-color:#FFAA19; /* Primary */
				border-color: #FFA500; /* Primary Bold */
				}
.colors-engine td	{
				background-color:#F2E9DE; /* Very Light */
				}
.colors-engine td:first-of-type	{
				background-color: #FFBA4C; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #FFA500; /* Primary Bold */
				}

/* Цвета командного отдела */
.colors-command	{
				background-color:#9DAACC; /* Light */
				border-color: #6691FF; /* Secondary */
				}
.colors-command th	{
				background-color:#3269FF; /* Primary */
				border-color: #195AFF; /* Primary Bold */
				}
.colors-command td	{
				background-color:#DEE4F6; /* Very Light */
				}
.colors-command td:first-of-type	{
				background-color: #6691FF; /* Secondary */
				color: #FFFFFF; /* Secondary Text */
				border-color: #195AFF; /* Primary Bold */
				}

/* Цвета медицинского отдела */
.colors-medik	{
				background-color:#9DBACC; /* Light */
				border-color: #66C6FF; /* Secondary */
				}
.colors-medik th	{
				background-color:#32B0FF; /* Primary */
				border-color: #19A7FF; /* Primary Bold */
				}
.colors-medik td	{
				background-color:#DAEDF9; /* Very Light */
				}
.colors-medik td:first-of-type	{
				background-color: #66C6FF; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #19A7FF; /* Primary Bold */
				}

/* Цвета снабжающего отдела */
.colors-suply	{
				background-color:#CCB49D; /* Light */
				border-color: #77552F; /* Secondary */
				}
.colors-suply th	{
				background-color:#7C4C18; /* Primary */
				border-color: #7A450C; /* Primary Bold */
				}
.colors-suply td	{
				background-color:#F9EADC; /* Very Light */
				}
.colors-suply td:first-of-type	{
				background-color: #77552F; /* Secondary */
				color: #0D150D; /* Secondary Text */
				border-color: #7A450C; /* Primary Bold */
				}

/* Цвета планетарного отдела */
.colors-lava	{
				background-color:#CCA99D; /* Light */
				border-color: #ED8A63; /* Secondary */
				}
.colors-lava th	{
				background-color:#EE6A34; /* Primary */
				border-color: #ED571C; /* Primary Bold */
				}
.colors-lava td	{
				background-color:#F8E9E4; /* Very Light */
				}
.colors-lava td:first-of-type	{
				background-color: #ED8A63; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #ED571C; /* Primary Bold */
				}

/* Цвета синтетического отдела */
.colors-synth	{
				background-color:#9DB3CC; /* Light */
				border-color: #4C82BF; /* Secondary */
				}
.colors-synth th	{
				background-color:#2770C4; /* Primary */
				border-color: #1364C1; /* Primary Bold */
				}
.colors-synth td	{
				background-color:#DEEBF9; /* Very Light */
				}
.colors-synth td:first-of-type	{
				background-color: #4C82BF; /* Secondary */
				color: #FFFFFF; /* Secondary Text */
				border-color: #1364C1; /* Primary Bold */
				}

/* Цвета антагского отдела */
.colors-antag	{
				background-color:#CC9D9D; /* Light */
				border-color: #4C1E1E; /* Secondary */
				}
.colors-antag th	{
				background-color:#190505; /* Primary */
				border-color: #160202; /* Primary Bold */
				}
.colors-antag td	{
				background-color:#FAEAEA; /* Very Light */
				}
.colors-antag td:first-of-type	{
				background-color: #4C1E1E; /* Secondary */
				color: #D80A0A; /* Secondary Text */
				border-color: #160202; /* Primary Bold */
				}

/* Цвета культистского отдела */
.colors-cult	{
				background-color:#CC9D9D; /* Light */
				border-color: #4C1E1E; /* Secondary */
				}
.colors-cult th	{
				background-color:#190505; /* Primary */
				border-color: #160202; /* Primary Bold */
				}
.colors-cult td	{
				background-color:#FAEAEA; /* Very Light */
				}
.colors-cult td:first-of-type	{
				background-color: #4C1E1E; /* Secondary */
				color: #D80A0A; /* Secondary Text */
				border-color: #160202; /* Primary Bold */
				}

/* Цвета ратваровского отдела */
.colors-ratvar	{
				background-color:#4A340D; /* Light */
				border-color: #332409; /* Secondary */
				}
.colors-ratvar th	{
				background-color:#825B17; /* Primary */
				border-color: #6C4B13; /* Primary Bold */
				}
.colors-ratvar td	{
				background-color:#E1D9C6; /* Very Light */
				}
.colors-ratvar td:first-of-type	{
				background-color: #332409; /* Secondary */
				color: #FFFFFF; /* Secondary Text */
				border-color: #6C4B13; /* Primary Bold */
				}

/* Цвета ксеноморфного отдела */
.colors-xenom	{
				background-color:#958FB2; /* Light */
				border-color: #4C4666; /* Secondary */
				}
.colors-xenom th	{
				background-color:#312D43; /* Primary */
				border-color: #252138; /* Primary Bold */
				}
.colors-xenom td	{
				background-color:#E5DEF9; /* Very Light */
				}
.colors-xenom td:first-of-type	{
				background-color: #4C4666; /* Secondary */
				color: #FFFFFF; /* Secondary Text */
				border-color: #252138; /* Primary Bold */
				}

/* Цвета марининого отдела */
.colors-marine	{
				background-color:#90A1B8; /* Light */
				border-color: #48648A; /* Secondary */
				}
.colors-marine th	{
				background-color:#2C4C7B; /* Primary */
				border-color: #27426D; /* Primary Bold */
				}
.colors-marine td	{
				background-color:#D2DEF0; /* Very Light */
				}
.colors-marine td:first-of-type	{
				background-color: #48648A; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #27426D; /* Primary Bold */
				}

/* Цвета волшебного отдела */
.colors-wizard	{
				background-color:#AB9DCC; /* Light */
				border-color: #9866FF; /* Secondary */
				}
.colors-wizard th	{
				background-color:#7D32FF; /* Primary */
				border-color: #6919FF; /* Primary Bold */
				}
.colors-wizard td	{
				background-color:#E5DEF9; /* Very Light */
				}
.colors-wizard td:first-of-type	{
				background-color: #9866FF; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #6919FF; /* Primary Bold */
				}

/* Цвета похитнического отдела */
.colors-abductor	{
				background-color:#CCCCCC; /* Light */
				border-color: #E5E5E5; /* Secondary */
				}
.colors-abductor th	{
				background-color:#7F7F7F; /* Primary */
				border-color: #999999; /* Primary Bold */
				}
.colors-abductor td	{
				background-color:#F2F2F2; /* Very Light */
				}
.colors-abductor td:first-of-type	{
				background-color: #E5E5E5; /* Secondary */
				color: #000000; /* Secondary Text */
				border-color: #999999; /* Primary Bold */
				}

/* Стрелочки для сворачиваемого меню [[Файл:Arrow-down.png]] [[Файл:Arrow-right.png]] */
.client-js .vector-menu-portal.expanded .vector-menu-heading a	{
		background-image: url("https://wiki.ss220.space/images/f/fb/Arrow-down.png");
		background-repeat: no-repeat;
		padding-left: 1.35em;
		}
.client-js .vector-menu-portal.collapsed .vector-menu-heading a	{
		background-image: url("https://wiki.ss220.space/images/c/c5/Arrow-right.png");
		background-repeat: no-repeat;
		padding-left: 1.35em;
		}
.vector-menu-portal	{
		margin-left: 0.1em;
		}
#mw-panel.collapsible-nav .portal .vector-menu-content	{
		margin-left: 0.5em;
		}
/* Цвет заголовков сворачиваемых разделов в sidebar обратно в серый */
.vector-menu-portal .vector-menu-heading a	{
		color: #54595d;
		text-decoration: none;
		}
Источник — https://wiki.ss220.space/index.php?title=MediaWiki:Common.css&oldid=27886