/*
 * An Gineadair Beag is a content management system to run websites with.
 *
 * Copyright (C) 2005-2026 GunChleoc
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

html body {
    background-color: #44b4ec;
}

.code {
    background-color: #e6f6ff;
}

div.newsquote {
    background-color: #f2f1ed;
}

.captionedimage,
#contentarea,
td {
    background-color: #fff;
}

#wrapper,
th {
    background-color: #a9e2ff;
}

caption {
    background-color: #69c3f1;
    box-shadow: -1px -1px 20px 10px #3c9ecf inset;
}

.buttonlink,
input[type=button],
input[type=reset],
input[type=submit] {
    border-color: #999;
    background:
        -moz-linear-gradient(top,
            #ffff 1%,
            #e5e5e5ff 100%);
    background:
        -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(1%, #ffff),
            color-stop(100%, #e5e5e5ff));
    background:
        linear-gradient(to bottom,
            #ffff 1%,
            #e5e5e5ff 100%);
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e5e5e5', GradientType=0);
}

.buttonlink:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: none !important;
    background-color: #f2f1ed !important;
}

#wrapper {
    background:
        -webkit-linear-gradient(160deg,
            #49b6edff 0,
            #a9e2ffff 10%);
    background:
        -moz-linear-gradient(160deg,
            #49b6edff 0,
            #a9e2ffff 10%);
    background:
        linear-gradient(160deg,
            #49b6edff 0,
            #a9e2ffff 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#49b6ed", endColorstr="#a9e2ff", GradientType=0);
}

fieldset {
    border-color: #002373;
}

caption,
table,
td,
th {
    border-color: #398eb9;
}

.code,
.headerpagetitle,
#wrapper {
    border-color: #65ccff;
}

.headerpagetitle {
    border-width: 1px 0;
    border-style: solid;
}

#contentarea {
    border: 1px solid #65ccff;
}

table {
    box-shadow: 4px 4px 3px #aaa;
}

:lang(gd),
.headerpagetitle,
#navigator a span:lang(gd),
#navigator a,
#navigator a:lang(gd),
caption,
html body {
    color: #002373;
}

:lang(en) {
    color: #4b0026;
}

:lang(cy) {
    color: #193218;
}

.buttonlink:visited,
.title a:lang(gd),
.title a:lang(gd):visited,
.title span:lang(gd),
.title,
.title a,
.title a:visited,
.title:lang(gd),
a.title span:lang(gd),
a.title,
a.title:visited,
a.title:lang(gd),
a.title:lang(gd):visited,
a:link,
a:link:lang(gd),
input[type=button],
input[type=reset],
input[type=submit] {
    color: #06c;
}

a:link:lang(en) {
    color: #4e009e;
}

#navigator li:lang(cy),
#navigator span:lang(cy),
a:hover:lang(cy),
a:link:lang(cy) {
    color: #079b00;
}

a:visited,
a:visited:lang(gd) {
    color: #005bb5;
}

a:focus,
a:focus:lang(gd),
a:visited:lang(en) {
    color: #623d87;
}

a:visited:lang(cy) {
    color: #479b43;
}

a:focus:lang(en) {
    color: #f00;
}

a:focus:lang(cy) {
    color: #008000;
}

a:hover,
a:hover:lang(gd),
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    color: #33c;
}

.highlight,
a:hover:lang(en),
th {
    color: #c39;
}

#navigator li,
#navigator li:lang(gd),
#navigator span:lang(gd),
a:active,
a:active:lang(gd) {
    color: #00f;
}

.title a:lang(en),
.title a:lang(en):visited,
.title span:lang(en),
.title:lang(en),
#navigator li:lang(en),
#navigator span:lang(en),
a:active:lang(en),
a.title span:lang(en),
a.title:lang(en),
a.title:lang(en):visited {
    color: #ff1751;
}

.title a:lang(cy),
.title a:lang(cy):visited,
.title span:lang(cy),
.title:lang(cy),
#navigator a span:lang(cy),
#navigator a:lang(cy),
a:active:lang(cy),
a.title span:lang(cy),
a.title:lang(cy),
a.title:lang(cy):visited {
    color: #057300;
}

a.highlight,
a.highlight:hover {
    color: #aa8ca6;
}

a.highlight:active {
    color: #e9acb5;
}

.imagecaption,
.maintitle,
.potdcaption {
    color: #000;
}

#navigator a span:lang(en),
#navigator a:lang(en) {
    color: #606;
}

html body {
    font-family: Arial, Helvetica, sans-serif;
}

.maintitle,
.title {
    font-family: "Monotype Corsiva", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

@media (prefers-color-scheme: dark) {

    .code,
    #wrapper,
    html body,
    input,
    select,
    select>option,
    td,
    textarea {
        background-color: #081523;
    }

    .captionedimage,
    caption,
    div.newsquote,
    option[selected] {
        background-color: #102d49;
    }

    #contentarea,
    th {
        background-color: #0d2339;
    }

    caption {
        box-shadow: -1px -1px 20px 10px #0d2339 inset;
    }

    .buttonlink,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        background:
            -webkit-linear-gradient(0,
                #0d2339ff 0,
                #274e62ff 100%);
        background:
            -moz-linear-gradient(0,
                #0d2339ff 0,
                #274e62ff 100%);
        background:
            linear-gradient(0,
                #0d2339ff 0,
                #274e62ff 100%);
        background-color: #15395e;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d2339", endColorstr="#274e62", GradientType=0);
    }

    .buttonlink:hover,
    input[type=button]:hover,
    input[type=reset]:hover,
    input[type=submit]:hover {
        background: none !important;
        background-color: #102d49 !important;
    }

    #wrapper {
        background:
            -webkit-linear-gradient(160deg,
                #274e62ff 0,
                #081523ff 10%);
        background:
            -moz-linear-gradient(160deg,
                #274e62ff 0,
                #081523ff 10%);
        background:
            linear-gradient(160deg,
                #274e62ff 0,
                #081523ff 10%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#274e62", endColorstr="#081523", GradientType=0);
    }

    fieldset {
        border-color: #c9d9ff;
    }

    .buttonlink,
    .captionedimage,
    .code,
    #wrapper,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        border-color: #274e62;
    }

    #contentarea {
        border: 1px solid #274e62;
    }

    table {
        box-shadow: 4px 4px 3px #4d4d4d;
    }

    :lang(gd),
    .headerpagetitle,
    html body,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        color: #c9d9ff;
    }

    .buttonlink,
    a.buttonlink,
    a.buttonlink:link,
    a.buttonlink:visited {
        color: #c9d9ff !important;
    }

    :lang(en),
    #navigator a span:lang(en),
    #navigator a:lang(en) {
        color: #ffc9d6;
    }

    :lang(cy),
    #navigator a span:lang(cy),
    #navigator a:lang(cy) {
        color: #cbffc9;
    }

    .title a:lang(gd),
    .title a:lang(gd):visited,
    .title span:lang(gd),
    .title,
    .title a,
    .title:lang(gd),
    a:link,
    a:link:lang(gd),
    a.title span:lang(gd),
    a.title,
    a.title:lang(gd),
    a.title:lang(gd):visited,
    caption {
        color: #66b3ff;
    }

    a:link:lang(en) {
        color: #e799ff;
    }

    a:visited,
    a:visited:lang(gd) {
        color: #cdb3ff;
    }

    a:visited:lang(en) {
        color: #c9f;
    }

    a:visited:lang(cy) {
        color: #b6ffb3;
    }

    .imagecaption,
    .maintitle,
    .potdcaption,
    a:active,
    a:active:lang(cy),
    a:active:lang(en),
    a:active:lang(gd),
    a:focus,
    a:focus:lang(cy),
    a:focus:lang(en),
    a:focus:lang(gd),
    a.buttonlink:hover,
    input[type=button]:hover,
    input[type=reset]:hover,
    input[type=submit]:hover,
    select,
    select:lang(cy),
    select:lang(en),
    select:lang(gd) {
        color: #fff;
    }

    a:hover,
    input[type=button]:hover,
    input[type=reset]:hover,
    input[type=submit]:hover,
    a:hover:lang(gd) {
        color: #9cf;
    }

    a:hover:lang(en) {
        color: #ff80d4;
    }

    a:hover:lang(cy) {
        color: #057300;
    }

    .highlight,
    a.highlight,
    a.highlight:active,
    a.highlight:hover {
        color: #ff80d4;
    }

    #navigator li,
    #navigator li:lang(gd),
    #navigator span:lang(gd) {
        color: #32baff;
    }

    .title a:lang(en),
    .title a:lang(en):visited,
    .title span:lang(en),
    .title:lang(en),
    .title:lang(en):visited,
    #navigator li:lang(en),
    #navigator span:lang(en),
    a.title span:lang(en),
    a.title:lang(en) {
        color: #ff3265;
    }

    a:link:lang(cy) {
        color: #6dff66;
    }

    .title a:lang(cy),
    .title a:lang(cy):visited,
    .title span:lang(cy),
    .title:lang(cy),
    .title:lang(cy):visited,
    #navigator li:lang(cy),
    #navigator span:lang(cy),
    a.title span:lang(cy),
    a.title:lang(cy) {
        color: #0f0;
    }

    #navigator a span:lang(gd),
    #navigator a,
    #navigator a:lang(gd) {
        color: #a9e2ff;
    }
}