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

(siirretty koodiin)
(Tag: Replaced)
 
Line 1: Line 1:
 
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
 
/* 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 {
 
margin-top: 0;
 
}
 
}
 
 
/* 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]] */
 
/* [[Category:Nimiarkisto maintenance]] */

Latest revision as of 11:31, 22 September 2018

/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */
/* [[Category:Nimiarkisto maintenance]] */