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

Материал из SS220 Paradise EX
Перейти к навигации Перейти к поиску
м
м
 
(не показано 15 промежуточных версий этого же участника)
Строка 51: Строка 51:
 
text-align:center;
 
text-align:center;
 
background:black;
 
background:black;
−
border-color:white;
+
/* border:0.2em outset white;*/
−
border-style:outset;
 
−
border-width:0.2em;
 
 
border-radius:0.5em;
 
border-radius:0.5em;
−
min-width:75%;
+
max-width:1330px;
 
}
 
}
 
.lawTable * a,
 
.lawTable * a,
Строка 65: Строка 63:
 
}
 
}
 
.lawTable * th {
 
.lawTable * th {
−
background:#F2F2F2;
+
background:#FFFFFFEE;/* белый с прозрачностью */
 
font-weight:bold;
 
font-weight:bold;
−
border-color:#CCCCCC;
+
/* border: 0.2em solid #CCCCCC;*/
−
border-style:double;
 
−
border-width:0.2em;
 
 
border-radius:0.3em;
 
border-radius:0.3em;
 
box-shadow: 0 0 0.3em #999;
 
box-shadow: 0 0 0.3em #999;
Строка 75: Строка 71:
 
.lawTable * td{
 
.lawTable * td{
 
font-weight:bold;
 
font-weight:bold;
−
border-style:solid;
+
/* border-width:0.2em;
−
border-width:0.2em;
+
border-style:solid;*/
 
border-radius:0.3em;
 
border-radius:0.3em;
 
box-shadow: 0 0 0.3em #999;
 
box-shadow: 0 0 0.3em #999;
 
}
 
}
 +
/* Раскрашиваем столбцы плавно из зелёного в красный */
 
.lawTable * td:nth-of-type(1) {
 
.lawTable * td:nth-of-type(1) {
−
background-color:#b6d7a8;
+
background-color:#88FF88;
−
border-color:#b6d7a8;
 
 
}
 
}
 
.lawTable * td:nth-of-type(2) {
 
.lawTable * td:nth-of-type(2) {
−
background-color:#2A9633;
+
background-color:#BBFF88;
−
border-color:#0F961A;
 
 
}
 
}
 
.lawTable * td:nth-of-type(3) {
 
.lawTable * td:nth-of-type(3) {
−
background-color:#FFAA19;
+
background-color:#EEFF88;
−
border-color:#FFA500;
 
 
}
 
}
 
.lawTable * td:nth-of-type(4) {
 
.lawTable * td:nth-of-type(4) {
−
background-color:#EE6A34;
+
background-color:#FFEE88;
−
border-color:#ED571C;
 
 
}
 
}
 
.lawTable * td:nth-of-type(5) {
 
.lawTable * td:nth-of-type(5) {
−
background-color:#BF2626;
+
background-color:#FFBB88;
−
border-color:#BF1313;
 
 
}
 
}
 
.lawTable * td:nth-of-type(6) {
 
.lawTable * td:nth-of-type(6) {
−
background-color:#CCCCCC;
+
background-color:#FF8888;
−
border-color:#E5E5E5;
 
 
}
 
}
 +
/* Столбец с вертикальным текстом */
 +
.lawTable-vert {
 +
writing-mode: sideways-lr;
 +
height:184px;
 +
}
 +
/* TEST*/
 +
/* Плавающий заголовок в таблице законов */
 +
.lawTable tr:nth-of-type(1) {
 +
position: sticky;
 +
top: 0px;
 +
}
 +
.lawTable tr:nth-of-type(2) {
 +
position: sticky;
 +
top: 49px;
 +
}
 +
/* Horizontal list */
 +
#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;
 +
}
 +
/* Кнопка "Вверх": [[Файл:Scroll_top.png]] */
 +
#scroll-top
 +
{
 +
display: none;
 +
background: url(http://rv666.asuscomm.com/wiki/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;
 +
}
 +
 +
/* 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://RV666.asuscomm.com/wiki/index.php"],
 +
#content a.external[href^="https://RV666.asuscomm.com/wiki/index.php"],
 +
#content a.external[href^="//RV666.asuscomm.com/wiki/index.php"] {
 +
background: none;
 +
padding-right: 0;
 +
}

Текущая версия на 18:25, 22 декабря 2022

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

.tooltiptext {
  position: absolute;
  display: block;
  z-index: 2;
  width: 250px;
  padding: 10px;
  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;
}

/* Таблица кодов нарушений */
.lawTable {
	text-align:center;
	background:black;
/*	border:0.2em outset white;*/
	border-radius:0.5em;
	max-width:1330px;
}
.lawTable * a,
.lawTable * a:visited {
	color:black;
}
.lawTable * a:active {
	color:#0b0080;
}
.lawTable * th {
	background:#FFFFFFEE;/* белый с прозрачностью */
	font-weight:bold;
/*	border: 0.2em solid #CCCCCC;*/
	border-radius:0.3em;
	box-shadow: 0 0 0.3em #999;
}
.lawTable * td{
	font-weight:bold;
/*	border-width:0.2em;
	border-style:solid;*/
	border-radius:0.3em;
	box-shadow: 0 0 0.3em #999;
	}
/* Раскрашиваем столбцы плавно из зелёного в красный */
.lawTable * td:nth-of-type(1) {
	background-color:#88FF88;
	}
.lawTable * td:nth-of-type(2) {
	background-color:#BBFF88;
	}
.lawTable * td:nth-of-type(3) {
	background-color:#EEFF88;
	}
.lawTable * td:nth-of-type(4) {
	background-color:#FFEE88;
	}
.lawTable * td:nth-of-type(5) {
	background-color:#FFBB88;
	}
.lawTable * td:nth-of-type(6) {
	background-color:#FF8888;
	}
/* Столбец с вертикальным текстом */
.lawTable-vert {
	writing-mode: sideways-lr;
	height:184px;
	}
/* TEST*/
/* Плавающий заголовок в таблице законов */
.lawTable tr:nth-of-type(1) {
	position: sticky;
	top: 0px;
}
.lawTable tr:nth-of-type(2) {
	position: sticky;
	top: 49px;
}
/* Horizontal list */
#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;
}
/* Кнопка "Вверх": [[Файл:Scroll_top.png]] */
#scroll-top
	{
	display: none;
	background: url(http://rv666.asuscomm.com/wiki/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;
	}

/* 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://RV666.asuscomm.com/wiki/index.php"],
#content a.external[href^="https://RV666.asuscomm.com/wiki/index.php"],
#content a.external[href^="//RV666.asuscomm.com/wiki/index.php"] {
	background: none;
	padding-right: 0;
}
Источник — https://RV666.asuscomm.com/wiki/index.php?title=MediaWiki:Common.css&oldid=13025