/*
Spis treści:
-MAIN
-KURSORY
-DARKMODE
-OBRAZKI
-OBRAZKI KURSORY
-OBRAZKI DARKMODE
-PIWNYPIATEK
-PIWNYPIATEK DARKMODE
*/

/*
MAIN
*/
html {
    cursor: url("-cursors/cursor.bmp"), default;
}
body {
    background-color: #14ee70;
    background-image: url(-themes/background.bmp);
    color: #000000;
    font-family: 'Segoe UI';
    font-size: 12pt;
}
::selection {
    background-color: #ee1492;
    color: #ffffff;
}
h1 {
    font-size: 2.5em;
    margin-top: 0;
    margin-bottom: 0.25em;
    color: #ee1492;
}
h2 {
    font-size: 1.75em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}
h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #0000df;
}
a {
    background-color: #afffdf;
    color: #0000df;
}
section {
    margin: 0;
    overflow: hidden;
}
hr {
    border: 1px dashed #000000;
    margin: 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
figcaption {
    font-size: 1em;
    text-align: center;
    font-style: italic;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
/*
KURSORY
*/
a:hover {
    cursor: url("-cursors/cursorLink.bmp"), default;
}
input:hover {
    cursor: url("-cursors/cursorSlider.bmp"), default;
}
.image-button:hover {
    cursor: url(-cursors/cursorDark.bmp), default;
}
.delete-button:hover {
    cursor: url(-cursors/cursorDelete.bmp), default;
}
/*
DARKMODE
*/
.dark-mode {
    background-color: #232323;
    background-image: url(-themes/backgroundDark.bmp);
    color: #ffffff;
}
.dark-mode ::selection {
    background-color: #14ee70;
    color: #000000;
}
.dark-mode h1 {
    color: #14ee70;
}
.dark-mode h3 {
    color: #00ffff;
}
.dark-mode a {
    background-color: #3f7f7f;
    color: #00ffff;
}
.dark-mode hr {
    border-color: #ffffff;
}
.dark-mode .image-button:hover {
    cursor: url(-cursors/cursorLight.bmp), default;
}
/*
OBRAZKI
*/
.progression {
    vertical-align: super;
}
.main-image {
    width: 100%;
}
.captionless-image {
    width: 25%;
    border: 4px solid #000000;
}
.side-image {
    width: 100%;
}
.large-image {
    display: block;
    position: absolute;
    z-index: 1;
    left: 12.5%;
    width: 75%;
    border: 10px ridge #7f7f7f;
}
.spoiler {
    position: absolute;
    width: 24.9%;
}
.main-panel {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    border: 4px solid #000000;
}
.side-panel {
    display: table;
    float: right;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
    width: 20%;
    border: 4px solid #ee1492;
}
.main-caption {
    color: #000000;
    background-color: #bfbfbf;
}
.side-caption {
    color: #ee1492;
    background-color: #ffcfef;
}
/*
OBRAZKI KURSORY
*/
.main-image:hover {
    cursor: url(-cursors/cursorZoomIn.bmp), default;
}
.captionless-image:hover {
    cursor: url(-cursors/cursorZoomIn.bmp), default;
}
.side-image:hover {
    cursor: url(-cursors/cursorZoomIn.bmp), default;
}
.large-image:hover {
    cursor: url(-cursors/cursorZoomOut.bmp), default;
}
.spoiler:hover {
    cursor: url(-cursors/cursorSpoiler.bmp), default;
}
/*
OBRAZKI DARKMODE
*/
.dark-mode .captionless-image {
    border-color: #ffffff;
}
.dark-mode .large-image {
    border-color: #bfbfbf;
}
.dark-mode .main-panel {
    border-color: #ffffff;
}
.dark-mode .side-panel {
    border-color: #14ee70;
}
.dark-mode .main-caption {
    color: #ffffff;
    background-color: #7f7f7f;
}
.dark-mode .side-caption {
    color: #14ee70;
    background-color: #0a7738;
}
/*
PIWNYPIATEK
*/
.pp {
    background-color: #f0bb10;
    background-image: url(-themes/backgroundPP.bmp);
    color: #3f2d00;
}
.pp ::selection {
    background-color: rgb(255,255,255,.8);
    color: #f0bb10;
}
.pp nav {
    background-color: rgb(255,255,255,.8);
}
.pp h1 {
    color: #f0bb10;
    background-color: rgb(255,255,255,.8);
}
.pp h3 {
    color: #aa0038;
}
.pp a {
    background-color: rgb(255,255,255,.5);
    color: #aa0038;
}
.pp hr {
    border-color: #3f2d00;
}
.pp .captionless-image {
    border-color: #3f2d00;
}
.pp .large-image {
    border-color: #fff4d6;
}
.pp .main-panel {
    border-color: #3f2d00;
}
.pp .side-panel {
    border-color: rgb(255,255,255,.8);
}
.pp .main-caption {
    color: #3f2d00;
    background-color: #ffdf7f;
}
.pp .side-caption {
    color: #b2860c;
    background-color: rgb(255,255,255,.7);
}
/*
PIWNYPIATEK DARKMODE
*/
.pp-dark-mode {
    background-color: #200008;
    background-image: url(-themes/backgroundPPDark.bmp);
    color: #d67d00;
}
.pp-dark-mode ::selection {
    background-color: rgb(255,216,178,.8);
    color: #200008;
}
.pp-dark-mode nav {
    background-color: rgb(255,216,178,.8);
}
.pp-dark-mode h1 {
    color: #200008;
    background-color: rgb(255,216,178,.8);
}
.pp-dark-mode h3 {
    color: #d60035;
}
.pp-dark-mode a {
    background-color: rgb(255,216,178,.2);
    color: #d60035;
}
.pp-dark-mode hr {
    border-color: #d67d00;
}
.pp-dark-mode .captionless-image {
    border-color: #d67d00;
}
.pp-dark-mode .large-image {
    border-color: #d2ac90;
}
.pp-dark-mode .main-panel {
    border-color: #663600;
}
.pp-dark-mode .side-panel {
    border-color: rgb(255,216,178,.8);
}
.pp-dark-mode .main-caption {
    color: #663600;
    background-color: #cc8e3D;
}
.pp-dark-mode .side-caption {
    color: #38000e;
    background-color: rgb(255,216,178,.7);
}
.pp-dark-mode .image-button:hover {
    cursor: url(-cursors/cursorLight.bmp), default;
}