/*****************************************************************/
/* Light mode ****************************************************/
/*****************************************************************/
@media (prefers-color-scheme: light) {
html
{
color:#000;
background-image:url(../mwportal/bg-07.jpg);
}
h3
{
border-color:rgba(255,255,255,1);
}
#navbut-line
{
border-top:1px solid rgba(255,255,255,1);
}
.content-bg-33
{
background-color:rgba(255,255,255,0.9);
}
.content-bg-22
{
background-color:rgba(255,255,255,0.7);
}
.content-bg-11
{
background-color:rgba(255,255,255,0.5);
}
.content-bg-00
{
background-color:rgba(255,255,255,0.1);
}
a
{
color:#f60;
}
a:hover
{
color:rgba(255,255,255,0.6);
}
a:active
{
color:rgba(255,255,255,1);
}
.button
{
border:1px solid rgba(0,0,0,0.3);
background-color:rgba(255,255,255,0.4);
}
.button:hover
{
background-color:rgba(255,255,255,0.6);
}
a.button:active
{
background-color:rgba(255,255,255,0.8);
}
.content-center-logo
{
background:url(../clavis/logo-l.svg) no-repeat center;
}
}
/*****************************************************************/
/* Dark mode *****************************************************/
/*****************************************************************/
@media (prefers-color-scheme: dark) {
html
{
color:#fff;
background-image:url(../mwportal/bg-05.jpg);
}
h3
{
border-color:rgba(255,255,255,1);
}
#navbut-line
{
border-top:1px solid rgba(255,255,255,1);
}
.content-bg-33
{
background-color:rgba(0,0,0,0.9);
}
.content-bg-22
{
background-color:rgba(0,0,0,0.7);
}
.content-bg-11
{
background-color:rgba(0,0,0,0.4);
}
.content-bg-00
{
background-color:rgba(0,0,0,0);
}
a
{
color:#f60;
}
a:hover
{
color:rgba(255,255,255,0.6);
}
a:active
{
color:rgba(255,255,255,1);
}
.button
{
border:1px solid rgba(255,255,255,0.4);
background-color:rgba(0,0,0,0.4);
}
.button:hover
{
background-color:rgba(0,0,0,0.6);
}
a.button:active
{
background-color:rgba(0,0,0,0.8);
}
}
/*****************************************************************/
a:hover
{
color:#f90;
}
a:active
{
color:#fff; text-decoration:none;
}
h3
{
border-color:rgba(255,102,0,1);
}
#navbut-line
{
border-top:1px solid rgba(255,102,0,0.6);
}