Ero sivun ”Common.css” versioiden välillä

Versio 20. marraskuuta 2023 kello 16.04

/* 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://fonts.cdnfonts.com/css/hero-new');

/* 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(15),
#table-11-1 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-2 tr:nth-child(3),
#table-11-2 tr:nth-child(7) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-3 tr:nth-child(2),
#table-11-3 tr:nth-child(4) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-4 tr:nth-child(3),
#table-11-4 tr:nth-child(7) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-5 tr:nth-child(3),
#table-11-5 tr:nth-child(7) {
    background-color: rgb(251 191 14 / 30%);
}


#table-11-6 tr:nth-child(2),
#table-11-6 tr:nth-child(4),
#table-11-6 tr:nth-child(11),
#table-11-6 tr:nth-child(15),
#table-11-6 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-7 tr:nth-child(2),
#table-11-7 tr:nth-child(4),
#table-11-7 tr:nth-child(11),
#table-11-7 tr:nth-child(15),
#table-11-7 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-8 tr:nth-child(2),
#table-11-8 tr:nth-child(4),
#table-11-8 tr:nth-child(11),
#table-11-8 tr:nth-child(15),
#table-11-8 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-9 tr:nth-child(2),
#table-11-9 tr:nth-child(4),
#table-11-9 tr:nth-child(11),
#table-11-9 tr:nth-child(15),
#table-11-9 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-10 tr:nth-child(2),
#table-11-10 tr:nth-child(4),
#table-11-10 tr:nth-child(11),
#table-11-10 tr:nth-child(15),
#table-11-10 tr:nth-child(17) {
    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(2),
#table-11-12 tr:nth-child(4),
#table-11-12 tr:nth-child(11),
#table-11-12 tr:nth-child(15),
#table-11-12 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-13 tr:nth-child(2),
#table-11-13 tr:nth-child(4),
#table-11-13 tr:nth-child(11),
#table-11-13 tr:nth-child(15),
#table-11-13 tr:nth-child(17) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-14 tr:nth-child(3),
#table-11-14 tr:nth-child(6) {
    background-color: rgb(251 191 14 / 30%);
}

#table-11-15 tr:nth-child(2),
#table-11-15 tr:nth-child(5),
#table-11-15 tr:nth-child(9),
#table-11-15 tr:nth-child(11) {
    background-color: rgb(251 191 14 / 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;
}