Участник:Sp1cyP3pp3r/common.css: различия между версиями

Материал из Dwarf Fortress Wiki
Перейти к навигацииПерейти к поиску
мНет описания правки
Нет описания правки
Строка 1: Строка 1:
body{
body {
background-image: url(http://img2.reactor.cc/pics/post/full/Dwarf-Fortress-%D0%98%D0%B3%D1%80%D1%8B-%D0%BA%D0%B0%D1%80%D1%82%D0%B0-%D0%9A%D0%BB%D0%B8%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE-5888472.png);
background-image: url("http://img2.reactor.cc/pics/post/full/Dwarf-Fortress-%D0%98%D0%B3%D1%80%D1%8B-%D0%BA%D0%B0%D1%80%D1%82%D0%B0-%D0%9A%D0%BB%D0%B8%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE-5888472.png");
background-size: stretch;
background-size: stretch;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-attachment: fixed;
background-attachment: fixed;
}
}
.mw-body {
.mw-body {
background-color: rgba(50,48,51,0.96);
background-color: rgba(50, 48, 51, 0.96);
color: #fafafa;
color: #fafafa;
a{
color: wheat;
}
border: 1px solid;
border: 1px solid;
border-image-source: url(https://psv4.userapi.com/c237131/u366295406/docs/d30/9f8ed8968c88/border.png?extra=q9NO-IePu4DIlAl2Z-fvple_Xn3HPZ3nL8jho8ig_TYgZ3p00JvNu-DzLUax8RRbvCuq_hqk8L0K0pK_rlE6THgD-ioT7PCRk7WxD0GBeYHIHuHRdLsGakRT3P8O_Yy6hB0ufw4keEKPSctTAcc7CQ);
border-image-source: url("https://psv4.userapi.com/c237131/u366295406/docs/d30/9f8ed8968c88/border.png?extra=q9NO-IePu4DIlAl2Z-fvple_Xn3HPZ3nL8jho8ig_TYgZ3p00JvNu-DzLUax8RRbvCuq_hqk8L0K0pK_rlE6THgD-ioT7PCRk7WxD0GBeYHIHuHRdLsGakRT3P8O_Yy6hB0ufw4keEKPSctTAcc7CQ");
border-image-slice: 40% 40% 40% 40%;
border-image-slice: 40% 40% 40% 40%;
border-image-outset: 12px;
border-image-outset: 12px;
border-image-width: 34px;
border-image-width: 34px;
&:before{
content: "@";
font-size: 0;
position: absolute;
top: 50%;
left: -7px;
background-image: url(https://psv4.userapi.com/c236331/u366295406/docs/d1/e9a9459e4027/gem.jpg?extra=BI5O7WXRBaCy6JvrW7fCRGbi3GtskGv7YioomVOn0a6YT5KTuAf9tYCPnvU2Gfm0Wis0ayDRCPGanVpcUnuZgTPxvVkIzea7RZGnXePH3eBIQp93Ml-HxfMPnyE90iVm2Z8YYiLzyxdyMmUaDYqCOw);
width: 19px;
height: 15px;
}
}
}
 
.mw-body a {
#p-cactions li{
color: wheat;
}
.mw-body:before {
content: "@";
font-size: 0;
position: absolute;
top: 50%;
left: -7px;
background-image: url("https://psv4.userapi.com/c236331/u366295406/docs/d1/e9a9459e4027/gem.jpg?extra=BI5O7WXRBaCy6JvrW7fCRGbi3GtskGv7YioomVOn0a6YT5KTuAf9tYCPnvU2Gfm0Wis0ayDRCPGanVpcUnuZgTPxvVkIzea7RZGnXePH3eBIQp93Ml-HxfMPnyE90iVm2Z8YYiLzyxdyMmUaDYqCOw");
width: 19px;
height: 15px;
}
#p-cactions li {
border: outset 2px #e4d057;
border: outset 2px #e4d057;
border-bottom: 0;
border-bottom: 0;
Строка 36: Строка 33:
overflow: hidden;
overflow: hidden;
background: none;
background: none;
border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0 0;
background-color: #49384a;
background-color: #49384a;
a{
background: none;
color: wheat;
&:hover{
background-color: transparent;
}
}
&.selected{
border-color: #e4d057;
margin-left: 6px;
background-color: #e6c458;
a{
background: none;
color: #0a0101;
}
}
}
}
 
#p-cactions li a {
.mw-wiki-logo { //логотип
background: none;
background-image: url(http://dwarffortresswiki.org/images/7/71/Df-Logo-Resized.png?149f0);
color: wheat;
}
#p-cactions li a:hover {
background-color: transparent;
}
#p-cactions li.selected {
border-color: #e4d057;
margin-left: 6px;
background-color: #e6c458;
}
#p-cactions li.selected a {
background: none;
color: #0a0101;
}
.mw-wiki-logo {
background-image: url("http://dwarffortresswiki.org/images/7/71/Df-Logo-Resized.png?149f0");
}
.portlet div {
background-color: rgba(50, 44, 51, 0.96);
border: 2px outset #e4d057;
border-radius: 5px;
}
.portlet div a {
color: wheat;
}
}
 
.portlet h3 {
.portlet { //навигация
color: #fafafa;
div{
border: outset 2px #e4d057;
background-color: rgba(50,44,51,0.96);
border-bottom: 0;
border: 2px outset #e4d057;
border-radius: 10px 10px 0 0;
border-radius: 5px;
background-color: #49384a;
a{
margin-left: 3px;
color: wheat;
}
}
h3{
color: #fafafa;
border: outset 2px #e4d057;
border-bottom: 0;
border-radius: 10px 10px 0px 0px;
background-color: #49384a;
margin-left: 3px;
}
}
}
 
.firstHeading,
.firstHeading, h2, h3, h4, h5 {
h2,
color: #fafafa
h3,
h4,
h5 {
color: #fafafa;
}
}
.firstHeading{
.firstHeading {
font-family: Retro Land Mayhem, sans-serif;
font-family: Retro Land Mayhem, sans-serif;
}
}
#p-personal ul {
#p-personal ul {
background-color: #323033;
background-color: #323033;
Строка 91: Строка 86:
border-top: 0;
border-top: 0;
border-right: 0;
border-right: 0;
padding-left: 0%;
padding-left: 0;
padding-bottom: .35%;
padding-bottom: 0.35%;
padding-top: 0.3%;
padding-top: 0.3%;
/* Закрепляет верхнюю панель
position: fixed;
right: 0;
*/
a{
color: wheat;
&:hover{
background: none;
}
}
}
}
 
#p-personal ul a {
color: wheat;
}
#p-personal ul a:hover {
background: none;
}
.toc {
.toc {
background-color: #323033;
background-color: #323033;
border: 2px outset #e4d057;
border: 2px outset #e4d057;
color: #fafafa;
color: #fafafa;
.toctogglelabel{
color: wheat;
}
.tocnumber {
color: #fafafa;
}
}
}
 
.toc .toctogglelabel {
.mw-parser-output a.external, .link-https{
color: wheat;
}
.toc .tocnumber {
color: #fafafa;
}
.mw-parser-output a.external,
.link-https {
color: wheat;
color: wheat;
}
}
 
div.thumbinner,
div.thumbinner, .thumbinner{
.thumbinner {
background-color: #323033;
background-color: #323033;
border: 2px outset #e4d057;
border: 2px outset #e4d057;
color: #fafafa;
color: #fafafa;
}
}
 
.mw-parser-output pre,
.mw-parser-output pre, pre {
pre {
background-color: black;
background-color: black;
color: white;
color: white;
}
}
table.wikitable.floatright {
table.wikitable.floatright {
background-color: #323033;
background-color: #323033;
Строка 139: Строка 127:
color: #fafafa;
color: #fafafa;
}
}
code {
code {
background-color: #1d1b1e;
background-color: #1d1b1e;
Строка 145: Строка 132:
color: #fafafa;
color: #fafafa;
}
}
.catlinks {
.catlinks {
background-color: #323033;
background-color: #323033;
border: 1px inset #e4d057;
border: 1px inset #e4d057;
}
}
.mw-footer {
.mw-footer {
background-color: #323033;
background-color: #323033;
Строка 161: Строка 146:
border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
margin-bottom: 0;
margin-bottom: 0;
a{
color: wheat;
}
}
}
 
.mw-footer a {
//кнопки нужно изменять в шаблоне
color: wheat;
/*.mw-parser-output span {
}
color: #0a0a0a
}*/
 
//Служебное
 
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
color: #0a0a0a;
color: #0a0a0a;
}
}
//Инфобоксы -- нужны чистые стили
.mw-parser-output > .infobox {
 
.mw-parser-output > .infobox{
background-color: #323033 !important;
background-color: #323033 !important;
border: 2px outset #e4d057 !important;
border: 2px outset #e4d057 !important;
color: #fafafa;
color: #fafafa;
}
}
.mw-parser-output > .infobox > tbody > tr > th {
.mw-parser-output > .infobox > tbody > tr > th {
background-color: #323033 !important;
background-color: #323033 !important;
Строка 189: Строка 163:
.mw-parser-output > .infobox > tbody > tr > td {
.mw-parser-output > .infobox > tbody > tr > td {
background-color: #323033 !important;
background-color: #323033 !important;
a{
}
color: wheat;
.mw-parser-output > .infobox > tbody > tr > td a {
}
color: wheat;
}
}

Версия от 13:36, 29 ноября 2022

body {
	background-image: url("http://img2.reactor.cc/pics/post/full/Dwarf-Fortress-%D0%98%D0%B3%D1%80%D1%8B-%D0%BA%D0%B0%D1%80%D1%82%D0%B0-%D0%9A%D0%BB%D0%B8%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE-5888472.png");
	background-size: stretch;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.mw-body {
	background-color: rgba(50, 48, 51, 0.96);
	color: #fafafa;
	border: 1px solid;
	border-image-source: url("https://psv4.userapi.com/c237131/u366295406/docs/d30/9f8ed8968c88/border.png?extra=q9NO-IePu4DIlAl2Z-fvple_Xn3HPZ3nL8jho8ig_TYgZ3p00JvNu-DzLUax8RRbvCuq_hqk8L0K0pK_rlE6THgD-ioT7PCRk7WxD0GBeYHIHuHRdLsGakRT3P8O_Yy6hB0ufw4keEKPSctTAcc7CQ");
	border-image-slice: 40% 40% 40% 40%;
	border-image-outset: 12px;
	border-image-width: 34px;
}
.mw-body a {
	color: wheat;
}
.mw-body:before {
	content: "@";
	font-size: 0;
	position: absolute;
	top: 50%;
	left: -7px;
	background-image: url("https://psv4.userapi.com/c236331/u366295406/docs/d1/e9a9459e4027/gem.jpg?extra=BI5O7WXRBaCy6JvrW7fCRGbi3GtskGv7YioomVOn0a6YT5KTuAf9tYCPnvU2Gfm0Wis0ayDRCPGanVpcUnuZgTPxvVkIzea7RZGnXePH3eBIQp93Ml-HxfMPnyE90iVm2Z8YYiLzyxdyMmUaDYqCOw");
	width: 19px;
	height: 15px;
}
#p-cactions li {
	border: outset 2px #e4d057;
	border-bottom: 0;
	padding: 4px;
	overflow: hidden;
	background: none;
	border-radius: 15px 15px 0 0;
	background-color: #49384a;
}
#p-cactions li a {
	background: none;
	color: wheat;
}
#p-cactions li a:hover {
	background-color: transparent;
}
#p-cactions li.selected {
	border-color: #e4d057;
	margin-left: 6px;
	background-color: #e6c458;
}
#p-cactions li.selected a {
	background: none;
	color: #0a0101;
}
.mw-wiki-logo {
	background-image: url("http://dwarffortresswiki.org/images/7/71/Df-Logo-Resized.png?149f0");
}
.portlet div {
	background-color: rgba(50, 44, 51, 0.96);
	border: 2px outset #e4d057;
	border-radius: 5px;
}
.portlet div a {
	color: wheat;
}
.portlet h3 {
	color: #fafafa;
	border: outset 2px #e4d057;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	background-color: #49384a;
	margin-left: 3px;
}
.firstHeading,
h2,
h3,
h4,
h5 {
	color: #fafafa;
}
.firstHeading {
	font-family: Retro Land Mayhem, sans-serif;
}
#p-personal ul {
	background-color: #323033;
	border: 2px outset #e4d057;
	border-top: 0;
	border-right: 0;
	padding-left: 0;
	padding-bottom: 0.35%;
	padding-top: 0.3%;
}
#p-personal ul a {
	color: wheat;
}
#p-personal ul a:hover {
	background: none;
}
.toc {
	background-color: #323033;
	border: 2px outset #e4d057;
	color: #fafafa;
}
.toc .toctogglelabel {
	color: wheat;
}
.toc .tocnumber {
	color: #fafafa;
}
.mw-parser-output a.external,
.link-https {
	color: wheat;
}
div.thumbinner,
.thumbinner {
	background-color: #323033;
	border: 2px outset #e4d057;
	color: #fafafa;
}
.mw-parser-output pre,
pre {
	background-color: black;
	color: white;
}
table.wikitable.floatright {
	background-color: #323033;
	border: 2px outset #e4d057;
	color: #fafafa;
}
code {
	background-color: #1d1b1e;
	border-color: #1b1320;
	color: #fafafa;
}
.catlinks {
	background-color: #323033;
	border: 1px inset #e4d057;
}
.mw-footer {
	background-color: #323033;
	border: 2px outset #e4d057;
	border-bottom: 0;
	color: #fafafa;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px 15px 0 0;
	margin-bottom: 0;
}
.mw-footer a {
	color: wheat;
}
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
	color: #0a0a0a;
}
.mw-parser-output > .infobox {
	background-color: #323033 !important;
	border: 2px outset #e4d057 !important;
	color: #fafafa;
}
.mw-parser-output > .infobox > tbody > tr > th {
	background-color: #323033 !important;
}
.mw-parser-output > .infobox > tbody > tr > td {
	background-color: #323033 !important;
}
.mw-parser-output > .infobox > tbody > tr > td a {
	color: wheat;
}