MediaWiki:Common.css: Różnice pomiędzy wersjami

Z ChanWiki
Przejdź do nawigacji Przejdź do wyszukiwania
imported>Cot
UWAGA! Usunięcie treści (strona pozostała pusta)!
imported>Cot
m Wycofano edycje użytkownika Cot (dyskusja). Autor przywróconej wersji to [[User:imported>Administrator|imported>Administrator]].
Linia 1: Linia 1:
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* misc */
.bubblebox {
margin-bottom: 20px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-radius: 10px;
}
.bubblebox > .content {
padding: 5px;
}
.bubblebox.blue {
background-color: #f5faff;
border-color: #a7d7f9;
box-shadow: 2px 2px #a7d7f9;
}
.bubblebox.red {
background-color: #fff3f3;
border-color: #dcb3b3;
box-shadow: 2px 2px #dcb3b3;
}
.bubblebox.orange {
background-color: #fff4db;
border-color: #fbd160;
box-shadow: 2px 2px #fbd160;
}
.bubblebox.gray {
background-color: #f3f3f3;
border-color: #bdbdbd;
box-shadow: 2px 2px #bdbdbd;
}
.bubblebox.green {
background-color: #f3f6ee;
border-color: #b4be94;
box-shadow: 2px 2px #b4be94;
}
.bubblebox > .label img {
margin-top: -2px;
}
.bubblebox > .label {
padding: 0 10px 0 10px;
height: 20px;
border-radius: 10px;
font-weight: bold;
color: #000;
}
.bubblebox.blue > .label {
background-color: #a7d7f9;
}
.bubblebox.red > .label {
background-color: #dcb3b3;
}
.bubblebox.orange > .label {
background-color: #fbd160;
}
.bubblebox.gray > .label {
background-color: #bdbdbd;
}
.bubblebox.green > .label {
background-color: #b4be94;
}
#mp-top {
font-family: sans-serif;
overflow: auto;
}
#mp-header {
float: left;
padding: 0 0 10px 10px;
width: 25%;
}
#mp-header em {
font-size: 1.2em;
}
#mp-welcome {
font-size: 1.6em;
}
#mp-nav {
margin-left: 25%;
padding: 5px;
text-align: center;
}
#mp-nav img {
background-color: #a7d7f9;
border-radius: 26px;
}
#mp-nav img:hover {
background-color: #0060a0;
box-shadow: 0 0 5px #a7d7f9;
}
#mp-nav .enlarged {
font-size: 1.2em;
}
#mp-categories {
margin: 0;
list-style-type: none;
}
#mp-categories li {
display: inline-block;
margin: 0 10px 10px 0;
min-width: 60px;
white-space: nowrap;
text-align: center;
}
#mp-main {
font-family: sans-serif;
}
#mp-lside {
float: left;
width: 35%;
}
#mp-rside {
margin-left: 35%;
padding-left: 20px;
}
/* Latest news content */
div.latest-news {
  background-image: url(images/1/1d/Dat-niusy-alpha.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}
/* Article message box template styles */
table.ambox {
margin: 0 10%; /* Will not overlap with other elements */
border-collapse: collapse;
background-color: #fbfbfb !important;
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
}
table.ambox:last-child {margin: 0 10% 1.6em 10% !important;}
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
padding: 0.5em; /* 0.5em left/right */
width: 100%; /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image { /* The left image cell */
padding: 4px 0 4px 0.5em; /* 0.5em left, 0 right */
text-align: center;
}
table.ambox td.ambox-imageright { /* The right image cell */
padding: 4px 4px 4px 0; /* 0 left, 4px right */
text-align: center;
}
table.ambox-notice {border-left: 10px solid #1e90ff;} /* Blue */
table.ambox-delete,
table.ambox-serious {border-left: 10px solid #b22222;} /* Red */
table.ambox-content {border-left: 10px solid #f28500;} /* Orange */
table.ambox-style {border-left: 10px solid #f4c430;} /* Yellow */
table.ambox-merge {border-left: 10px solid #9932cc;} /* Purple */
table.ambox-protection {border-left: 10px solid #bba;} /* Gray */
table.ambox.ambox-mini {                /* small floating box variant */
float: right;
clear: right;
margin: 0 0 0 1em;
width: 25%;
}
/* Fix doubled border in case of the occurence of multiple amboxes */
table.ambox + table.ambox {border-top: 0 !important;}


.spoiler{background:black;color:black}.spoiler:hover{color:white}
.obrazek img{width:150px}
.obrazek > img {width:150px}
.obrazek > td > img {width:150px}
@font-face {
  font-family: 'Wycop';
  src: url('../fonts/Wycop.woff?v=0.1.5') format('woff'),
      url('../fonts/Wycop.ttf?v=0.1.5') format('truetype'),
      url('../fonts/Wycop.svg?v=0.1.5#Wycop') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wycop {
  display: inline-block;
  font: normal normal normal 14px/1 Wycop;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.wycop-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
.wycop-stack-1x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit;
}
.wycop-wykop:before { content: "\f1f8"; }
.wycop-karachan:before { content: "\f1f9"; }
.wycop-papiez:before { content: "\f1fa"; }
.wycop-bartoszewski:before { content: "\f1fb"; }
@font-face {
    font-family: morpheus;
    src: url('//szonarchive.xyz/fonts/morpheus.ttf');
}
.witcher {
font-family: morpheus;
font-size: 110%;
}
@font-face {
  font-family: 'Chicago';
  src: url('//szonarchive.xyz/fonts/Chicago.ttf')  format('truetype');
}
@font-face {
  font-family: 'Carbon';
  src: url('//szonarchive.xyz/fonts/Carbon.ttf')  format('truetype');
}
@font-face {
  font-family: 'BebasNeueBold';
  src: url('//szonarchive.xyz/fonts/BebasNeueBold.otf')  format("opentype");
}
#content,div.vectorMenu h3 span,element.style,h1,h2,span{color:#eee}.catlinks,.mw-body,div.thumbinner{border:1px solid #666}#mw-head,body{background-color:#222}#toc,.tocnumber{background-color:#444;color:#eee}#content{background-color:#333}div.thumbinner{background-color:#777}#pagehistory li.selected,.catlinks,.editOptions,table *{background-color:#555}table *{border:none}.mw-plusminus-pos{color:#afa}.mw-plusminus-neg{color:#f88}.autocomment{color:#bbb}td.diff-context{color:#bbb;background-color:#666;border-color:#777}.diff-addedline .diffchange{background-color:#47b}.diff-deletedline .diffchange{background-color:#993}.mw-search-profile-tabs{background-color:#444}.search-types .current a{color:#ccf}.mw-code,.mw-searchSuggest-link *,.oo-ui-textInputWidget.oo-ui-iconElement input,.oo-ui-textInputWidget.oo-ui-iconElement textarea,.suggestions-results *,.suggestions-special .special-query,div#simpleSearch,div#simpleSearch input,pre{background-color:#555;color:#eee}div.vectorMenu li a{background-color:#555;color:#ccf}.suggestions-special .special-label,div#footer ul li{color:#ddd}.mw-body-content a.extiw,a,a.external.free,a.external.text{color:#ccf}.mw-body-content a.extiw:visited,a.external.free:visited,a.external.text:visited,a:visited{color:#caf}a.new{color:#faa}a.new:visited{color:#fac}div#mw-panel div.portal div.body ul li a{color:#ccf}div#mw-panel div.portal div.body ul li a:visited{color:#caf}div#mw-panel div.portal h3{color:#eee}#p-personal a.new{color:#faa}#p-personal a.new:visited{color:#fac}a.external.autonumber{color:#ccf}a:visited.external.autonumber{color:#caf}div.vectorTabs span,div.vectorTabs ul li{background-image:none;background-color:#555}div.vectorTabs{background-image:none;border-left:1px solid #666}div.vectorTabs li a{color:#ccf;background-color:#161616}div.vectorTabs li.selected a{background-color:#333}div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#fff}div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#fac}.bubblebox.blue,.bubblebox.gray,.bubblebox.green,.bubblebox.orange,.bubblebox.red{background-color:#555}
.spoilers-body {
    color: black!important;
}

Wersja z 14:21, 31 maj 2020

/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* misc */
.bubblebox {
	margin-bottom: 20px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
}
 
.bubblebox > .content {
	padding: 5px;
}
 
.bubblebox.blue {
	background-color: #f5faff;
	border-color: #a7d7f9;
	box-shadow: 2px 2px #a7d7f9;
}
.bubblebox.red {
	background-color: #fff3f3;
	border-color: #dcb3b3;
	box-shadow: 2px 2px #dcb3b3;
}
.bubblebox.orange {
	background-color: #fff4db;
	border-color: #fbd160;
	box-shadow: 2px 2px #fbd160;
}
.bubblebox.gray {
	background-color: #f3f3f3;
	border-color: #bdbdbd;
	box-shadow: 2px 2px #bdbdbd;
}
.bubblebox.green {
	background-color: #f3f6ee;
	border-color: #b4be94;
	box-shadow: 2px 2px #b4be94;
}
 
.bubblebox > .label img {
	margin-top: -2px;
}
.bubblebox > .label {
	padding: 0 10px 0 10px;
	height: 20px;
	border-radius: 10px;
	font-weight: bold;
	color: #000;
}
.bubblebox.blue > .label { 
	background-color: #a7d7f9;
}
.bubblebox.red > .label { 
	background-color: #dcb3b3;
}
.bubblebox.orange > .label { 
	background-color: #fbd160;
}
.bubblebox.gray > .label { 
	background-color: #bdbdbd;
}
.bubblebox.green > .label { 
	background-color: #b4be94;
}
 
 
#mp-top {
	font-family: sans-serif;
	overflow: auto;
}
 
 
#mp-header {
	float: left;
	padding: 0 0 10px 10px;
	width: 25%;
}
#mp-header em {
	font-size: 1.2em;
}
 
#mp-welcome {
	font-size: 1.6em;
}
 
 
#mp-nav {
	margin-left: 25%;
	padding: 5px;
	text-align: center;
}
#mp-nav img {
	background-color: #a7d7f9; 
	border-radius: 26px;
}
#mp-nav img:hover {
	background-color: #0060a0;
	box-shadow: 0 0 5px #a7d7f9;
}
#mp-nav .enlarged {
	font-size: 1.2em;
}
 
#mp-categories {
	margin: 0;
	list-style-type: none;
}
#mp-categories li {
	display: inline-block;
	margin: 0 10px 10px 0;
	min-width: 60px;
	white-space: nowrap;
	text-align: center;
}
 
 
#mp-main {
	font-family: sans-serif;
}
 
#mp-lside {
	float: left;
	width: 35%;
}
#mp-rside {
	margin-left: 35%;
	padding-left: 20px;
}
 
 
/* Latest news content */
div.latest-news {
   background-image: url(images/1/1d/Dat-niusy-alpha.png);
   background-position: right bottom;
   background-repeat: no-repeat;
}
 
 
/* Article message box template styles */
table.ambox {
	margin: 0 10%;				/* Will not overlap with other elements */
	border-collapse: collapse;
	background-color: #fbfbfb !important;
	border: 1px solid #aaa;
	border-left: 10px solid #1e90ff;	/* Default "notice" blue */
}
table.ambox:last-child {margin: 0 10% 1.6em 10% !important;}
table.ambox th.ambox-text, table.ambox td.ambox-text {      /* The message body cell(s) */
	padding: 0.5em;			/* 0.5em left/right */
	width: 100%;				/* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image {		/* The left image cell */
	padding: 4px 0 4px 0.5em;	/* 0.5em left, 0 right */
	text-align: center;
}
table.ambox td.ambox-imageright {	/* The right image cell */
	padding: 4px 4px 4px 0;		/* 0 left, 4px right */
	text-align: center;
}
table.ambox-notice {border-left: 10px solid #1e90ff;}	/* Blue */
table.ambox-delete,
table.ambox-serious {border-left: 10px solid #b22222;}	/* Red */
table.ambox-content {border-left: 10px solid #f28500;}	/* Orange */
table.ambox-style {border-left: 10px solid #f4c430;}	/* Yellow */
table.ambox-merge {border-left: 10px solid #9932cc;}	/* Purple */
table.ambox-protection {border-left: 10px solid #bba;}	/* Gray */
table.ambox.ambox-mini {                 /* small floating box variant */
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	width: 25%;
}
/* Fix doubled border in case of the occurence of multiple amboxes */
table.ambox + table.ambox {border-top: 0 !important;}

.spoiler{background:black;color:black}.spoiler:hover{color:white}
.obrazek img{width:150px}
.obrazek > img {width:150px}
.obrazek > td > img {width:150px}

@font-face {
  font-family: 'Wycop';
  src: url('../fonts/Wycop.woff?v=0.1.5') format('woff'),
       url('../fonts/Wycop.ttf?v=0.1.5') format('truetype'),
       url('../fonts/Wycop.svg?v=0.1.5#Wycop') format('svg');
  font-weight: normal;
  font-style: normal;
}

.wycop {
  display: inline-block;
  font: normal normal normal 14px/1 Wycop;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.wycop-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}

.wycop-stack-1x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit;
}

.wycop-wykop:before { content: "\f1f8"; }
.wycop-karachan:before { content: "\f1f9"; }
.wycop-papiez:before { content: "\f1fa"; }
.wycop-bartoszewski:before { content: "\f1fb"; }


@font-face {
    font-family: morpheus;
    src: url('//szonarchive.xyz/fonts/morpheus.ttf');
}

.witcher {
	font-family: morpheus;
	font-size: 110%;
}

@font-face {
  font-family: 'Chicago';
  src: url('//szonarchive.xyz/fonts/Chicago.ttf')  format('truetype');
}

@font-face {
  font-family: 'Carbon';
  src: url('//szonarchive.xyz/fonts/Carbon.ttf')  format('truetype');
}

@font-face {
  font-family: 'BebasNeueBold';
  src: url('//szonarchive.xyz/fonts/BebasNeueBold.otf')  format("opentype");
}
#content,div.vectorMenu h3 span,element.style,h1,h2,span{color:#eee}.catlinks,.mw-body,div.thumbinner{border:1px solid #666}#mw-head,body{background-color:#222}#toc,.tocnumber{background-color:#444;color:#eee}#content{background-color:#333}div.thumbinner{background-color:#777}#pagehistory li.selected,.catlinks,.editOptions,table *{background-color:#555}table *{border:none}.mw-plusminus-pos{color:#afa}.mw-plusminus-neg{color:#f88}.autocomment{color:#bbb}td.diff-context{color:#bbb;background-color:#666;border-color:#777}.diff-addedline .diffchange{background-color:#47b}.diff-deletedline .diffchange{background-color:#993}.mw-search-profile-tabs{background-color:#444}.search-types .current a{color:#ccf}.mw-code,.mw-searchSuggest-link *,.oo-ui-textInputWidget.oo-ui-iconElement input,.oo-ui-textInputWidget.oo-ui-iconElement textarea,.suggestions-results *,.suggestions-special .special-query,div#simpleSearch,div#simpleSearch input,pre{background-color:#555;color:#eee}div.vectorMenu li a{background-color:#555;color:#ccf}.suggestions-special .special-label,div#footer ul li{color:#ddd}.mw-body-content a.extiw,a,a.external.free,a.external.text{color:#ccf}.mw-body-content a.extiw:visited,a.external.free:visited,a.external.text:visited,a:visited{color:#caf}a.new{color:#faa}a.new:visited{color:#fac}div#mw-panel div.portal div.body ul li a{color:#ccf}div#mw-panel div.portal div.body ul li a:visited{color:#caf}div#mw-panel div.portal h3{color:#eee}#p-personal a.new{color:#faa}#p-personal a.new:visited{color:#fac}a.external.autonumber{color:#ccf}a:visited.external.autonumber{color:#caf}div.vectorTabs span,div.vectorTabs ul li{background-image:none;background-color:#555}div.vectorTabs{background-image:none;border-left:1px solid #666}div.vectorTabs li a{color:#ccf;background-color:#161616}div.vectorTabs li.selected a{background-color:#333}div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#fff}div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#fac}.bubblebox.blue,.bubblebox.gray,.bubblebox.green,.bubblebox.orange,.bubblebox.red{background-color:#555}

.spoilers-body {
    color: black!important;
}