Järjestelmäviesti:Timeless.css

Kohteesta Kontuwiki

Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.

  • Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
  • Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
  • Internet Explorer: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5
  • Opera: Valikko → Asetukset (Opera → Asetukset Macilla) ja sitten Tietosuoja ja turvallisuus → Tyhjennä selaustiedot → Välimuistissa olevat kuvat ja tiedostot.
/* Tämä sivu sisältää Ajaton-ulkoasua muuttavia tyylejä. */
@media screen and (min-width: 851px) {
	.color-middle-container,
	.ts-inner { max-width: 100rem; }
}
#p-logo {
	display: none;
}
#p-logo-text a { color: inherit; }
body {
	all: initial;
	font: inherit;
	color: inherit;
    line-height: normal;
	tab-size: 4;
}
#menus-cover { background: black; }
#mw-content-container {
	background: none;
	border: none;
}
#mw-content {
	background-color: #F0F0E0;
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.375);
}
#mw-header-container {
	background: black;
	color: white;
}
#personal .dropdown { color: #333; }
#mw-page-header-links {
	display: inline-block;
	width: 100%;
}
#p-views li, #p-more li {
	margin-left: 0.75em;
}
#mw-footer-container {
	background: rgba(0, 0, 0, 0.375);
}
@media screen and (min-width: 43em) {
	#mw-wrapper {
		background-image: url('https://kontu.me/assets/xenforo/noise.png');
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}
	#mw-content-container {
		flex: 1 1 auto;
	}
}
@media screen and (max-width: 550px) {
	#p-logo-text {
	    left: 3.45em;
		position: absolute;
		top: 1.125em;
	}
}
@media screen and (max-width: 850px) {
	#site-navigation h2 {
		background: white;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cg%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%222.815%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%2212.197%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%2221.58%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3C/g%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cg%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%222.815%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%2212.197%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3Crect rx=%221.465%22 ry=%221.465%22 y=%2221.58%22 x=%222.815%22 height=%224.691%22 width=%2222.518%22/%3E%3C/g%3E%3C/svg%3E");
	}
	#site-tools h2 {
		background: white;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cpath d=%22M13.64 2.814a1.738 1.738 0 0 0-1.743 1.743v1.134A9.584 9.584 0 0 0 9.01 6.883l-.789-.788a1.737 1.737 0 0 0-2.464 0l-.615.617a1.738 1.738 0 0 0 0 2.464l.795.794a9.584 9.584 0 0 0-1.187 2.864H3.62a1.738 1.738 0 0 0-1.745 1.742v.871c0 .965.777 1.743 1.743 1.743h1.134a9.584 9.584 0 0 0 1.192 2.885l-.803.804a1.74 1.74 0 0 0 0 2.466l.615.615a1.738 1.738 0 0 0 2.464 0l.812-.811a9.584 9.584 0 0 0 2.862 1.186v1.132a1.74 1.74 0 0 0 1.743 1.742h.871a1.738 1.738 0 0 0 1.742-1.742v-1.134a9.584 9.584 0 0 0 2.866-1.181l.809.809a1.74 1.74 0 0 0 2.465 0l.616-.616a1.74 1.74 0 0 0 0-2.466l-.808-.809a9.584 9.584 0 0 0 1.198-2.88h1.131a1.738 1.738 0 0 0 1.743-1.743v-.87a1.738 1.738 0 0 0-1.743-1.743h-1.134a9.584 9.584 0 0 0-1.18-2.866l.793-.792a1.738 1.738 0 0 0 0-2.464l-.615-.617a1.74 1.74 0 0 0-2.466 0l-.792.791a9.584 9.584 0 0 0-2.883-1.197V4.557a1.738 1.738 0 0 0-1.74-1.743zm.56 6.97a5.102 5.227 0 0 1 5.102 5.228 5.102 5.227 0 0 1-5.101 5.227 5.102 5.227 0 0 1-5.102-5.227A5.102 5.227 0 0 1 14.2 9.784z%22/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cpath d=%22M13.64 2.814a1.738 1.738 0 0 0-1.743 1.743v1.134A9.584 9.584 0 0 0 9.01 6.883l-.789-.788a1.737 1.737 0 0 0-2.464 0l-.615.617a1.738 1.738 0 0 0 0 2.464l.795.794a9.584 9.584 0 0 0-1.187 2.864H3.62a1.738 1.738 0 0 0-1.745 1.742v.871c0 .965.777 1.743 1.743 1.743h1.134a9.584 9.584 0 0 0 1.192 2.885l-.803.804a1.74 1.74 0 0 0 0 2.466l.615.615a1.738 1.738 0 0 0 2.464 0l.812-.811a9.584 9.584 0 0 0 2.862 1.186v1.132a1.74 1.74 0 0 0 1.743 1.742h.871a1.738 1.738 0 0 0 1.742-1.742v-1.134a9.584 9.584 0 0 0 2.866-1.181l.809.809a1.74 1.74 0 0 0 2.465 0l.616-.616a1.74 1.74 0 0 0 0-2.466l-.808-.809a9.584 9.584 0 0 0 1.198-2.88h1.131a1.738 1.738 0 0 0 1.743-1.743v-.87a1.738 1.738 0 0 0-1.743-1.743h-1.134a9.584 9.584 0 0 0-1.18-2.866l.793-.792a1.738 1.738 0 0 0 0-2.464l-.615-.617a1.74 1.74 0 0 0-2.466 0l-.792.791a9.584 9.584 0 0 0-2.883-1.197V4.557a1.738 1.738 0 0 0-1.74-1.743zm.56 6.97a5.102 5.227 0 0 1 5.102 5.228 5.102 5.227 0 0 1-5.101 5.227 5.102 5.227 0 0 1-5.102-5.227A5.102 5.227 0 0 1 14.2 9.784z%22/%3E%3C/svg%3E");
	}
	#user-tools h2 {
		background: white;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cpath d=%22M5.104 12.915c-2.477 3.345-2.756 6.998-1.729 9.42.689 1.652 1.661 2.62 2.802 3.207 1.114.6 2.462.727 3.659.729h8.911c1.297 0 2.606-.29 3.732-.944 1.126-.655 2.056-1.68 2.534-3.206.69-2.17.375-5.642-2.083-9.045-.01.017-.03.026-.04.041a10.568 10.51 0 0 1-8.827 4.746 10.568 10.51 0 0 1-8.96-4.948z%22/%3E%3Cpath d=%22M14.073 2.728c-3.109 0-5.629 2.449-5.629 5.467s2.52 5.465 5.63 5.465c3.108 0 5.63-2.447 5.63-5.465 0-3.017-2.522-5.465-5.63-5.465z%22/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2230%22 height=%2230%22 viewBox=%220 0 28.147 28.147%22%3E%3Cpath d=%22M5.104 12.915c-2.477 3.345-2.756 6.998-1.729 9.42.689 1.652 1.661 2.62 2.802 3.207 1.114.6 2.462.727 3.659.729h8.911c1.297 0 2.606-.29 3.732-.944 1.126-.655 2.056-1.68 2.534-3.206.69-2.17.375-5.642-2.083-9.045-.01.017-.03.026-.04.041a10.568 10.51 0 0 1-8.827 4.746 10.568 10.51 0 0 1-8.96-4.948z%22/%3E%3Cpath d=%22M14.073 2.728c-3.109 0-5.629 2.449-5.629 5.467s2.52 5.465 5.63 5.465c3.108 0 5.63-2.447 5.63-5.465 0-3.017-2.522-5.465-5.63-5.465z%22/%3E%3C/svg%3E");
	}
}
@media screen and (min-width: 851px) {
	#personal h2:after {
		background: white;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2216%22%3E%3Cpath d=%22M15.5 6l-5 5-5-5z%22/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2216%22%3E%3Cpath d=%22M15.5 6l-5 5-5-5z%22/%3E%3C/svg%3E");
	}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
	#mw-content-container {
		margin-top: 0;
	}
	#mw-header-nav-hack {
		background: black;
		border-color: rgba(255, 255, 255, 0.375);
	}
	#mw-related-navigation h2:after,#mw-site-navigation h2:after {
		background: white;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2216%22%3E%3Cpath d=%22M15.5 6l-5 5-5-5z%22/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2216%22%3E%3Cpath d=%22M15.5 6l-5 5-5-5z%22/%3E%3C/svg%3E");
	}
}
@media screen and (min-width: 1100px) {
	#mw-site-navigation .sidebar-chunk,
	#mw-related-navigation .sidebar-chunk {
		background-color: #F0F0E0;
		border-color: rgba(0, 0, 0, 0.25);
		box-shadow: 0 0 9px rgba(0, 0, 0, 0.375);
	}
	#mw-site-navigation .sidebar-chunk h3,
	#mw-related-navigation .sidebar-chunk h3 {
		border: none;
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 1099px) and (min-width: 851px) {
    #mw-site-navigation h2, #mw-related-navigation h2 {
        color: white;
    }
}