Шаблон:Привітання/styles.css

.privitannya-main {
	width:100%; 
	background:transparent;
	color: inherit;
}

.privitannya-row {
	border:1px solid silver;
	width: 25%; 
	height: 30px; 
	text-align: left;
}

.privitannya-radius-top-left {
	border-radius: 18px 0 0 0;
}

.privitannya-radius-top-right {
	border-radius: 0 18px 0 0;
}

.privitannya-radius-bottom-left {
	border-radius: 0 0 18px 0;
}

.privitannya-radius-bottom-right {
	border-radius: 0 0 0 18px;
}

.privitannya-general-policies {
	background: #E0F0FF;
	color: inherit;
}

.privitannya-welcoming {
	background: #2F71E7; 
	border:1px solid silver; 
	width: 75%; 
	height: 30px;
}

.privitannya-heading-text {
	color: white; 
	padding: 0.5em; 
	text-align: center; 
	font-size: 120%;
}

.privitannya-main-text {
	background: #FFFFF0;
	color: inherit;
	border:1px solid silver; 
	padding: 0.5em; 
	width:75%;
}

.privitannya-big-text {
	font-size: larger;
}

.privitannya-link-text { 
	color: white; 
}

.privitannya-separator { 
	border-bottom: 1px solid #eeeeee; 
	padding-top: 0.17em;
	padding-bottom: 0.5em;
}

.privitannya-color-pale-blue {
	background: #E6ECF9;
}

.privitannya-color-grayish-violet {
	background: #EDEAF5;
}

.privitannya-color-grayish-pink {
	background: #F8E7EC;
}

.privitannya-color-grayish-red {
	background: #FDE7E2;
}

.privitannya-color-pale-orange {
	background: #FFEFE0;
}


/*  Dark mode support */
@media screen {
	html.skin-theme-clientpref-night .privitannya-row {
		border:1px solid #545454;
	}
	
	html.skin-theme-clientpref-night .privitannya-welcoming {
		background: #061838;
		border:1px solid #545454;
	}
	
	html.skin-theme-clientpref-night .privitannya-main-text {
		background: #232b00;
		border:1px solid #545454;
	}
	
	html.skin-theme-clientpref-night .privitannya-separator {
		border-bottom: 1px solid #505050; 
	}
	
	html.skin-theme-clientpref-night .privitannya-general-policies {
		background: #002343;
	}
	
	html.skin-theme-clientpref-night .privitannya-color-pale-blue {
		background: #0d1a36;
	}
	
	html.skin-theme-clientpref-night .privitannya-color-grayish-violet {
		background: #1c162d;
	}
	
	html.skin-theme-clientpref-night .privitannya-color-grayish-pink {
		background: #340f1a;
	}
	
	html.skin-theme-clientpref-night .privitannya-color-grayish-red {
		background: #3f0f04;
	}
	
	html.skin-theme-clientpref-night .privitannya-color-pale-orange {
		background: #432000;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .privitannya-row {
        border:1px solid #545454;
    }
	
	html.skin-theme-clientpref-os .privitannya-welcoming {
        background: #061838;
        border:1px solid #545454;
    }
	
    html.skin-theme-clientpref-os .privitannya-main-text {
        background: #232b00;
        border:1px solid #545454;
    }
    
    html.skin-theme-clientpref-os .privitannya-separator {
        border-bottom: 1px solid #505050; 
    }
    
    html.skin-theme-clientpref-os .privitannya-general-policies {
        background: #002343;
    }
    
    html.skin-theme-clientpref-os .privitannya-color-pale-blue {
		background: #0d1a36;
	}
	
	html.skin-theme-clientpref-os .privitannya-color-grayish-violet {
		background: #1c162d;
	}
    
    html.skin-theme-clientpref-os .privitannya-color-grayish-pink {
		background: #340f1a;
	}
    
    html.skin-theme-clientpref-os .privitannya-color-grayish-red {
		background: #3f0f04;
	}
    
    html.skin-theme-clientpref-os .privitannya-color-pale-orange {
		background: #432000;
	}
}

/* [[Категорія:Підсторінки CSS]] */