Pipes Custom Theme by soxfox42

/* ==UserStyle==
@name         Pipes Custom Theme
@version      20220413.12.20
@namespace    userstyles.world/user/soxfox42
@description  A custom theme for puzzle-pipes.com, designed to look more like simple wires than full pipes.
@author       soxfox42
@license      WTFPL
==/UserStyle== */

@-moz-document domain("puzzle-pipes.com") {
.board-back {
    background-color: #bbb;
}

.cell {
    border: 1px solid transparent;
}

.cell.pinned {
    background-color: #ddd;
}

.cell.wraptile.pinned {
    background-color: #eee;
}

.cell.pinned.errPinned {
    background-color: #d22;
}

.cell span {
    background-color: black;
}

.cell.wraptile span {
    background-color: #bbb;
}

.cell span, .cell.wraptile span {
    border: none;
}

.cell.connected span {
    background-color: #f70;
}

.cell.highlighted span {
    background-color: #26b;
}

.cell.pipe1 span.e1,
.cell.pipe2 span.e1,
.cell.pipe4 span.e1,
.cell.pipe8 span.e1 {
    border-radius: 2px;
    top: 8px;
    left: 8px;
}

.cell.pipe1 span.e2,
.cell.pipe3 span.e2,
.cell.pipe4 span.e2,
.cell.pipe5 span.e1,
.cell.pipe6 span.e2,
.cell.pipe7 span.e1,
.cell.pipe9 span.e1,
.cell.pipe9 span.e2,
.cell.pipe11 span.e2,
.cell.pipe12 span.e1,
.cell.pipe12 span.e2,
.cell.pipe13 span.e1,
.cell.pipe14 span.e2 {
    top: 11px;
}

.cell.pipe2 span.e2,
.cell.pipe3 span.e1,
.cell.pipe6 span.e1,
.cell.pipe7 span.e2,
.cell.pipe8 span.e2,
.cell.pipe9 span.e1,
.cell.pipe10 span.e1,
.cell.pipe11 span.e1,
.cell.pipe12 span.e1,
.cell.pipe13 span.e2,
.cell.pipe14 span.e1 {
    left: 11px;
}

.cell.source::after {
    width: 13px;
    height: 13px;
    top: 6px;
    left: 6px;
    border-radius: 2px;
    border: none;
    background-color: #c00;
}

.wrapH {
    height: 3px !important;
    margin-top: 2px;
}

.wrapV {
    width: 3px !important;
    margin-left: 2px;
}

.wrapH, .wrapV {
    border: none;
    background-color: #bbb;
}

.wrapH.connected, .wrapV.connected {
    background-color: #f93;
}

.wrapH.highlighted, .wrapV.highlighted {
    background-color: #26b;
}

}