Difference between revisions of "Järjestelmäviesti:Common.css"

Revision as of 19:18, 3 July 2018

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
body {
	font-family: Helvetica Neue, Noto Sans, Helvetica, Arial, sans-serif;
	color: #333;
	background: #6b98c2;
}

#searchform {
	display:none;
}

#searchButton {
	min-width: 0;
	right: 0;
}

#mw-content a > img {
	height: auto !important;
	max-width: 100% !important;
}

#etusivu {
	display:flex;
	justify-content: space-between;
}

#uutiset {
	flex: 0 0 20em;
	margin-top: -1em;
}

.popupotsikko {
	font-size: 1.3em;
}

.pokey {
	top: 1em;
}

#searchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ccc;
}

#searchInput::-moz-placeholder { /* Firefox 19+ */
	color: #ccc;
}

#searchInput:-ms-input-placeholder { /* IE 10+ */
	color: #ccc;
}

#searchInput:-moz-placeholder { /* Firefox 18- */
	color: #ccc;
}

input[type='submit'] {
	background: #0075d6;
	text-shadow: none;
	padding: 0.6em 1.5em;
	color: white;
	border: none;
	min-width: 9em;
}

input[type='submit']:hover {
	background-color: #008dff;
}

ul.action {
	padding: 0;
	margin-left: -0.5em;
	list-style-type: none;
}

.action > li {
	display: inline-block;
	background-color: white;
	border: 2px solid #0075d6;
	border-radius: 0.2em;
	list-style-type: none;
	padding: 0.6em 1em;
	margin: 0.5em;
}

.action > li:hover {
	background-color: #0075d6;
	color: white;
}

.action > li:hover a {
	color: white;
}

#mw-page-header-links li {
	margin: 0.2em 0 0.6em 1em;
	border-bottom: solid 3px transparent;
}

#simpleSearch {
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.05);
	background: transparent;
	position: relative;
	border: solid 1px #ccc;
	border-radius: 3px;
	top: 0.35em;
}

#searchInput {
	height: inherit;
	padding: 0.7em 1em;
}

#mw-content {
	padding: 0.2em 2em 3em;
}

#p-pageactions {
	padding-bottom: 1em;
}

/* alle 850 */

@media screen and (max-width: 850px) {
	#mw-header-container {
		background: #ffffff;
		padding: 4.75em 2em 0.35em;
	}

	#user-tools h2, .sidebar-chunk h2 {
		top: 2.6em;
	}

	#simpleSearch {
		top: 0;
	}

	#p-logo-text {
		top: 1em;
		left: 2em;
		right: inherit;
	}

	#etusivu {
		flex-flow: wrap;
	}

	#site-navigation h2 {
		right: 5.5em;
		left: inherit;
	}
#site-tools h2 {
    right: 8.5em;
}

#site-navigation .sidebar-inner {
    left: auto;
    right: 0;
}
}

/* uusi 850-1100 */
@media screen and (max-width: 1099px) and (min-width: 851px) {

}

/* yli 850 */

@media screen and (min-width: 851px) {
	#mw-header-container {
		min-height: 4.5em;
		padding: 1em 0 0;
	}

	#mw-content-container {
		margin-top: 5em;
		padding-bottom: 2em;
	}

	#personal h2 {
		font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
	}

	#user-tools {
		width: unset;
		float: right;
	}

	#p-search {
		margin-left: 15em;
		margin-right: 16em;
	}

	#personal .dropdown {
		top: 2em;
	}

	#personal .pokey {
		top: 1.7em;
	}

	.ts-inner {
		padding: 0 2em;
	}
}

/* 850-1100 */

@media screen and (max-width: 1099px) and (min-width: 851px) {
	#mw-site-navigation h2, #mw-related-navigation h2 {
		font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans', 'Arial', sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
		padding: 0;
	}

	#mw-related-navigation .sidebar-inner, #mw-site-navigation .sidebar-inner {
		top: 1.5em !important;
	}

	#p-search {
		margin-left: 14em;
	}
}

/*yli 1100 */

@media screen and (min-width: 1100px) {
	#mw-site-navigation .sidebar-chunk,
	#mw-related-navigation .sidebar-chunk,
	#personal-inner {
		background: white;
		border: none;
		border-width: 0;
		padding: 0 0 1em 0;
		box-shadow: none;
		overflow: auto;
		margin: 0;
		line-height: 1em;
	}

	#mw-site-navigation {
		padding: 2em 1em 0 0;
	}

	#mw-site-navigation .sidebar-chunk ul, #mw-related-navigation .sidebar-chunk ul {
		margin-bottom: 0;
	}

	#mw-content {
		padding: 0;
	}

	#mw-site-navigation .sidebar-chunk li, #mw-related-navigation .sidebar-chunk li {
		margin: 0 0 0.5em;
	}
}

/* 1100-1340 */

@media screen and (max-width: 1339px) and (min-width: 1100px) {
	#mw-content {
		margin-left: 15em;
	}
	
	#mw-related-navigation {
		padding-left: 2em;
	}
}

/* yli 1340 */
@media screen and (min-width: 1340px){
	#mw-content {
		margin-left: 15em;
		margin-right: 15em;
	}
	
	#mw-related-navigation {
		padding-left: 2em;
	}
}


#p-namespaces li {
	margin: 0.2em 1em 0.5em 0;
}

#p-logo, #mw-header-hack, #mw-header-nav-hack, #menus-cover {
	display: none;
}

#mw-content {
	border:none;
}

#mw-content-container {
	background: #FFF;
}

h1#firstHeading.firstHeading {
	font-family: Helvetica Neue, Noto Sans, Helvetica, Arial, sans-serif;
	border-bottom: none;
}

#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h5, #mw-content h6, #mw-content dt {
	font-family: Helvetica Neue, Noto Sans, Helvetica, Arial, sans-serif;
	margin: 1em 0 .5em;
	font-weight:300;
	letter-spacing: 0.02em;
}

#mw-content-container {
	border-bottom: none;
}

#mw-content h1 {
	border-bottom: none;
}

#mw-content h2 {
	border-bottom: 3px solid #A2B9CC;
	font-size:1.6em;
}

#mw-content h3 {
	border-bottom: 2px solid #BDCCD6;
	font-size:1.4em;
}

#mw-content h4 {
	font-size: 1.2em;
	font-family: Helvetica Neue, Noto Sans, Helvetica, Arial, sans-serif;
	font-weight: 500;
}

#mw-content h5 {
border-bottom: 1px solid #BDCCD6;
}

ul.listaus, ul.maarittely {
	margin: 0.8em 0 1em 0;
}

.listaus li, .maarittely li {
	list-style: none;
	margin: 0.3em 0 0.3em 0;
}

.maarittely {
font-style: italic;
}

a, a:visited, .mw-body-content a.external, .leaflet-container a {
	color: #0075d6;
}

#mw-page-header-links li.selected {
	border-bottom-color: #0075d6;
}

a:hover, .mw-body-content a.external:hover, .leaflet-container a:hover {
	color: #008dff;;
}

.toiminto {
	margin: 1.1em 0.5em 0 0;
}

.inset {
	margin-left: 1.5em;
}

ol.merkinta {
	margin: 1em 0 0 2em;
	counter-reset:li; /* Initiate a counter */
	padding-left:0; /* Remove the default left padding */
}

.merkinta > li {
	margin: 0.5em 0 0.5em 0;
	position: relative;
	list-style: none;
}

.merkinta > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: -2px;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	color: #6b98c2;
	border: 2px solid #6b98c2;
}

.merkintaotsikko {
	font-size: 1.1em;
}

sup, sub {
	line-height: 1;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

/* Valikoiden siistminen */

#p-lang,
.na-user--anon #mw-related-navigation,
.na-user--anon #site-tools,
.na-user--anon #p-pagetools {
	display: none;
}

#p-navigation-label {
	display:none;
}

#mw-site-navigation {
	line-height: 1.2em;
}

/* Hakusivu */

.page-Toiminnot_Semanttinen_kysely_Haku #pfForm .createboxInput {
	width: 300px !important;
	box-sizing: border-box;
	border-radius: 0;
	margin: 0;
}

/* [[Category:Nimiarkisto maintenance]] */