Ero sivun ”Common.css” versioiden välillä
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(162 välissä olevaa versiota 2 käyttäjän tekeminä ei näytetä) | |||
Rivi 1: | Rivi 1: | ||
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */ | /* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */ | ||
/* Korjataan pivotin override */ | /* Korjataan pivotin override */ | ||
Rivi 18: | Rivi 13: | ||
} | } | ||
/* | /* tuodaan Hero-fontti | ||
@import url('https://use.typekit.net/ceo3vzl.css');*/ | |||
@font-face { | |||
font-family: 'Hero New'; | |||
src: url('https://use.typekit.net/af/ff5709/00000000000000007735fec9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3.woff'); | |||
} | |||
/* Otsikon tausta */ | |||
.tab-bar{ | .tab-bar{ | ||
background: # | background: #000000; | ||
padding: 4em; | |||
background-image: url("https://digitointilaatu.fi/uploads/7/7a/Digitointipiste.jpg"); | |||
background-position: center; | |||
background-size: cover; | |||
} | |||
/* Navi-linkit */ | |||
.side-nav li a:not(.button) { | |||
padding: 0 0 0 0.5em; | |||
color: #000000; | |||
} | |||
a { | |||
color: #000000; | |||
} | |||
/* Otsikko */ | |||
section.middle.tab-bar-section a { | |||
color: #ffffff; | |||
font-family: 'Hero New', Arial, sans-serif; | |||
} | |||
/* Otsikko hover */ | |||
section.middle.tab-bar-section a:hover { | |||
color: #ffffff; | |||
} | |||
/* Otsikko */ | |||
.tab-bar .title { | |||
font-weight: 400; | |||
font-size: 2rem; | |||
padding: 0.8rem; | |||
} | |||
/* H-otsikot */ | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #000000; | |||
font-family: 'Hero New', Arial, sans-serif; | |||
} | } | ||
Rivi 26: | Rivi 66: | ||
body { | body { | ||
background-color: #ffffff; /*vasen navi body*/ | background-color: #ffffff; /*vasen navi body*/ | ||
font-family: Arial | font-family: 'Hero New', Arial, sans-serif; | ||
} | } | ||
/*vasen navi*/ | /*vasen navi*/ | ||
.side-nav { | .side-nav { | ||
font-family: Arial | font-family: 'Hero New', Arial, sans-serif; | ||
} | } | ||
Rivi 38: | Rivi 78: | ||
background: #cac6c3; | background: #cac6c3; | ||
color: #000000; | color: #000000; | ||
font-weight: | font-weight: 400; | ||
} | } | ||
/* artikkeli- | /* artikkeli-alue */ | ||
#p-cactions { | #p-cactions { | ||
padding-top: 1.5em; | |||
padding-bottom: 0.5em; | |||
/*padding-left: 2.5em;*/ | |||
/*padding-right: 2.5em;*/ | |||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
Rivi 48: | Rivi 92: | ||
table.wikitable { | table.wikitable { | ||
overflow-x: scroll; | overflow-x: scroll; | ||
display: block; | display: inline-block; | ||
font- | } | ||
/* TOC label */ | |||
.toctogglelabel { | |||
color: #000000; | |||
} | |||
a.external.text { | |||
text-decoration: underline; | |||
} | |||
/* | |||
nav { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
height: 100px; | |||
} */ | |||
.title > a { | |||
display: flex; | |||
align-items: center; | |||
height: 3em; | |||
} | |||
/* sisältöalue / palsta (row) | |||
#content{ | |||
width: 80%; | |||
} */ | |||
/* Sidebar otsikot normaaleiksi */ | |||
ul.side-nav label { | |||
font-variant: normal; | |||
} | |||
/* oikea navi */ | |||
.right-off-canvas-menu, .left-off-canvas-menu { | |||
background: #b9b9b991; | |||
} | |||
/* oikea navi otsikon tausta */ | |||
ul.off-canvas-list li label { | |||
background: #b9b9b9; | |||
} | |||
/*oikean navin linkit*/ | |||
ul.off-canvas-list li a { | |||
color: #000000; | |||
} | |||
table.wikitable > tr > th, table.wikitable > * > tr > th { | |||
background-color: rgb(251 191 14 / 100%); | |||
} | |||
/* Taulukko 1 | |||
table:nth-of-type(1) tr:nth-child(9), | |||
table:nth-of-type(1) tr:nth-child(11), | |||
table:nth-of-type(1) tr:nth-child(18), | |||
table:nth-of-type(1) tr:nth-child(22), | |||
table:nth-of-type(1) tr:nth-child(24) { | |||
background-color: rgb(251 191 14 / 30%); | |||
}*/ | |||
#table-11-1 tr:nth-child(3), | |||
#table-11-1 tr:nth-child(4), | |||
#table-11-1 tr:nth-child(11), | |||
#table-11-1 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-2 tr:nth-child(2), | |||
#table-11-2 tr:nth-child(3), | |||
#table-11-2 tr:nth-child(9) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-3 tr:nth-child(2), | |||
#table-11-3 tr:nth-child(3), | |||
#table-11-3 tr:nth-child(9) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-4 tr:nth-child(2), | |||
#table-11-4 tr:nth-child(3), | |||
#table-11-4 tr:nth-child(9) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-5 tr:nth-child(2), | |||
#table-11-5 tr:nth-child(3), | |||
#table-11-5 tr:nth-child(9) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-6 tr:nth-child(3), | |||
#table-11-6 tr:nth-child(4), | |||
#table-11-6 tr:nth-child(11), | |||
#table-11-6 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-7 tr:nth-child(3), | |||
#table-11-7 tr:nth-child(4), | |||
#table-11-7 tr:nth-child(11), | |||
#table-11-7 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-8 tr:nth-child(3), | |||
#table-11-8 tr:nth-child(4), | |||
#table-11-8 tr:nth-child(11), | |||
#table-11-8 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-9 tr:nth-child(3), | |||
#table-11-9 tr:nth-child(4), | |||
#table-11-9 tr:nth-child(11), | |||
#table-11-9 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-10 tr:nth-child(3), | |||
#table-11-10 tr:nth-child(4), | |||
#table-11-10 tr:nth-child(11), | |||
#table-11-10 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-11 tr:nth-child(12) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-12 tr:nth-child(3), | |||
#table-11-12 tr:nth-child(4), | |||
#table-11-12 tr:nth-child(11), | |||
#table-11-12 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-13 tr:nth-child(3), | |||
#table-11-13 tr:nth-child(4), | |||
#table-11-13 tr:nth-child(11), | |||
#table-11-13 tr:nth-child(16) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-14 tr:nth-child(2), | |||
#table-11-14 tr:nth-child(3), | |||
#table-11-14 tr:nth-child(8) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-15 tr:nth-child(2), | |||
#table-11-15 tr:nth-child(3), | |||
#table-11-15 tr:nth-child(8), | |||
#table-11-15 tr:nth-child(13) { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
#table-11-15 tr:nth-child(4), | |||
#table-11-15 tr:nth-child(5), | |||
#table-11-15 tr:nth-child(6) { | |||
background-color: rgb(203 198 196 / 30%); | |||
} | |||
#n-Kahvihuone a:before { | |||
content: "\f0f4"; | |||
} | |||
.lha-selflink { | |||
background-color: rgb(251 191 14 / 30%); | |||
} | |||
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { | |||
float: left; | |||
} | |||
@media only screen and (min-width: 64.0625em) { | |||
.large-10 { | |||
width: 69.33333%; | |||
} | |||
} | |||
/*sisällysluettelo | |||
#toc { | |||
display: inline-block; | |||
overflow-y: scroll; | |||
height: 400px; | |||
}*/ | |||
/*Kirjautumissivun tyylit */ | |||
.mw-ui-button.mw-ui-progressive:not(:disabled):hover { | |||
background-color: #e3e3e3; | |||
border-color: #cac6c3; | |||
} | |||
.mw-ui-button.mw-ui-progressive:not(:disabled) { | |||
color: #000; | |||
} | |||
.mw-ui-button.mw-ui-progressive:not(:disabled) { | |||
background-color: #cac6c3; | |||
color: #000; | |||
border-color: #cac6c3; | |||
} | |||
#mw-createaccount-join { | |||
background-color: #f8f9fa; | |||
color: #000; | |||
} | |||
h4.namespace.label { | |||
background-color: #cac6c3; | |||
color: black; | |||
} | |||
/* quick fix: videon wrap korjaus tekstin ympäriltä*/ | |||
.embedvideo.mw-halign-left { | |||
float: none; | |||
} | |||
/* | |||
.table-11{ | |||
background-color: red; | |||
}*/ | |||
/*tagline*/ | |||
#tagline { | |||
display: none; | |||
} | } |
Nykyinen versio 8. joulukuuta 2023 kello 18.47
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */ /* Korjataan pivotin override */ #pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge { background-size: inherit !important; } /* Korjataan pivotin override */ .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link,.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link { display: block !important; } /* tuodaan Hero-fontti @import url('https://use.typekit.net/ceo3vzl.css');*/ @font-face { font-family: 'Hero New'; src: url('https://use.typekit.net/af/ff5709/00000000000000007735fec9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3.woff'); } /* Otsikon tausta */ .tab-bar{ background: #000000; padding: 4em; background-image: url("https://digitointilaatu.fi/uploads/7/7a/Digitointipiste.jpg"); background-position: center; background-size: cover; } /* Navi-linkit */ .side-nav li a:not(.button) { padding: 0 0 0 0.5em; color: #000000; } a { color: #000000; } /* Otsikko */ section.middle.tab-bar-section a { color: #ffffff; font-family: 'Hero New', Arial, sans-serif; } /* Otsikko hover */ section.middle.tab-bar-section a:hover { color: #ffffff; } /* Otsikko */ .tab-bar .title { font-weight: 400; font-size: 2rem; padding: 0.8rem; } /* H-otsikot */ h1, h2, h3, h4, h5, h6 { color: #000000; font-family: 'Hero New', Arial, sans-serif; } /*Vasemman navin tausta */ body { background-color: #ffffff; /*vasen navi body*/ font-family: 'Hero New', Arial, sans-serif; } /*vasen navi*/ .side-nav { font-family: 'Hero New', Arial, sans-serif; } /* vasen navi lista / otsikot */ ul.side-nav label { background: #cac6c3; color: #000000; font-weight: 400; } /* artikkeli-alue */ #p-cactions { padding-top: 1.5em; padding-bottom: 0.5em; /*padding-left: 2.5em;*/ /*padding-right: 2.5em;*/ background-color: #ffffff; } table.wikitable { overflow-x: scroll; display: inline-block; } /* TOC label */ .toctogglelabel { color: #000000; } a.external.text { text-decoration: underline; } /* nav { display: flex; justify-content: center; align-items: center; height: 100px; } */ .title > a { display: flex; align-items: center; height: 3em; } /* sisältöalue / palsta (row) #content{ width: 80%; } */ /* Sidebar otsikot normaaleiksi */ ul.side-nav label { font-variant: normal; } /* oikea navi */ .right-off-canvas-menu, .left-off-canvas-menu { background: #b9b9b991; } /* oikea navi otsikon tausta */ ul.off-canvas-list li label { background: #b9b9b9; } /*oikean navin linkit*/ ul.off-canvas-list li a { color: #000000; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: rgb(251 191 14 / 100%); } /* Taulukko 1 table:nth-of-type(1) tr:nth-child(9), table:nth-of-type(1) tr:nth-child(11), table:nth-of-type(1) tr:nth-child(18), table:nth-of-type(1) tr:nth-child(22), table:nth-of-type(1) tr:nth-child(24) { background-color: rgb(251 191 14 / 30%); }*/ #table-11-1 tr:nth-child(3), #table-11-1 tr:nth-child(4), #table-11-1 tr:nth-child(11), #table-11-1 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-2 tr:nth-child(2), #table-11-2 tr:nth-child(3), #table-11-2 tr:nth-child(9) { background-color: rgb(251 191 14 / 30%); } #table-11-3 tr:nth-child(2), #table-11-3 tr:nth-child(3), #table-11-3 tr:nth-child(9) { background-color: rgb(251 191 14 / 30%); } #table-11-4 tr:nth-child(2), #table-11-4 tr:nth-child(3), #table-11-4 tr:nth-child(9) { background-color: rgb(251 191 14 / 30%); } #table-11-5 tr:nth-child(2), #table-11-5 tr:nth-child(3), #table-11-5 tr:nth-child(9) { background-color: rgb(251 191 14 / 30%); } #table-11-6 tr:nth-child(3), #table-11-6 tr:nth-child(4), #table-11-6 tr:nth-child(11), #table-11-6 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-7 tr:nth-child(3), #table-11-7 tr:nth-child(4), #table-11-7 tr:nth-child(11), #table-11-7 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-8 tr:nth-child(3), #table-11-8 tr:nth-child(4), #table-11-8 tr:nth-child(11), #table-11-8 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-9 tr:nth-child(3), #table-11-9 tr:nth-child(4), #table-11-9 tr:nth-child(11), #table-11-9 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-10 tr:nth-child(3), #table-11-10 tr:nth-child(4), #table-11-10 tr:nth-child(11), #table-11-10 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-11 tr:nth-child(12) { background-color: rgb(251 191 14 / 30%); } #table-11-12 tr:nth-child(3), #table-11-12 tr:nth-child(4), #table-11-12 tr:nth-child(11), #table-11-12 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-13 tr:nth-child(3), #table-11-13 tr:nth-child(4), #table-11-13 tr:nth-child(11), #table-11-13 tr:nth-child(16) { background-color: rgb(251 191 14 / 30%); } #table-11-14 tr:nth-child(2), #table-11-14 tr:nth-child(3), #table-11-14 tr:nth-child(8) { background-color: rgb(251 191 14 / 30%); } #table-11-15 tr:nth-child(2), #table-11-15 tr:nth-child(3), #table-11-15 tr:nth-child(8), #table-11-15 tr:nth-child(13) { background-color: rgb(251 191 14 / 30%); } #table-11-15 tr:nth-child(4), #table-11-15 tr:nth-child(5), #table-11-15 tr:nth-child(6) { background-color: rgb(203 198 196 / 30%); } #n-Kahvihuone a:before { content: "\f0f4"; } .lha-selflink { background-color: rgb(251 191 14 / 30%); } .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left; } @media only screen and (min-width: 64.0625em) { .large-10 { width: 69.33333%; } } /*sisällysluettelo #toc { display: inline-block; overflow-y: scroll; height: 400px; }*/ /*Kirjautumissivun tyylit */ .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: #e3e3e3; border-color: #cac6c3; } .mw-ui-button.mw-ui-progressive:not(:disabled) { color: #000; } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: #cac6c3; color: #000; border-color: #cac6c3; } #mw-createaccount-join { background-color: #f8f9fa; color: #000; } h4.namespace.label { background-color: #cac6c3; color: black; } /* quick fix: videon wrap korjaus tekstin ympäriltä*/ .embedvideo.mw-halign-left { float: none; } /* .table-11{ background-color: red; }*/ /*tagline*/ #tagline { display: none; }