@media (min-width: 1025px) {.dropdown-menu, .modal-content, .panel, .list-group-item {  background-color: rgba(250, 250, 250, 0.9); } }html, body {background: #264A66;background-attachment: inherit;}.nav-pills>li>a {color: #2f84c0 }body a {color: #1c4f73 } .nav-pills>li {background: rgba(235,243,249,0.9) } body .navbar-inverse .navbar-nav>li>a:hover, body .nav-pills .active a:hover, body .btn-info:hover, body a.list-group-item.active:hover {background-color: #13354d } body .smallertop {background-color: #266a9a } body .btn-info, body a.list-group-item.active, body .nav-pills .active a { background-color: #2F84C0 } body .panel, body .btn-info, body .btn-info:hover, body a.list-group-item.active, body .navbar-orange { border-color: #266a9a; } .dropdown-menu a { color: #333; } .panel-default>.panel-heading { background-color: #599dcd; } .blogTitle, a.list-group-item.active, body .navbar-orange .navbar-nav>li>a, .navbar-inverse .col-sm-12:not(.smallertop) .navbar-nav>li>a, .panel-default>.panel-heading, body .nav-pills .active a, .btn-info { color:#ffffff; } body a.navbar-brand .rezregular { color:#ffffff !important; } 
        
        <style>
/* =========================
   1. PERUSVÄRIT (PUNAINEN / MUSTA)
   ========================= */

/* Sivun päätausta: täysin musta oletus */
html,
body,
body.body {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ff0000 !important;
    font-family: 'Lato', sans-serif !important;
}

/* Nollataan valmiit taustat, varjot yms */
html *,
body *,
body.body * {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #ff0000 !important;
    border-color: #4d0000 !important;
}

/* Paneelit, kortit, navit, laatikot, jne */
.panel,
.panel-default,
.panel-body,
.box,
.navbar,
.navbar-inverse,
.navbar-fixed-top,
.dropdown-menu,
.list-group,
.list-group-item,
.results,
.notifi,
.header,
.ovari,
.profilemenu,
.container,
#left,
#center,
#footer,
#options,
.table,
td,
th,
tr,
input,
textarea,
select,
.form-control,
.btn,
.btn-default,
.btn-info,
.btn-success,
.btn-danger,
.btn-warning,
.well,
.modal-content,
.alert,
.tooltip,
.popover,
.jqplot-highlighter-tooltip {
    background-color: rgba(0,0,0,0.4) !important;
    background: rgba(0,0,0,0.4) !important;
    color: #ff0000 !important;
    border: 1px solid #4d0000 !important;
    box-shadow: 0 0 8px rgba(255,0,0,0.4) !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6),
                 0 0 20px rgba(255,0,0,0.4) !important;
}

/* Lomakekentät */
input,
textarea,
select,
.form-control {
    color: #ff0000 !important;
    caret-color: #ff0000 !important;
    background-color: rgba(0,0,0,0.4) !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid #4d0000 !important;
}

/* Placeholder teksti */
input::placeholder,
textarea::placeholder {
    color: #ff4d4d !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6),
                 0 0 20px rgba(255,0,0,0.4) !important;
    opacity: 1 !important;
}

/* Linkit */
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: #ff0000 !important;
    text-decoration: none !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6),
                 0 0 20px rgba(255,0,0,0.4) !important;
}
a:hover,
a:focus,
a:active {
    color: #ff3b3b !important;
    text-decoration: underline !important;
}

/* Badge / label / status */
.badge,
.label,
.status,
.green,
.verified,
.paikalla {
    background-color: rgba(0,0,0,0.4) !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid #4d0000 !important;
    color: #ff0000 !important;
    box-shadow: 0 0 8px rgba(255,0,0,0.4) !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6),
                 0 0 20px rgba(255,0,0,0.4) !important;
}

/* Hover-napit kirkkaammaksi */
.btn:hover,
.btn:focus,
.btn:active,
.list-group-item:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: rgba(20,0,0,0.7) !important;
    background: rgba(20,0,0,0.7) !important;
    color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    box-shadow: 0 0 12px rgba(255,0,0,0.7) !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.8),
                 0 0 20px rgba(255,0,0,0.5),
                 0 0 30px rgba(255,0,0,0.3) !important;
}

/* Taulukot */
table,
tr,
td,
th {
    background-color: transparent !important;
    background: transparent !important;
    color: #ff0000 !important;
    border-color: #4d0000 !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6),
                 0 0 20px rgba(255,0,0,0.4) !important;
}

/* Valittu teksti */
::selection {
    color: #ff0000 !important;
    background: #ffffff !important;
}


/* =========================
   2. HENGITTÄVÄ ANIMAATIO
   =========================

   bgBreath = tausta syttyy ja tummuu hitaasti (musta ↔ erittäin tumma harmaa)
   glowBreath = tekstin punainen hehku kasvaa ja pienenee, mutta väri ei muutu
*/


@keyframes bgBreath {
    0%   { background-color: #000000; }
    50%  { background-color: #111111; }
    100% { background-color: #000000; }
}

/* Tekstin hohto: pelkkä text-shadow muuttuu.
   Väri pysyy #ff0000 koko ajan, joten sivu ei muuta sävyä, se vain ”hengittää” */
@keyframes glowBreath {
    0% {
        text-shadow:
            0 0 4px rgba(255,0,0,0.2),
            0 0 10px rgba(255,0,0,0.15),
            0 0 20px rgba(255,0,0,0.1);
    }
    50% {
        text-shadow:
            0 0 8px rgba(255,0,0,0.9),
            0 0 20px rgba(255,0,0,0.6),
            0 0 40px rgba(255,0,0,0.4),
            0 0 60px rgba(255,0,0,0.2);
    }
    100% {
        text-shadow:
            0 0 4px rgba(255,0,0,0.2),
            0 0 10px rgba(255,0,0,0.15),
            0 0 20px rgba(255,0,0,0.1);
    }
}

/* Body tausta hengittää hitaasti */
html,
body,
body.body {
    animation: bgBreath 3s ease-in-out infinite !important;
}

/* Teksti hengittää hohtamalla.
   Listaan elementit joissa on yleensä teksti.
   Väri (color) on lukittu punaiseksi erikseen, joten se ei vaihdu.
*/
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body span,
body a,
body li,
body dt,
body dd,
body div,
body label,
body small,
body strong,
body b,
body i,
body u,
body em,
body td,
body th,
body input,
body textarea,
body select,
body button,
body .btn,
body .status,
body .header,
body .panel,
body .panel * {
    color: #ff0000 !important;
    animation: glowBreath 3s ease-in-out infinite !important;
}

/* Lomakekenttien tausta ei saa alkaa ”valottua”, pidetään niillä oma tumma tausta */
input,
textarea,
select,
.form-control,
.btn,
button {
    background-color: rgba(0,0,0,0.4) !important;
    background: rgba(0,0,0,0.4) !important;
    border: 1px solid #4d0000 !important;
    color: #ff0000 !important;
    animation: glowBreath 3s ease-in-out infinite !important;
}

/* Kuvia/videoita ei animoida */
img,
video,
canvas {
    animation: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: #4d0000 !important;
    text-shadow: none !important;
}
</style>
 @media (max-width: 767px) {
.navbar-offcanvas {
  left: -250px;}
}