49364 lines
1.6 MiB
49364 lines
1.6 MiB
@charset "UTF-8";
|
|
.house.row3:checked ~ div,
|
|
.shed.row3:checked ~ div {
|
|
filter: hue-rotate(-20deg);
|
|
}
|
|
|
|
.house.row2:checked ~ div,
|
|
.shed.row2:checked ~ div {
|
|
filter: hue-rotate(-35deg);
|
|
}
|
|
|
|
.house.row1:checked ~ div,
|
|
.shed.row1:checked ~ div {
|
|
filter: hue-rotate(-50deg);
|
|
}
|
|
|
|
html {
|
|
font-size: 0.97vh;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #f3cece;
|
|
overflow: hidden;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(rgba(96, 139, 136, 0.5), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
|
|
box-shadow: inset 0 0 5rem 0 #252529;
|
|
}
|
|
body,
|
|
body *,
|
|
body *:before,
|
|
body *:after {
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
content: "";
|
|
}
|
|
|
|
div,
|
|
house,
|
|
shed,
|
|
hbtn,
|
|
sbtn {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
width: 50rem;
|
|
height: 50rem;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
div label,
|
|
house label,
|
|
shed label,
|
|
hbtn label,
|
|
sbtn label {
|
|
width: calc(50rem / 4);
|
|
height: calc(50rem / 4);
|
|
position: relative;
|
|
border: none;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: inline;
|
|
cursor: pointer;
|
|
box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0);
|
|
}
|
|
div label *,
|
|
div label *:before,
|
|
div label *:after,
|
|
house label *,
|
|
house label *:before,
|
|
house label *:after,
|
|
shed label *,
|
|
shed label *:before,
|
|
shed label *:after,
|
|
hbtn label *,
|
|
hbtn label *:before,
|
|
hbtn label *:after,
|
|
sbtn label *,
|
|
sbtn label *:before,
|
|
sbtn label *:after {
|
|
transform: translate3d(0, 0, 0);
|
|
z-index: 1;
|
|
left: 0;
|
|
top: 0;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
pointer-events: none;
|
|
}
|
|
div label > i:nth-of-type(1):before, div label > i:nth-of-type(1):after,
|
|
house label > i:nth-of-type(1):before,
|
|
house label > i:nth-of-type(1):after,
|
|
shed label > i:nth-of-type(1):before,
|
|
shed label > i:nth-of-type(1):after,
|
|
hbtn label > i:nth-of-type(1):before,
|
|
hbtn label > i:nth-of-type(1):after,
|
|
sbtn label > i:nth-of-type(1):before,
|
|
sbtn label > i:nth-of-type(1):after {
|
|
filter: blur(0.5rem);
|
|
border: 1rem solid rgba(111, 111, 122, 0.75);
|
|
width: 5rem;
|
|
height: 5rem;
|
|
background: #6f6f7a;
|
|
opacity: 0;
|
|
border-radius: 50%;
|
|
box-shadow: 2rem -1.5rem 0 1rem rgba(111, 111, 122, 0.75), 3rem -2rem 0 1.5rem rgba(111, 111, 122, 0.5);
|
|
}
|
|
|
|
colour {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
colour input,
|
|
colour br {
|
|
position: relative;
|
|
display: inline-block;
|
|
opacity: 0.2;
|
|
top: 1rem;
|
|
left: 1rem;
|
|
transform: scale(0.75);
|
|
margin: -0.2rem;
|
|
}
|
|
@media (max-width: 900px) {
|
|
colour input,
|
|
colour br {
|
|
display: none;
|
|
}
|
|
}
|
|
colour input:checked {
|
|
opacity: 1;
|
|
}
|
|
colour br {
|
|
display: block;
|
|
}
|
|
|
|
input {
|
|
display: none;
|
|
}
|
|
|
|
div.main {
|
|
-webkit-box-reflect: below 4rem;
|
|
}
|
|
|
|
div.ss {
|
|
pointer-events: none;
|
|
}
|
|
|
|
sbtn {
|
|
height: calc(50rem - (50rem / 4));
|
|
bottom: auto;
|
|
}
|
|
sbtn label {
|
|
border: solid 1px rgba(116, 116, 116, 0.1);
|
|
}
|
|
sbtn label:nth-of-type(1) {
|
|
border-radius: 3rem 0 0 0;
|
|
}
|
|
sbtn label:nth-of-type(4) {
|
|
border-radius: 0 3rem 0 0;
|
|
}
|
|
sbtn label:hover {
|
|
border-color: #555;
|
|
}
|
|
|
|
hbtn label:nth-of-type(n + 12) {
|
|
border: solid 1px rgba(116, 116, 116, 0.1);
|
|
}
|
|
hbtn label:nth-of-type(n + 12):hover {
|
|
border-color: #555;
|
|
}
|
|
|
|
@keyframes smoke {
|
|
0% {
|
|
transform: scale(0.2) translate3d(0, 0, 0) rotate(-15deg);
|
|
opacity: 0.075;
|
|
}
|
|
50% {
|
|
transform: scale(1) translate3d(2rem, -4rem, 0) rotate(0);
|
|
opacity: 0.15;
|
|
}
|
|
100% {
|
|
transform: scale(2) translate3d(5rem, -5rem, 0) rotate(10deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
island {
|
|
position: absolute;
|
|
top: 76rem;
|
|
top: 49.25rem;
|
|
left: -50%;
|
|
right: -50%;
|
|
margin: auto;
|
|
width: 80rem;
|
|
height: 5rem;
|
|
background: #bca52f;
|
|
border-radius: 55% 55% 45% 45%;
|
|
}
|
|
|
|
grass {
|
|
position: absolute;
|
|
z-index: 500;
|
|
top: 76rem;
|
|
top: 49.25rem;
|
|
left: -50%;
|
|
right: -50%;
|
|
margin: auto;
|
|
width: 80rem;
|
|
height: 5rem;
|
|
-webkit-box-reflect: below -5rem;
|
|
transform: skewX(0);
|
|
}
|
|
grass:after, grass:before {
|
|
top: 0.75rem;
|
|
left: 0.6rem;
|
|
z-index: 100;
|
|
width: 0.5rem;
|
|
height: 1.75rem;
|
|
transform: skewY(60deg);
|
|
background: #bca52f;
|
|
box-shadow: 1rem -1.6rem 0 #bca52f, 2.1rem -3.6rem 0 #bca52f, 2.9rem -4.8rem 0 #bca52f, 4rem -7rem 0 #bca52f;
|
|
filter: drop-shadow(5rem -8.3rem 0 #bca52f) drop-shadow(10rem -17.3rem 0 #bca52f) drop-shadow(20rem -34.5rem 0 #bca52f) drop-shadow(40rem -69rem 0 #bca52f);
|
|
}
|
|
grass:before {
|
|
transform: skewY(-60deg);
|
|
box-shadow: 1rem 1.6rem 0 #bca52f, 2.1rem 3.6rem 0 #bca52f, 2.9rem 4.8rem 0 #bca52f, 4rem 7rem 0 #bca52f;
|
|
filter: drop-shadow(5rem 8.3rem 0 #bca52f) drop-shadow(10rem 17.3rem 0 #bca52f) drop-shadow(20rem 34.5rem 0 #bca52f) drop-shadow(40rem 69rem 0 #bca52f);
|
|
left: 0;
|
|
top: 1.5rem;
|
|
}
|
|
|
|
@keyframes grass {
|
|
100% {
|
|
transform: skewX(5deg);
|
|
}
|
|
}
|
|
input:focus ~ div > div {
|
|
animation: thud 0.1s linear;
|
|
}
|
|
|
|
@keyframes thud {
|
|
0% {
|
|
transform: translate3d(0, 1rem, 0);
|
|
}
|
|
60% {
|
|
transform: translate3d(0, -0.5rem, 0);
|
|
}
|
|
80% {
|
|
transform: translate3d(0, 0.25rem, 0);
|
|
}
|
|
}
|
|
sig {
|
|
z-index: 500;
|
|
opacity: 0.2;
|
|
font-size: 0.5rem;
|
|
color: #000;
|
|
width: 10em;
|
|
top: auto;
|
|
left: auto;
|
|
bottom: 1em;
|
|
right: 1em;
|
|
transform: skewX(10deg) scaleY(0.45) rotate(2deg);
|
|
}
|
|
sig,
|
|
sig * {
|
|
height: 9.25em;
|
|
overflow: hidden;
|
|
border-radius: 0.5em;
|
|
}
|
|
sig:before,
|
|
sig *:before {
|
|
width: 5em;
|
|
height: 5em;
|
|
background: currentColor;
|
|
transform: translate3d(-2.5em, 0, 0) rotate(-45deg);
|
|
box-shadow: -3em 3em 0 0 currentColor;
|
|
border-radius: 0.5em 2em 0.5em 2em;
|
|
}
|
|
sig * {
|
|
width: 5em;
|
|
transform: translate3d(3.75em, 0, 0) scaleY(0.95);
|
|
display: block !important;
|
|
}
|
|
sig *:before {
|
|
transform: translate3d(-3em, -2em, 0) rotate(-45deg);
|
|
box-shadow: -3em 3em 0 0 currentColor, -6em 6em 0 0 currentColor;
|
|
border-radius: 0.5em;
|
|
}
|
|
|
|
text {
|
|
width: 95%;
|
|
max-width: 70rem;
|
|
bottom: 25%;
|
|
color: #e7b39d;
|
|
right: 0;
|
|
margin: auto;
|
|
height: 1rem;
|
|
font-size: 2.5rem;
|
|
text-align: center;
|
|
font-family: Telefon, Sans-Serif;
|
|
z-index: -1;
|
|
transform: scale(0);
|
|
font-weight: 100;
|
|
letter-spacing: 0.1rem;
|
|
opacity: 0;
|
|
}
|
|
text welldone,
|
|
text gameover {
|
|
box-shadow: 0 0 5rem #ff7700, inset 0 0 0 0.5rem #fff;
|
|
background: rgba(32, 17, 42, 0.95);
|
|
padding: 5rem;
|
|
border-radius: 5rem;
|
|
border: 1rem solid #20112a;
|
|
}
|
|
text welldone {
|
|
display: none;
|
|
}
|
|
text * {
|
|
position: static;
|
|
}
|
|
text p:nth-of-type(1) {
|
|
font-size: 4rem;
|
|
}
|
|
text p:nth-of-type(odd) {
|
|
color: #bc2f60;
|
|
}
|
|
text label {
|
|
position: absolute;
|
|
left: auto;
|
|
right: 3rem;
|
|
top: 3rem;
|
|
color: #bc2f60;
|
|
padding: 2rem;
|
|
border-radius: 2rem;
|
|
box-shadow: 0 0 1rem rgba(255, 255, 255, 0);
|
|
cursor: pointer;
|
|
transition: box-shadow 0.25s ease-in-out;
|
|
box-sizing: border-box;
|
|
line-height: 1;
|
|
}
|
|
text label:hover, text label:focus {
|
|
box-shadow: 0 0 0.15rem #fff;
|
|
}
|
|
text a {
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 1rem;
|
|
text-decoration: none;
|
|
background: #bc2f60;
|
|
color: #20112a;
|
|
box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0), inset 0 0 0 0 rgba(255, 255, 255, 0.2);
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
text a:hover, text a:focus {
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), inset 0 0 0 3rem rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
#done:checked ~ text {
|
|
transform: scale(0) !important;
|
|
transition: all 0.5s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
|
|
colour > *:not(.lh):not(text) {
|
|
filter: hue-rotate(0deg) brightness(100%);
|
|
animation: set 400s linear infinite;
|
|
}
|
|
|
|
@media screen and (max-device-width: 480px) {
|
|
colour > *:not(.lh):not(text) {
|
|
animation: none;
|
|
}
|
|
}
|
|
@keyframes set {
|
|
15%,
|
|
85% {
|
|
filter: hue-rotate(0deg) brightness(100%);
|
|
}
|
|
30%,
|
|
70% {
|
|
filter: hue-rotate(-20deg) brightness(10%);
|
|
}
|
|
40%,
|
|
60% {
|
|
filter: hue-rotate(-40deg) brightness(50%);
|
|
}
|
|
}
|
|
stars {
|
|
width: 220rem;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
animation: stars 400s linear infinite;
|
|
-webkit-box-reflect: below -50rem;
|
|
opacity: 0;
|
|
z-index: 0;
|
|
}
|
|
stars:before {
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
box-shadow: 72vmin 41vmin 0 -.1rem #f9b9c8 , 47vmin 8vmin 0 -.2rem #8bd5fc , 170vmin 32vmin 0 -.1rem #af8bfc , 198vmin 36vmin 0 -.2rem #fc8bcb , 166vmin 30vmin 0 -.2rem #fc8bcd , 78vmin 52vmin 0 -.1rem #8babfc , 73vmin 10vmin 0 -.2rem #d48bfc , 60vmin 12vmin 0 -.1rem #8bfce7 , 74vmin 10vmin 0 -.2rem #fc908b , 134vmin 33vmin 0 -.2rem #8bfc92 , 57vmin 38vmin 0 -.1rem #8bfcda , 130vmin 12vmin 0 -.2rem #fc8bab , 115vmin 22vmin 0 -.2rem #e9fc8b , 48vmin 35vmin 0 -.1rem #cd8bfc , 47vmin 3vmin 0 -.1rem #fc8b9e , 66vmin 45vmin 0 -.1rem #fc8bdc , 163vmin 53vmin 0 -.1rem #8bfc96 , 17vmin 52vmin 0 -.1rem #fc8bc6 , 10vmin 2vmin 0 -.1rem #8bfce0 , 35vmin 36vmin 0 -.1rem #fc8bb1 , 165vmin 48vmin 0 -.2rem #8bf8fc , 90vmin 38vmin 0 -.2rem #dafc8b , 157vmin 17vmin 0 -.2rem #fc8bbe , 14vmin 18vmin 0 -.2rem #8bfccb , 60vmin 26vmin 0 -.2rem #fc8bad , 89vmin 18vmin 0 -.1rem #8bfcda , 192vmin 36vmin 0 -.2rem #8bb3fc , 76vmin 2vmin 0 -.1rem #8bd7fc , 2vmin 15vmin 0 -.1rem #fcef8b , 163vmin 19vmin 0 -.1rem #8bf1fc , 44vmin 38vmin 0 -.1rem #8bfccb , 25vmin 28vmin 0 -.1rem #b7fc8b , 60vmin 36vmin 0 -.2rem #c18bfc , 72vmin 24vmin 0 -.1rem #fc8bf5 , 138vmin 40vmin 0 -.2rem #d68bfc , 40vmin 45vmin 0 -.2rem #fc8be2 , 31vmin 20vmin 0 -.2rem #8b9afc , 12vmin 38vmin 0 -.2rem #fc8bcb , 172vmin 34vmin 0 -.1rem #988bfc , 139vmin 43vmin 0 -.2rem #fc8bed , 111vmin 38vmin 0 -.1rem #e4fc8b , 52vmin 46vmin 0 -.2rem #8bfcc9 , 92vmin 37vmin 0 -.1rem #8bdefc , 72vmin 13vmin 0 -.2rem #bafc8b , 16vmin 39vmin 0 -.2rem #fc8bcd , 39vmin 15vmin 0 -.1rem #988bfc , 85vmin 10vmin 0 -.2rem #8f8bfc , 63vmin 22vmin 0 -.2rem #fc8b9a , 64vmin 36vmin 0 -.2rem #8ba2fc , 1vmin 35vmin 0 -.1rem #fc9a8b;
|
|
border-radius: 50%;
|
|
content: "";
|
|
position: absolute;
|
|
top: 5rem;
|
|
left: 5rem;
|
|
}
|
|
stars i:before, stars i:after {
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
top: 40rem;
|
|
left: 40rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
animation: stars 1s linear infinite;
|
|
opacity: 0.5;
|
|
box-shadow: 0 0 1rem #fff;
|
|
}
|
|
stars i:after {
|
|
top: 20rem;
|
|
left: 180rem;
|
|
animation: stars 1s 0.5s linear infinite;
|
|
background: #f9b9c8;
|
|
}
|
|
|
|
sky {
|
|
width: 100%;
|
|
height: 78.5rem;
|
|
overflow: hidden;
|
|
-webkit-box-reflect: below 0;
|
|
z-index: 0;
|
|
}
|
|
sky:before, sky:after {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(#323248 10%, #fbd447, #d8480f);
|
|
opacity: 0;
|
|
animation: sky 400s linear infinite;
|
|
}
|
|
sky:after {
|
|
background: linear-gradient(#19043f, #1a0f6c);
|
|
}
|
|
|
|
time {
|
|
pointer-events: none;
|
|
}
|
|
time,
|
|
time sun {
|
|
width: 170rem;
|
|
height: 170rem;
|
|
left: -100%;
|
|
right: -100%;
|
|
top: -100%;
|
|
bottom: -170%;
|
|
margin: auto;
|
|
}
|
|
time sun {
|
|
bottom: -100%;
|
|
transform: rotate(0deg);
|
|
z-index: 1;
|
|
animation: sun 400s linear infinite;
|
|
filter: blur(1rem) brightness(400%);
|
|
}
|
|
time sun:before {
|
|
width: 25rem;
|
|
height: 25rem;
|
|
border-radius: 50%;
|
|
background: radial-gradient(#bc592f, #bc2f2f);
|
|
right: 0;
|
|
margin: auto;
|
|
transform: rotate(0deg);
|
|
}
|
|
time sun:after {
|
|
width: 10rem;
|
|
height: 10rem;
|
|
border-radius: 50%;
|
|
box-shadow: inset 0 2rem 0 #5a4e38;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
left: 60%;
|
|
top: auto;
|
|
bottom: 0;
|
|
transform: rotate(0deg);
|
|
z-index: 1;
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
time,
|
|
input {
|
|
display: none;
|
|
}
|
|
}
|
|
div.ss lens {
|
|
top: 20rem;
|
|
left: 70rem;
|
|
animation: lensflair 400s linear infinite;
|
|
width: 60rem;
|
|
height: 60rem;
|
|
filter: brightness(150%);
|
|
transform: rotate(0);
|
|
opacity: 0;
|
|
}
|
|
div.ss lens:before {
|
|
width: 60rem;
|
|
height: 60rem;
|
|
border-radius: 50%;
|
|
top: 0;
|
|
right: -50%;
|
|
left: -50%;
|
|
margin: auto;
|
|
box-shadow: 0 70rem 0 -20rem yellow, 0 50rem 0 -25rem yellow, 0 100rem 0 5rem #f437c5, inset 0 0 3rem #ff7700;
|
|
border: 1rem solid #ff7700;
|
|
}
|
|
div.ss lens:after {
|
|
width: 100rem;
|
|
height: 100rem;
|
|
border-radius: 50%;
|
|
top: 140rem;
|
|
right: -50%;
|
|
left: -50%;
|
|
margin: auto;
|
|
border: 1rem solid yellow;
|
|
box-shadow: 0 0 3rem red, inset 0 0 3rem blue;
|
|
}
|
|
|
|
@keyframes lensflair {
|
|
20%,
|
|
30%,
|
|
70%,
|
|
80% {
|
|
opacity: 0;
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 0.05;
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes sun {
|
|
20%,
|
|
80% {
|
|
filter: blur(1rem) brightness(390%);
|
|
}
|
|
27%,
|
|
73% {
|
|
filter: blur(1rem) brightness(200%);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes stars {
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes sky {
|
|
20%,
|
|
85% {
|
|
filter: brightness(100%);
|
|
opacity: 0;
|
|
}
|
|
30%,
|
|
70% {
|
|
filter: brightness(100%);
|
|
opacity: 1;
|
|
}
|
|
40%,
|
|
60% {
|
|
filter: brightness(20%);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
sunset {
|
|
width: 150%;
|
|
height: 20rem;
|
|
left: -25%;
|
|
top: 60rem;
|
|
background: radial-gradient(farthest-side at 70% 100%, #ff6400, rgba(255, 255, 255, 0));
|
|
filter: blur(1rem);
|
|
-webkit-box-reflect: below 0;
|
|
animation: sunset 400s linear infinite;
|
|
opacity: 0;
|
|
transform: translate3d(0, 20rem, 0);
|
|
}
|
|
sunset:before {
|
|
width: 100rem;
|
|
height: 50rem;
|
|
left: 55%;
|
|
top: -10rem;
|
|
border-radius: 50%;
|
|
background: radial-gradient(#ff6400, rgba(255, 255, 255, 0));
|
|
opacity: 0.1;
|
|
}
|
|
sunset:after {
|
|
width: 50rem;
|
|
height: 25rem;
|
|
left: 65%;
|
|
top: 5rem;
|
|
border-radius: 50%;
|
|
background: radial-gradient(#fffd91, rgba(255, 255, 255, 0));
|
|
opacity: 0.1;
|
|
}
|
|
|
|
@keyframes sunset {
|
|
28%,
|
|
75% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
20%,
|
|
35%,
|
|
70%,
|
|
80% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 20rem, 0);
|
|
}
|
|
}
|
|
text:nth-of-type(2) {
|
|
animation: gameover 400s linear;
|
|
}
|
|
|
|
@keyframes gameover {
|
|
34.8% {
|
|
transform: scale(0);
|
|
z-index: 0;
|
|
display: block;
|
|
opacity: 0;
|
|
}
|
|
35%,
|
|
100% {
|
|
transform: scale(1);
|
|
z-index: 410;
|
|
transition: all 0.5s 1.5s ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
tree:nth-of-type(1) {
|
|
width: 10rem;
|
|
height: 60.5rem;
|
|
top: -10rem;
|
|
transform: skew(-2deg);
|
|
border-radius: 0 50% 2rem 0;
|
|
box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a;
|
|
}
|
|
tree:nth-of-type(1):before {
|
|
left: 16rem;
|
|
width: 10rem;
|
|
height: 60.5rem;
|
|
box-shadow: -2rem 0 0 #20112a, -3rem 0 0 #683f44, -4rem 0 0 #20112a;
|
|
border-radius: 50% 0 0 2rem;
|
|
transform: skew(4deg);
|
|
}
|
|
tree:nth-of-type(1):after {
|
|
top: -4rem;
|
|
width: 10rem;
|
|
height: 5rem;
|
|
border-radius: 60% 60% 40% 40% / 70% 70% 40% 40%;
|
|
background: #7dbc2f;
|
|
box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), 13rem 0 0 -0.2rem rgba(104, 63, 68, 0.1), 9rem 1rem 0 -1rem rgba(104, 63, 68, 0.1), -2rem -3rem 0 1rem rgba(104, 63, 68, 0.1), 5rem -5rem 0 -0.5rem rgba(104, 63, 68, 0.1), 7rem -4rem 0 rgba(104, 63, 68, 0.1), 11rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), 12rem 0 0 -0.2rem #bca52f, 8rem 1rem 0 -1rem #bca52f, -3rem -3rem 0 1rem #81bc2f, 4rem -5rem 0 -0.5rem #bca52f, 6rem -4rem 0 #81bc2f, 10rem -2rem 0 -0.5rem #bca52f;
|
|
}
|
|
|
|
tree:nth-of-type(2) {
|
|
width: 10rem;
|
|
height: 50.5rem;
|
|
top: 0;
|
|
left: 25rem;
|
|
transform: skew(-3deg);
|
|
border-radius: 0 50% 2rem 0;
|
|
box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a;
|
|
}
|
|
tree:nth-of-type(2):before {
|
|
left: 16rem;
|
|
width: 10rem;
|
|
height: 50.5rem;
|
|
box-shadow: -1.5rem 0 0 #20112a, -2.5rem 0 0 #683f44, -3rem 0 0 #20112a;
|
|
border-radius: 50% 0 0 2rem;
|
|
transform: skew(4deg);
|
|
}
|
|
tree:nth-of-type(2):after {
|
|
top: -4rem;
|
|
left: 17rem;
|
|
width: 10rem;
|
|
height: 5rem;
|
|
border-radius: 60% 60% 40% 40% / 70% 70% 40% 40%;
|
|
background: #7dbc2f;
|
|
box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), -19rem 1rem 0 -0.2rem rgba(104, 63, 68, 0.1), -14rem -4rem 0 -1rem rgba(104, 63, 68, 0.1), -13rem -1rem 0 1rem rgba(104, 63, 68, 0.1), -1rem -4rem 0 -0.5rem rgba(104, 63, 68, 0.1), -4rem -1rem 0 rgba(104, 63, 68, 0.1), -21rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), -7rem -5rem 0 1rem rgba(104, 63, 68, 0.1), -20rem 1rem 0 -0.2rem #bca52f, -15rem -4rem 0 -1rem #bca52f, -15rem -1rem 0 1rem #81bc2f, -2rem -4rem 0 -0.5rem #bca52f, -5rem -1rem 0 #81bc2f, -22rem -2rem 0 -0.5rem #bca52f, -8rem -5rem 0 1rem #81bc2f;
|
|
}
|
|
|
|
tree i:nth-of-type(1), tree i:nth-of-type(1):before, tree i:nth-of-type(1):after {
|
|
width: 2.5rem;
|
|
height: 0.5rem;
|
|
background: #96d24c;
|
|
border-radius: 0 0 100% 100%;
|
|
top: -5rem;
|
|
filter: drop-shadow(3rem 1.5rem 0 #938125) drop-shadow(1.5rem 2.5rem 0 #938125);
|
|
z-index: 1;
|
|
left: -3rem;
|
|
opacity: 0.5;
|
|
}
|
|
tree i:nth-of-type(1):before {
|
|
left: 6rem;
|
|
top: -1rem;
|
|
filter: drop-shadow(2rem 1.5rem 0 #938125);
|
|
}
|
|
tree i:nth-of-type(1):after {
|
|
left: 15rem;
|
|
top: -1.5rem;
|
|
filter: drop-shadow(2.5rem 0.5rem 0 #938125) drop-shadow(1rem 2rem 0 #938125);
|
|
}
|
|
|
|
tree:nth-of-type(2) i:nth-of-type(1):after {
|
|
left: 20rem;
|
|
}
|
|
|
|
tree i:nth-of-type(2), tree i:nth-of-type(2):before, tree i:nth-of-type(2):after {
|
|
width: 0.5rem;
|
|
height: 0.25rem;
|
|
background: #81bc2f;
|
|
border-radius: 100% 0 100% 0;
|
|
top: -2rem;
|
|
}
|
|
tree i:nth-of-type(2):before {
|
|
left: 8rem;
|
|
top: -1rem;
|
|
}
|
|
tree i:nth-of-type(2):after {
|
|
left: 20rem;
|
|
top: 1.5rem;
|
|
}
|
|
|
|
[type="radio"]:focus ~ div > div > tree i:nth-of-type(1), [type="radio"]:focus ~ div > div > tree:after {
|
|
animation: shake 0.3s ease-in-out;
|
|
}
|
|
|
|
[type="radio"]:focus ~ div > div > tree > i:nth-of-type(2) {
|
|
animation: fall 5s ease-in-out;
|
|
}
|
|
[type="radio"]:focus ~ div > div > tree > i:nth-of-type(2):before {
|
|
animation: fall 10s ease-in-out;
|
|
}
|
|
[type="radio"]:focus ~ div > div > tree > i:nth-of-type(2):before {
|
|
animation: fall 5s ease-in-out;
|
|
}
|
|
|
|
@keyframes shake {
|
|
40% {
|
|
transform: translate3d(0, 0.5rem, 0);
|
|
}
|
|
60% {
|
|
transform: translate3d(0, -0.25rem, 0);
|
|
}
|
|
80% {
|
|
transform: translate3d(0, 0.15rem, 0);
|
|
}
|
|
}
|
|
@keyframes fall {
|
|
100% {
|
|
transform: translate3d(0, 15rem, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
water {
|
|
position: absolute;
|
|
top: 78.5rem;
|
|
bottom: 0;
|
|
left: -100%;
|
|
right: -100%;
|
|
margin: auto;
|
|
width: 100%;
|
|
height: 25rem;
|
|
background: linear-gradient(rgba(96, 139, 136, 0.5), #f3cece);
|
|
z-index: 99;
|
|
overflow: hidden;
|
|
box-shadow: inset 0 0 5rem 0 rgba(37, 37, 41, 0.5);
|
|
}
|
|
water:before, water:after,
|
|
water i {
|
|
width: 80rem;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
opacity: 0.2;
|
|
right: 0;
|
|
margin: auto;
|
|
transform: scaleX(1) scaleY(0);
|
|
top: -1.5rem;
|
|
border: 0.5rem solid #fff;
|
|
box-shadow: 0 0 1rem 0.5rem #040b27, inset 0 0 1rem 1rem #040b27, inset 0 0 1rem #fff;
|
|
}
|
|
water:before {
|
|
animation: waves 6s ease-in-out infinite;
|
|
}
|
|
water:after {
|
|
animation: waves 8s 2s ease-in-out infinite;
|
|
}
|
|
|
|
input:focus ~ water > i {
|
|
animation: waves 3s 0.25s ease-out;
|
|
}
|
|
|
|
@keyframes waves {
|
|
100% {
|
|
transform: scaleX(1.5) scaleY(7);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
shed > label > i:nth-of-type(5) {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
shed > label > i:nth-of-type(5):after {
|
|
width: 2rem;
|
|
border-left: 0.5rem solid #252529;
|
|
border-right: 0.5rem solid #252529;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 1.5rem, #252529 1.5rem, #252529 2rem);
|
|
height: 325%;
|
|
left: -1.5rem;
|
|
transform: rotate(-1deg);
|
|
top: 10.5rem;
|
|
display: none;
|
|
}
|
|
shed > label > i:nth-of-type(5):before {
|
|
width: 13rem;
|
|
height: 3rem;
|
|
top: 10.5rem;
|
|
left: 12.5rem;
|
|
border: 0.5rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #683f44;
|
|
box-shadow: 0 0.25rem 0 #683f44;
|
|
transform: rotate(-3deg);
|
|
border-radius: 50%;
|
|
display: none;
|
|
}
|
|
shed > label:nth-of-type(n + 5) > i:nth-of-type(5):after {
|
|
height: 225%;
|
|
}
|
|
shed > label:nth-of-type(n + 9) > i:nth-of-type(5):after {
|
|
height: 15rem;
|
|
}
|
|
shed > label:nth-of-type(even) > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > shed > .row2.col1:after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3):before, .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(2), .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 2rem;
|
|
}
|
|
|
|
.hs.shed.row1.col-2:not(:checked)
|
|
~ .hs.row1.col1:checked
|
|
~ .shed.hs.row1.col2:not(:checked)
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row1.col-2:not(:checked)
|
|
~ .hs.row1.col1:checked
|
|
~ .shed.hs.row1.col2:not(:checked)
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1), .hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after,
|
|
.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > shed > .row2.col2:after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3):before, .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(2), .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row1.col-1:not(:checked)
|
|
~ .hs.row1.col2:checked
|
|
~ .shed.hs.row1.col3:not(:checked)
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row1.col-1:not(:checked)
|
|
~ .hs.row1.col2:checked
|
|
~ .shed.hs.row1.col3:not(:checked)
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1), .hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after,
|
|
.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > shed > .row2.col3:after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3):before, .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(2), .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row1.col0:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .shed.hs.row1.col4:not(:checked)
|
|
~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row1.col0:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .shed.hs.row1.col4:not(:checked)
|
|
~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 2rem;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1), .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after,
|
|
.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > shed > .row2.col4:after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3):before, .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(2), .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row1.col1:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ .shed.hs.row1.col5:not(:checked)
|
|
~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row1.col1:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ .shed.hs.row1.col5:not(:checked)
|
|
~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1), .hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after,
|
|
.hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1),
|
|
.hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after,
|
|
.hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1),
|
|
.hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after,
|
|
.hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 210%;
|
|
}
|
|
|
|
.hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row1.col2:checked
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col2 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 110%;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col1 > i:nth-of-type(5):before,
|
|
.hs.row2.col3:checked
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col2 > i:nth-of-type(5):before,
|
|
.hs.row2.col3:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col1 > i:nth-of-type(5):before,
|
|
.hs.row2.col2:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row2.col1:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row2.col2:checked
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col2 > i:nth-of-type(5):before {
|
|
top: 1rem;
|
|
border: none;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > shed > .row3.col1:after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before, .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2), .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row2.col-2:not(:checked)
|
|
~ .hs.row2.col1:checked
|
|
~ .shed.hs.row2.col2:not(:checked)
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row2.col-2:not(:checked)
|
|
~ .hs.row2.col1:checked
|
|
~ .shed.hs.row2.col2:not(:checked)
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1), .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after,
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > shed > .row3.col2:after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before, .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2), .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row2.col-1:not(:checked)
|
|
~ .hs.row2.col2:checked
|
|
~ .shed.hs.row2.col3:not(:checked)
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row2.col-1:not(:checked)
|
|
~ .hs.row2.col2:checked
|
|
~ .shed.hs.row2.col3:not(:checked)
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 2rem;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1), .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after,
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > shed > .row3.col3:after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before, .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2), .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row2.col0:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .shed.hs.row2.col4:not(:checked)
|
|
~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row2.col0:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .shed.hs.row2.col4:not(:checked)
|
|
~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 2rem;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1), .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after,
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > shed > .row3.col4:after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before, .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2), .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row2.col1:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ .shed.hs.row2.col5:not(:checked)
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row2.col1:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ .shed.hs.row2.col5:not(:checked)
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 2rem;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1), .hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after,
|
|
.hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1),
|
|
.hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after,
|
|
.hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1),
|
|
.hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after,
|
|
.hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div > div > shed > .row2.col1 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 210%;
|
|
}
|
|
|
|
.hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row2.col2:checked
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col2 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 110%;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col1 > i:nth-of-type(5):before,
|
|
.hs.row3.col3:checked
|
|
~ .hs.shed.row2.col2:checked
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col2 > i:nth-of-type(5):before,
|
|
.hs.row3.col3:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col1 > i:nth-of-type(5):before,
|
|
.hs.row3.col2:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row3.col1:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row3.col2:checked
|
|
~ .hs.shed.row2.col2:checked
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col2 > i:nth-of-type(5):before {
|
|
top: 1rem;
|
|
border: none;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > shed > .row4.col1:after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(3):after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before, .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2), .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 2rem;
|
|
}
|
|
|
|
.hs.shed.row3.col-2:not(:checked)
|
|
~ .hs.row3.col1:checked
|
|
~ .shed.hs.row3.col2:not(:checked)
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row3.col-2:not(:checked)
|
|
~ .hs.row3.col1:checked
|
|
~ .shed.hs.row3.col2:not(:checked)
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col1:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1), .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > shed > .row4.col2:after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before, .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2), .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row3.col-1:not(:checked)
|
|
~ .hs.row3.col2:checked
|
|
~ .shed.hs.row3.col3:not(:checked)
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row3.col-1:not(:checked)
|
|
~ .hs.row3.col2:checked
|
|
~ .shed.hs.row3.col3:not(:checked)
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1), .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > shed > .row4.col3:after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before, .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2), .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 2rem;
|
|
}
|
|
|
|
.hs.shed.row3.col0:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .shed.hs.row3.col4:not(:checked)
|
|
~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row3.col0:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .shed.hs.row3.col4:not(:checked)
|
|
~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 1rem;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1), .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after,
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:before {
|
|
background: repeating-linear-gradient(#bc592f 1rem, #683f44 2.3rem);
|
|
width: 90%;
|
|
height: 98%;
|
|
left: 1.25rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0 0.5rem 0 0 #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:after {
|
|
width: 105%;
|
|
height: 5rem;
|
|
background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem);
|
|
top: -2rem;
|
|
border-bottom: solid 0.5rem #252529;
|
|
box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9);
|
|
border-radius: 0.5rem;
|
|
left: auto;
|
|
right: -1rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: rgba(79, 1, 14, 0.3);
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
transform: scale(0.5);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):before {
|
|
width: 3.4rem;
|
|
height: 0.5rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):after {
|
|
width: 0.5rem;
|
|
height: 3.4rem;
|
|
background: #252529;
|
|
left: 0.3rem;
|
|
top: 0.4rem;
|
|
border-radius: 0.25rem;
|
|
box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
background: #bc592f;
|
|
top: 3rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after {
|
|
left: -4rem;
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
top: -11rem;
|
|
border-bottom-color: #252529;
|
|
transform: rotate(-3deg);
|
|
height: 4rem;
|
|
box-shadow: 0 3.7rem 0 -0.5rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):before {
|
|
width: 14.5rem;
|
|
height: 4.5rem;
|
|
border-top: 0.5rem solid #20112a;
|
|
border-bottom: 0.5rem solid #20112a;
|
|
top: 5rem;
|
|
left: -5rem;
|
|
background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem);
|
|
border-radius: 0.5rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(2):before {
|
|
width: 1rem;
|
|
height: 9rem;
|
|
background: #20112a;
|
|
top: -7rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2) {
|
|
width: 1rem;
|
|
background: #20112a;
|
|
height: 3rem;
|
|
border-radius: 0.25rem;
|
|
top: 18.5rem;
|
|
left: 10rem;
|
|
transform: rotate(5deg);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):before {
|
|
transform: rotate(-45deg);
|
|
left: -3rem;
|
|
border-radius: 0 1rem 0 0;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):after {
|
|
width: 1rem;
|
|
height: 4rem;
|
|
transform: rotate(45deg);
|
|
background: #20112a;
|
|
top: -6.5rem;
|
|
left: -2rem;
|
|
border-radius: 1rem 0 0 0;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(2):before {
|
|
transform: rotate(45deg);
|
|
left: 5rem;
|
|
border-radius: 1rem 0 0 0;
|
|
top: 11rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):after {
|
|
top: -7.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after {
|
|
display: block;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > shed > .row4.col4:after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(3):after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before, .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2), .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 2rem;
|
|
left: 1rem;
|
|
}
|
|
|
|
.hs.shed.row3.col1:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ .shed.hs.row3.col5:not(:checked)
|
|
~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.shed.row3.col1:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ .shed.hs.row3.col5:not(:checked)
|
|
~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4:before {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:before {
|
|
height: 12.5rem;
|
|
box-shadow: none;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) {
|
|
height: 0;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) {
|
|
transform: scale(1);
|
|
right: 1rem;
|
|
left: 2rem;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1), .hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after,
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after {
|
|
width: 110%;
|
|
right: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3:before {
|
|
width: 110%;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4:after {
|
|
width: 120%;
|
|
left: -1.25rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after {
|
|
left: 7rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1),
|
|
.hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after,
|
|
.hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 10.25rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after {
|
|
left: 6rem;
|
|
transform: rotate(3deg);
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
left: -2.5rem;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1),
|
|
.hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after,
|
|
.hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after {
|
|
left: 10rem;
|
|
transform: rotate(2deg);
|
|
}
|
|
|
|
.hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div > div > shed > .row3.col1 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 210%;
|
|
}
|
|
|
|
.hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row3.col2:checked
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col2 > i:nth-of-type(5):before {
|
|
display: block;
|
|
width: 110%;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col1 > i:nth-of-type(5):before,
|
|
.hs.row4.col3:checked
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col2 > i:nth-of-type(5):before,
|
|
.hs.row4.col3:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col1 > i:nth-of-type(5):before,
|
|
.hs.row4.col2:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row4.col1:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col1 > i:nth-of-type(5):before,
|
|
.hs.shed.row4.col2:checked
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col2 > i:nth-of-type(5):before {
|
|
top: 1rem;
|
|
border: none;
|
|
}
|
|
|
|
div > div > house > label > i:nth-of-type(5) {
|
|
width: 13rem;
|
|
height: 3rem;
|
|
top: 1rem;
|
|
border-bottom-color: #683f44;
|
|
box-shadow: 0 0.25rem 0 #683f44;
|
|
border-radius: 50%;
|
|
left: -0.5rem;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
div > div > house > label > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 1rem;
|
|
transform: rotate(5deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2rem 0.25rem 0 #bc2f60) drop-shadow(2rem 0rem 0 #bc592f);
|
|
}
|
|
div > div > house > label > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 7rem;
|
|
transform: rotate(-5deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2rem -0.25rem 0 #bc2f60) drop-shadow(2rem 0rem 0 #bc592f);
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1.col1 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2),
|
|
.hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row2.col1:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row2.col1:checked
|
|
~ .hs.shed.row1.col1:checked
|
|
~ div > div > house > .row2.col1:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row2.col1:checked
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row2.col1:checked
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row2.col1:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row1.col-2:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row-1.col1:checked
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row1.col-2:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row-1.col1:checked
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row0.col0:checked
|
|
~ .hs.row0.col1:not(:checked)
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(2):after,
|
|
.hs.house.row0.col1:not(:checked)
|
|
~ .hs.house.row-1.col1:checked
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row0.col0:checked
|
|
~ .hs.row0.col1:not(:checked)
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(1),
|
|
.hs.house.row0.col1:not(:checked)
|
|
~ .hs.house.row-1.col1:checked
|
|
~ div > div > house > .row1.col1 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.house.row0.col0:not(:checked)
|
|
~ .hs.shed.row0.col0:not(:checked)
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col1 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.house.row0.col0:not(:checked)
|
|
~ .hs.shed.row0.col0:not(:checked)
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col1 i:nth-of-type(1),
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.house.row0.col0:not(:checked)
|
|
~ .hs.shed.row0.col0:not(:checked)
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col1 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1),
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2.col3 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2),
|
|
.hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row2.col2:checked
|
|
~ .hs.shed.row1.col2:checked
|
|
~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row2.col2:checked
|
|
~ .hs.shed.row1.col2:checked
|
|
~ div > div > house > .row2.col2:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row2.col2:checked
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row2.col2:checked
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row2.col2:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row1.col-1:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row-1.col2:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row1.col-1:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row-1.col2:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row0.col1:checked
|
|
~ .hs.row0.col2:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2):after,
|
|
.hs.house.row0.col2:not(:checked)
|
|
~ .hs.house.row-1.col2:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row0.col1:checked
|
|
~ .hs.row0.col2:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(1),
|
|
.hs.house.row0.col2:not(:checked)
|
|
~ .hs.house.row-1.col2:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.house.row0.col1:not(:checked)
|
|
~ .hs.shed.row0.col1:not(:checked)
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col2 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.house.row0.col1:not(:checked)
|
|
~ .hs.shed.row0.col1:not(:checked)
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col2 i:nth-of-type(1),
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.house.row0.col1:not(:checked)
|
|
~ .hs.shed.row0.col1:not(:checked)
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1),
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3.col3 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2),
|
|
.hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row2.col3:checked
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row2.col3:checked
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div > div > house > .row2.col3:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row2.col3:checked
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row2.col3:checked
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row2.col3:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row1.col0:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row1.col0:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row0.col2:checked
|
|
~ .hs.row0.col3:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2):after,
|
|
.hs.house.row0.col3:not(:checked)
|
|
~ .hs.house.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row0.col2:checked
|
|
~ .hs.row0.col3:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(1),
|
|
.hs.house.row0.col3:not(:checked)
|
|
~ .hs.house.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row0.col2:not(:checked)
|
|
~ .hs.shed.row0.col2:not(:checked)
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col3 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row0.col2:not(:checked)
|
|
~ .hs.shed.row0.col2:not(:checked)
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col3 i:nth-of-type(1),
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row0.col2:not(:checked)
|
|
~ .hs.shed.row0.col2:not(:checked)
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col3 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1),
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4.col1 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2),
|
|
.hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row2.col4:checked
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row2.col4:checked
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div > div > house > .row2.col4:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row2.col4:checked
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row2.col4:checked
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row2.col4:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row1.col1:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.house.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row1.col1:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.house.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row0.col3:checked
|
|
~ .hs.row0.col4:not(:checked)
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(2):after,
|
|
.hs.house.row0.col4:not(:checked)
|
|
~ .hs.house.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row0.col3:checked
|
|
~ .hs.row0.col4:not(:checked)
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(1),
|
|
.hs.house.row0.col4:not(:checked)
|
|
~ .hs.house.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.house.row0.col3:not(:checked)
|
|
~ .hs.shed.row0.col3:not(:checked)
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.house.row0.col3:not(:checked)
|
|
~ .hs.shed.row0.col3:not(:checked)
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4 i:nth-of-type(1),
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.house.row0.col3:not(:checked)
|
|
~ .hs.shed.row0.col3:not(:checked)
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1),
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1.col3 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2),
|
|
.hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row3.col1:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row3.col1:checked
|
|
~ .hs.shed.row2.col1:checked
|
|
~ div > div > house > .row3.col1:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row3.col1:checked
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row3.col1:checked
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row3.col1:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row2.col-2:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row0.col1:checked
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row2.col-2:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row0.col1:checked
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:not(:checked)
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(2):after,
|
|
.hs.house.row1.col1:not(:checked)
|
|
~ .hs.house.row0.col1:checked
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:not(:checked)
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(1),
|
|
.hs.house.row1.col1:not(:checked)
|
|
~ .hs.house.row0.col1:checked
|
|
~ div > div > house > .row2.col1 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.house.row1.col0:not(:checked)
|
|
~ .hs.shed.row1.col0:not(:checked)
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col1 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.house.row1.col0:not(:checked)
|
|
~ .hs.shed.row1.col0:not(:checked)
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col1 i:nth-of-type(1),
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.house.row1.col0:not(:checked)
|
|
~ .hs.shed.row1.col0:not(:checked)
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col1 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1),
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2.col3 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2),
|
|
.hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row3.col2:checked
|
|
~ .hs.shed.row2.col2:checked
|
|
~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row3.col2:checked
|
|
~ .hs.shed.row2.col2:checked
|
|
~ div > div > house > .row3.col2:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row3.col2:checked
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row3.col2:checked
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row3.col2:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row2.col-1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row0.col2:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row2.col-1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row0.col2:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:not(:checked)
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(2):after,
|
|
.hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row0.col2:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:not(:checked)
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(1),
|
|
.hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row0.col2:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col1:not(:checked)
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col2 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col1:not(:checked)
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col2 i:nth-of-type(1),
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col1:not(:checked)
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1),
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2),
|
|
.hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row3.col3:checked
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row3.col3:checked
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div > div > house > .row3.col3:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row3.col3:checked
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row3.col3:checked
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row3.col3:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row2.col0:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row0.col3:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row2.col0:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row0.col3:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(2):after,
|
|
.hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row0.col3:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(1),
|
|
.hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row0.col3:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col3 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col3 i:nth-of-type(1),
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col3 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1),
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4.col4 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2),
|
|
.hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row3.col4:checked
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row3.col4:checked
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div > div > house > .row3.col4:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row3.col4:checked
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row3.col4:checked
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row3.col4:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.house.row0.col4:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.house.row0.col4:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(2):after,
|
|
.hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row0.col4:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(1),
|
|
.hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row0.col4:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4 i:nth-of-type(1),
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1),
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1.col4 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2),
|
|
.hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row4.col1:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row4.col1:checked
|
|
~ .hs.shed.row3.col1:checked
|
|
~ div > div > house > .row4.col1:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row4.col1:checked
|
|
~ .hs.house.row3.col1:checked
|
|
~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row4.col1:checked
|
|
~ .hs.house.row3.col1:checked
|
|
~ div > div > house > .row4.col1:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row3.col-2:not(:checked)
|
|
~ .hs.house.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row3.col-2:not(:checked)
|
|
~ .hs.house.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:not(:checked)
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(2):after,
|
|
.hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:not(:checked)
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(1),
|
|
.hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.house.row2.col0:not(:checked)
|
|
~ .hs.shed.row2.col0:not(:checked)
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col1 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.house.row2.col0:not(:checked)
|
|
~ .hs.shed.row2.col0:not(:checked)
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col1 i:nth-of-type(1),
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.house.row2.col0:not(:checked)
|
|
~ .hs.shed.row2.col0:not(:checked)
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col1 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1),
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2.col1 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2),
|
|
.hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row4.col2:checked
|
|
~ .hs.shed.row3.col2:checked
|
|
~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row4.col2:checked
|
|
~ .hs.shed.row3.col2:checked
|
|
~ div > div > house > .row4.col2:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row4.col2:checked
|
|
~ .hs.house.row3.col2:checked
|
|
~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row4.col2:checked
|
|
~ .hs.house.row3.col2:checked
|
|
~ div > div > house > .row4.col2:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row3.col-1:not(:checked)
|
|
~ .hs.house.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row3.col-1:not(:checked)
|
|
~ .hs.house.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:not(:checked)
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(2):after,
|
|
.hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:not(:checked)
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(1),
|
|
.hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.shed.row2.col1:not(:checked)
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col2 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.shed.row2.col1:not(:checked)
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col2 i:nth-of-type(1),
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.shed.row2.col1:not(:checked)
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1),
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3.col4 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2),
|
|
.hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row4.col3:checked
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row4.col3:checked
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div > div > house > .row4.col3:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row4.col3:checked
|
|
~ .hs.house.row3.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row4.col3:checked
|
|
~ .hs.house.row3.col3:checked
|
|
~ div > div > house > .row4.col3:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row3.col0:not(:checked)
|
|
~ .hs.house.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row3.col0:not(:checked)
|
|
~ .hs.house.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(2):after,
|
|
.hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(1),
|
|
.hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col3 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col3 i:nth-of-type(1),
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col3 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1),
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4.col1 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2),
|
|
.hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row4.col4:checked
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row4.col4:checked
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div > div > house > .row4.col4:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row4.col4:checked
|
|
~ .hs.house.row3.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row4.col4:checked
|
|
~ .hs.house.row3.col4:checked
|
|
~ div > div > house > .row4.col4:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row3.col1:not(:checked)
|
|
~ .hs.house.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row3.col1:not(:checked)
|
|
~ .hs.house.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:not(:checked)
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(2):after,
|
|
.hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:not(:checked)
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(1),
|
|
.hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4 i:nth-of-type(1),
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1),
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1.col4 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before, .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(2),
|
|
.hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row5.col1:checked
|
|
~ .hs.shed.row4.col1:checked
|
|
~ div > div > house > .row4.col1 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row5.col1:checked
|
|
~ .hs.shed.row4.col1:checked
|
|
~ div > div > house > .row5.col1:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row5.col1:checked
|
|
~ .hs.house.row4.col1:checked
|
|
~ div > div > house > .row4.col1 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row5.col1:checked
|
|
~ .hs.house.row4.col1:checked
|
|
~ div > div > house > .row5.col1:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row4.col-2:not(:checked)
|
|
~ .hs.house.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row4.col-2:not(:checked)
|
|
~ .hs.house.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:not(:checked)
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(2):after,
|
|
.hs.house.row3.col1:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:not(:checked)
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(1),
|
|
.hs.house.row3.col1:not(:checked)
|
|
~ .hs.house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.house.row3.col0:not(:checked)
|
|
~ .hs.shed.row3.col0:not(:checked)
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row4.col1 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.house.row3.col0:not(:checked)
|
|
~ .hs.shed.row3.col0:not(:checked)
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row4.col1 i:nth-of-type(1),
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.house.row3.col0:not(:checked)
|
|
~ .hs.shed.row3.col0:not(:checked)
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row4.col1 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1),
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before, .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(2),
|
|
.hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row5.col2:checked
|
|
~ .hs.shed.row4.col2:checked
|
|
~ div > div > house > .row4.col2 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row5.col2:checked
|
|
~ .hs.shed.row4.col2:checked
|
|
~ div > div > house > .row5.col2:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row5.col2:checked
|
|
~ .hs.house.row4.col2:checked
|
|
~ div > div > house > .row4.col2 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row5.col2:checked
|
|
~ .hs.house.row4.col2:checked
|
|
~ div > div > house > .row5.col2:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row4.col-1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row4.col-1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:not(:checked)
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(2):after,
|
|
.hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:not(:checked)
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(1),
|
|
.hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col1:not(:checked)
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row4.col2 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col1:not(:checked)
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row4.col2 i:nth-of-type(1),
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col1:not(:checked)
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row4.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1),
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3.col3 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before, .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(2),
|
|
.hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row5.col3:checked
|
|
~ .hs.shed.row4.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row5.col3:checked
|
|
~ .hs.shed.row4.col3:checked
|
|
~ div > div > house > .row5.col3:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row5.col3:checked
|
|
~ .hs.house.row4.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row5.col3:checked
|
|
~ .hs.house.row4.col3:checked
|
|
~ div > div > house > .row5.col3:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row4.col0:not(:checked)
|
|
~ .hs.house.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row4.col0:not(:checked)
|
|
~ .hs.house.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(2):after,
|
|
.hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(1),
|
|
.hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row4.col3 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row4.col3 i:nth-of-type(1),
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row4.col3 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1),
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4:before {
|
|
width: 1.5rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: -1.35rem;
|
|
left: 3rem;
|
|
box-shadow: 2rem 2rem 0 currentColor;
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
opacity: 0.7;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4:after {
|
|
filter: hue-rotate(-10deg) brightness(1.1);
|
|
width: 2rem;
|
|
height: 1rem;
|
|
background: currentColor;
|
|
border-radius: 0.25rem;
|
|
top: 0.5rem;
|
|
left: -0.15rem;
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4) {
|
|
width: 5rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
background: rgba(79, 1, 14, 0.9);
|
|
height: 5rem;
|
|
border-radius: 0.3rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):after {
|
|
width: 4.5rem;
|
|
height: 0.25rem;
|
|
left: 0.25rem;
|
|
top: 2.4rem;
|
|
background: currentColor;
|
|
border-radius: 0.0001rem;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dc9075, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9);
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):before {
|
|
width: 0.25rem;
|
|
height: 4.5rem;
|
|
left: 2.4rem;
|
|
top: 0.25rem;
|
|
background: currentColor;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4.col2 > i:nth-of-type(4) {
|
|
border-radius: 2.25rem 2.25rem 0.3rem 0.3rem;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2) {
|
|
border: solid rgba(255, 255, 255, 0) 1rem;
|
|
border-bottom: solid #6a1b37 4rem;
|
|
width: calc(100% + 2.1rem);
|
|
left: -1rem;
|
|
top: -2.5rem;
|
|
box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):before {
|
|
width: 100%;
|
|
height: 3rem;
|
|
border-radius: 50%;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem);
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after {
|
|
width: 3rem;
|
|
height: 4rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 0.5rem solid #bc2f2f;
|
|
top: -2rem;
|
|
box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -3rem 0 -1rem #252529;
|
|
border-radius: 0.5rem;
|
|
left: -0.25rem;
|
|
filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15));
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before, .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):after {
|
|
top: -8.5rem;
|
|
left: -1rem;
|
|
animation: smoke 8s linear infinite;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before {
|
|
animation: smoke 7.25s 3.75s linear infinite;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) > i:nth-of-type(1) {
|
|
left: 10rem;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(2),
|
|
.hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
|
|
.hs.house.row5.col4:checked
|
|
~ .hs.shed.row4.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
border-bottom: 0.25rem dashed #bc2f2f;
|
|
}
|
|
.hs.house.row5.col4:checked
|
|
~ .hs.shed.row4.col4:checked
|
|
~ div > div > house > .row5.col4:before {
|
|
background: #bc592f;
|
|
}
|
|
|
|
.hs.shed.row5.col4:checked
|
|
~ .hs.house.row4.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
border-bottom: 0.25rem dashed #bc592f;
|
|
}
|
|
.hs.shed.row5.col4:checked
|
|
~ .hs.house.row4.col4:checked
|
|
~ div > div > house > .row5.col4:before {
|
|
background: #bc2f2f;
|
|
}
|
|
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(2):after {
|
|
left: 9.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(1) {
|
|
left: 11rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:not(:checked)
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(2):after,
|
|
.hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(2):after {
|
|
left: 4.75rem;
|
|
height: 3rem;
|
|
box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b37, 0 -2.25rem 0 -1rem #252529;
|
|
border-radius: 0 0 1rem 1rem;
|
|
}
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:not(:checked)
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(1),
|
|
.hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(1) {
|
|
left: 5rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row4.col4 i:nth-of-type(2) {
|
|
display: block;
|
|
left: -42%;
|
|
width: 50%;
|
|
}
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row4.col4 i:nth-of-type(1),
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row4.col4 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1),
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after {
|
|
display: none;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after {
|
|
left: -1.5rem;
|
|
}
|
|
.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) {
|
|
left: -1rem;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.shed.row1.col3:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.shed.row1.col4:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.shed.row1.col5:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.shed.row1.col6:checked
|
|
~ div > div > house > .row1.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row1.col1:checked
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col4 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.house.row1.col6:not(:checked)
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.house.row1.col6:not(:checked)
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col5 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row1.col4:checked
|
|
~ .hs.house.row1.col5:not(:checked)
|
|
~ .hs.house.row1.col6:not(:checked)
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col5 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after {
|
|
box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.shed.row2.col3:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.shed.row2.col4:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.shed.row2.col5:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.shed.row2.col6:checked
|
|
~ div > div > house > .row2.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row2.col1:checked
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after {
|
|
box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col4 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.house.row2.col6:not(:checked)
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row2.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.house.row2.col6:not(:checked)
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row2.col5 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row2.col4:checked
|
|
~ .hs.house.row2.col5:not(:checked)
|
|
~ .hs.house.row2.col6:not(:checked)
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row2.col5 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.shed.row3.col3:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.shed.row3.col4:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.shed.row3.col5:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row3.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.shed.row3.col6:checked
|
|
~ div > div > house > .row3.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row3.col1:checked
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row3.col4 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.house.row3.col6:not(:checked)
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row3.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.house.row3.col6:not(:checked)
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row3.col5 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row3.col4:checked
|
|
~ .hs.house.row3.col5:not(:checked)
|
|
~ .hs.house.row3.col6:not(:checked)
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row3.col5 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.shed.row4.col3:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.row4.col4:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.shed.row4.col4:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.row4.col5:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.shed.row4.col5:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.row4.col6:checked
|
|
~ div > div > house > .row4.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 105%;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.shed.row4.col6:checked
|
|
~ div > div > house > .row4.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 115%;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.row4.col4:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.row4.col4:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row4.col1:checked
|
|
~ .hs.house.row4.col2:not(:checked)
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.row4.col4:checked
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after {
|
|
box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ div > div > house > .row4.col1:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.row4.col5:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.row4.col5:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.row4.col5:checked
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after {
|
|
box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col2:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.row4.col6:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.row4.col6:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.row4.col6:checked
|
|
~ div > div > house > .row4.col4 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col3:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.house.row4.col6:not(:checked)
|
|
~ .hs.row4.col7:checked
|
|
~ div > div > house > .row4.col5 > i:nth-of-type(5) {
|
|
display: block;
|
|
width: 205%;
|
|
}
|
|
.hs.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.house.row4.col6:not(:checked)
|
|
~ .hs.row4.col7:checked
|
|
~ div > div > house > .row4.col5 > i:nth-of-type(5):after {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #bc592f;
|
|
top: 2.75rem;
|
|
left: 3.5rem;
|
|
transform: rotate(4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem 0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
.hs.row4.col4:checked
|
|
~ .hs.house.row4.col5:not(:checked)
|
|
~ .hs.house.row4.col6:not(:checked)
|
|
~ .hs.row4.col7:checked
|
|
~ div > div > house > .row4.col5 > i:nth-of-type(5):before {
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #7dbc2f;
|
|
top: 3.25rem;
|
|
left: 13.5rem;
|
|
transform: rotate(-4deg);
|
|
z-index: -1 !important;
|
|
filter: drop-shadow(2.5rem -0.1rem 0 #bc2f60) drop-shadow(5rem 0 0 #bc592f);
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after {
|
|
box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after {
|
|
box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col4:after {
|
|
box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: 0.75rem solid #20112a;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
width: 2rem;
|
|
height: 325%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
top: 12rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
z-index: -200;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before {
|
|
width: 12rem;
|
|
height: 12rem;
|
|
border: 1.15rem dashed rgba(255, 255, 255, 0);
|
|
border-bottom-color: #20112a;
|
|
box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a;
|
|
top: 0.5rem;
|
|
border-radius: 5rem;
|
|
left: -0.5rem;
|
|
transform: scaleY(-1);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after {
|
|
width: 2rem;
|
|
height: 100%;
|
|
border-left: 0.75rem solid #20112a;
|
|
border-right: 0.75rem solid #20112a;
|
|
left: 9.8rem;
|
|
background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem);
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) {
|
|
height: 225%;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) {
|
|
height: 13.5rem;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
border-bottom: none;
|
|
}
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) {
|
|
display: none !important;
|
|
}
|
|
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"] {
|
|
box-shadow: 0 0.5rem 0 #bc2f2f;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3):before {
|
|
width: 7rem;
|
|
height: 4rem;
|
|
left: -8em;
|
|
top: 6rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 1rem 0 -1rem #81bc2f, 14rem 0.5rem 0 -0.5rem #bca52f, 10rem 1rem 0 -1.25rem #7dbc2f;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"] > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col3 > i:nth-of-type(3):before {
|
|
height: 3rem;
|
|
left: -8.5em;
|
|
top: 7rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 14rem 1rem 0 0.5rem #7dbc2f, 10rem 0.5rem 0 -0.5rem #bca52f;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col3 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col2 > i:nth-of-type(3):before {
|
|
height: 3.5rem;
|
|
width: 6rem;
|
|
left: -7em;
|
|
top: 6.5rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 13rem 1rem 0 0.5rem #bca52f, 9rem 0.5rem 0 -0.5rem #81bc2f;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col2 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col1 > i:nth-of-type(3):before {
|
|
width: 6rem;
|
|
height: 3rem;
|
|
left: -6.5em;
|
|
top: 7rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #81bc2f;
|
|
box-shadow: 3rem 0.5rem 0 -0.75rem #7dbc2f, 9rem 0.5rem 0 -0.5rem #7dbc2f, 12rem -0.25rem 0 0.5rem #bca52f;
|
|
}
|
|
[id^="cb23"]:checked ~ div > div > house > [for="ncb23"].col1 > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"] > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b37;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"].col1 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col1 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44;
|
|
}
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"].col1 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col1 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529;
|
|
}
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"] > i:nth-of-type(4),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) {
|
|
transform: scale(0.5);
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b37, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"] > i:nth-of-type(4):after,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):after,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after {
|
|
height: 0.5rem;
|
|
top: 2.3rem;
|
|
background: #6a1b37;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
#cb23:checked
|
|
~ #cb24:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb23"] > i:nth-of-type(4):before,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):before,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before {
|
|
width: 0.5rem;
|
|
left: 2.3rem;
|
|
background: #6a1b37;
|
|
}
|
|
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"] {
|
|
box-shadow: 0 0.5rem 0 #bc2f2f;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3):before {
|
|
width: 7rem;
|
|
height: 4rem;
|
|
left: -8em;
|
|
top: 6rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 1rem 0 -1rem #81bc2f, 14rem 0.5rem 0 -0.5rem #bca52f, 10rem 1rem 0 -1.25rem #7dbc2f;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"] > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col3 > i:nth-of-type(3):before {
|
|
height: 3rem;
|
|
left: -8.5em;
|
|
top: 7rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 14rem 1rem 0 0.5rem #7dbc2f, 10rem 0.5rem 0 -0.5rem #bca52f;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col3 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3):before {
|
|
height: 3.5rem;
|
|
width: 6rem;
|
|
left: -7em;
|
|
top: 6.5rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 13rem 1rem 0 0.5rem #bca52f, 9rem 0.5rem 0 -0.5rem #81bc2f;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col2 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col1 > i:nth-of-type(3):before {
|
|
width: 6rem;
|
|
height: 3rem;
|
|
left: -6.5em;
|
|
top: 7rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #81bc2f;
|
|
box-shadow: 3rem 0.5rem 0 -0.75rem #7dbc2f, 9rem 0.5rem 0 -0.5rem #7dbc2f, 12rem -0.25rem 0 0.5rem #bca52f;
|
|
}
|
|
[id^="cb24"]:checked ~ div > div > house > [for="ncb24"].col1 > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b37;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col3 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col3 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44;
|
|
}
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col1 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col1 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529;
|
|
}
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) {
|
|
transform: scale(0.5);
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b37, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):after,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):after,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after {
|
|
height: 0.5rem;
|
|
top: 2.3rem;
|
|
background: #6a1b37;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
#cb24:checked
|
|
~ #cb25:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):before,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):before,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before {
|
|
width: 0.5rem;
|
|
left: 2.3rem;
|
|
background: #6a1b37;
|
|
}
|
|
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"] {
|
|
box-shadow: 0 0.5rem 0 #bc2f2f;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3):before {
|
|
width: 7rem;
|
|
height: 4rem;
|
|
left: -8em;
|
|
top: 6rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 1rem 0 -1rem #81bc2f, 14rem 0.5rem 0 -0.5rem #bca52f, 10rem 1rem 0 -1.25rem #7dbc2f;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"] > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col3 > i:nth-of-type(3):before {
|
|
height: 3rem;
|
|
left: -8.5em;
|
|
top: 7rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 14rem 1rem 0 0.5rem #7dbc2f, 10rem 0.5rem 0 -0.5rem #bca52f;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col3 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3):before {
|
|
height: 3.5rem;
|
|
width: 6rem;
|
|
left: -7em;
|
|
top: 6.5rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 13rem 1rem 0 0.5rem #bca52f, 9rem 0.5rem 0 -0.5rem #81bc2f;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col2 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col1 > i:nth-of-type(3):before {
|
|
width: 6rem;
|
|
height: 3rem;
|
|
left: -6.5em;
|
|
top: 7rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #81bc2f;
|
|
box-shadow: 3rem 0.5rem 0 -0.75rem #7dbc2f, 9rem 0.5rem 0 -0.5rem #7dbc2f, 12rem -0.25rem 0 0.5rem #bca52f;
|
|
}
|
|
[id^="cb25"]:checked ~ div > div > house > [for="ncb25"].col1 > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"] > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b37;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"].col4 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col4 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col4 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44;
|
|
}
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"].col2 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col2 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529;
|
|
}
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"] > i:nth-of-type(4),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) {
|
|
transform: scale(0.5);
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b37, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"] > i:nth-of-type(4):after,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):after,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after {
|
|
height: 0.5rem;
|
|
top: 2.3rem;
|
|
background: #6a1b37;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
#cb25:checked
|
|
~ #cb26:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb25"] > i:nth-of-type(4):before,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):before,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before {
|
|
width: 0.5rem;
|
|
left: 2.3rem;
|
|
background: #6a1b37;
|
|
}
|
|
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"] {
|
|
box-shadow: 0 0.5rem 0 #bc2f2f;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) {
|
|
width: 4rem;
|
|
height: 9rem;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 3.5rem;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3):before {
|
|
width: 7rem;
|
|
height: 4rem;
|
|
left: -8em;
|
|
top: 6rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 1rem 0 -1rem #81bc2f, 14rem 0.5rem 0 -0.5rem #bca52f, 10rem 1rem 0 -1.25rem #7dbc2f;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3):before {
|
|
height: 3rem;
|
|
left: -8.5em;
|
|
top: 7rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 14rem 1rem 0 0.5rem #7dbc2f, 10rem 0.5rem 0 -0.5rem #bca52f;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col3 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3):before {
|
|
height: 3.5rem;
|
|
width: 6rem;
|
|
left: -7em;
|
|
top: 6.5rem;
|
|
background: #7dbc2f;
|
|
box-shadow: 3rem 0.75rem 0 -1rem #81bc2f, 13rem 1rem 0 0.5rem #bca52f, 9rem 0.5rem 0 -0.5rem #81bc2f;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col2 > i:nth-of-type(3):after {
|
|
left: -7rem;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3):before {
|
|
width: 6rem;
|
|
height: 3rem;
|
|
left: -6.5em;
|
|
top: 7rem;
|
|
border-radius: 50% 50% 1rem 1rem / 80% 80% 1rem 1rem;
|
|
background: #81bc2f;
|
|
box-shadow: 3rem 0.5rem 0 -0.75rem #7dbc2f, 9rem 0.5rem 0 -0.5rem #7dbc2f, 12rem -0.25rem 0 0.5rem #bca52f;
|
|
}
|
|
[id^="cb26"]:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3):after {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
left: -5rem;
|
|
top: 7rem;
|
|
box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff;
|
|
}
|
|
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"] > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b37;
|
|
box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75);
|
|
}
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"].col4 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col4 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col4 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44;
|
|
}
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"].col1 > i:nth-of-type(3),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"].col1 > i:nth-of-type(3),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"].col1 > i:nth-of-type(3) {
|
|
background: radial-gradient(circle at 80% center, #bc2f60 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529;
|
|
}
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"] > i:nth-of-type(4),
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4),
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4) {
|
|
transform: scale(0.5);
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b37, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a;
|
|
}
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"] > i:nth-of-type(4):after,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):after,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):after {
|
|
height: 0.5rem;
|
|
top: 2.3rem;
|
|
background: #6a1b37;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
#cb26:checked
|
|
~ #cb27:not(:checked)
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb26"] > i:nth-of-type(4):before,
|
|
#cb23:checked
|
|
~ #cb24:checked
|
|
~ #cb25:checked
|
|
~ #cb26:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> [for="ncb24"] > i:nth-of-type(4):before,
|
|
#cb26:checked ~ div > div > house > [for="ncb26"] > i:nth-of-type(4):before {
|
|
width: 0.5rem;
|
|
left: 2.3rem;
|
|
background: #6a1b37;
|
|
}
|
|
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 {
|
|
background: #a19372;
|
|
color: #a19372;
|
|
z-index: 310;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(4),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(4),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(4),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(3) {
|
|
border-radius: 50% 50% 0.3rem 0.3rem;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(3),
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(3) {
|
|
height: 10rem;
|
|
width: 4.5rem;
|
|
top: 2.5rem;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(3):before,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(3):before,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(3):before,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(3):before {
|
|
top: 8rem;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(3):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(3):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(3):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(3):after {
|
|
top: 8rem;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row2.col3 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row3.col3 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row4.col3 > i:nth-of-type(4):after {
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2) {
|
|
border: 1rem solid rgba(255, 255, 255, 0);
|
|
border-left: 3rem solid #bc592f;
|
|
top: -8.5rem;
|
|
left: 4.25rem;
|
|
box-shadow: none;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2):before {
|
|
top: 3.25rem;
|
|
left: -8.25rem;
|
|
background: #a19372;
|
|
width: 2.75rem;
|
|
height: 5rem;
|
|
border-radius: 0.25rem 0.25rem 50% 50%;
|
|
box-shadow: 4rem 0 0 #a19372, 8rem 0 0 #a19372, 12rem 0 0 #a19372;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(2):after {
|
|
width: 14.5rem;
|
|
height: 3rem;
|
|
top: 6.25rem;
|
|
border-radius: 0 0 2rem 2rem;
|
|
background: #a19372;
|
|
left: -8.25rem;
|
|
filter: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.hs.house.row4.col2:not(:checked)
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.house.row4.col4:not(:checked)
|
|
~ .hs.house.row3.col2:not(:checked)
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.house.row3.col4:not(:checked)
|
|
~ .hs.house.row2.col2:not(:checked)
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.house.row2.col4:not(:checked)
|
|
~ .hs.house.row1.col2:not(:checked)
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.house.row1.col4:not(:checked)
|
|
~ div > div > house > .row1.col3 > i:nth-of-type(4):before {
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), -2rem -12.5rem 0 #20112a;
|
|
}
|
|
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2 {
|
|
z-index: 310;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:before,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:before,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2:before,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2:after {
|
|
width: 80%;
|
|
height: 105%;
|
|
background: linear-gradient(to right, #a99c7e, currentColor);
|
|
transform: skewX(-2deg);
|
|
border-radius: 0.1rem 0.1rem 50% 50% / 50% 50% 0.25rem 0.25rem;
|
|
top: 0;
|
|
left: -1rem;
|
|
box-shadow: none;
|
|
filter: none;
|
|
opacity: 1;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2:after {
|
|
left: auto;
|
|
right: -1rem;
|
|
transform: skewX(2deg);
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), currentColor, #86795a);
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(4),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(4),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(4),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(4) {
|
|
border-radius: 50%;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(3),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(3),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(3),
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(3) {
|
|
border-radius: 2rem 2rem 0.5rem 0.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2 > i:nth-of-type(4):after,
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row4.col2 > i:nth-of-type(4):after {
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(1) {
|
|
display: none;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2) {
|
|
width: 8rem;
|
|
height: 12rem;
|
|
border: 0.5rem solid rgba(255, 255, 255, 0);
|
|
border-top: 1rem solid #252529;
|
|
border-bottom: 6rem solid #6a1b37;
|
|
border-radius: 0.5rem 0.5rem 0 0;
|
|
top: -12rem;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
background: repeating-linear-gradient(to right, #252529 0.5rem, #252529 1rem, rgba(255, 255, 255, 0) 1rem, rgba(255, 255, 255, 0) 3.25rem), repeating-linear-gradient(45deg, #6a1b37, #6a1b37 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem), repeating-linear-gradient(-45deg, #6a1b37, #6a1b37 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem);
|
|
box-shadow: inset 0 -1rem 0 #252529;
|
|
background-size: cover;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2):before {
|
|
border: 3rem solid rgba(255, 255, 255, 0);
|
|
width: 6.5rem;
|
|
box-shadow: inset 0 3rem 0 #6a1b37;
|
|
border-bottom-color: #20112a;
|
|
top: -10rem;
|
|
right: 0;
|
|
margin: auto;
|
|
height: 9rem;
|
|
border-radius: 0;
|
|
background: none;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 > i:nth-of-type(2):after {
|
|
width: 12.5rem;
|
|
background: repeating-linear-gradient(to right, #252529, #252529 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.32rem);
|
|
height: 5rem;
|
|
top: 6rem;
|
|
border-radius: 0.5rem;
|
|
border: none;
|
|
border-bottom: 1rem solid #252529;
|
|
border-top: 0.5rem solid #252529;
|
|
left: -10rem;
|
|
right: -10rem;
|
|
margin: auto;
|
|
box-shadow: none;
|
|
display: block;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2 {
|
|
color: #a19372;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:after {
|
|
left: -0.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row3.col2:after {
|
|
left: auto;
|
|
right: -0.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:after {
|
|
left: 0;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row2.col2:after {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2 {
|
|
color: #a19372;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:after {
|
|
left: 0.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div > div > house > .row1.col2:after {
|
|
left: auto;
|
|
right: 0.5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ text {
|
|
transform: scale(1) !important;
|
|
z-index: 410;
|
|
transition: all 0.5s 1s ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ text welldone {
|
|
display: block;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ text gameover {
|
|
display: none;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) {
|
|
border-radius: 50% !important;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after {
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
|
|
.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) {
|
|
border-radius: 50%;
|
|
}
|
|
.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after {
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3);
|
|
}
|
|
|
|
house label,
|
|
shed label {
|
|
opacity: 0;
|
|
}
|
|
house label *, house label:after, house label:before,
|
|
shed label *,
|
|
shed label:after,
|
|
shed label:before {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
@keyframes pop {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -12rem, 0);
|
|
}
|
|
99% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes popup {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 12rem, 0);
|
|
}
|
|
99% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.shed.row1.col1:checked ~ div > div > shed > .row1.col1,
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row1.col1:checked ~ div > div > shed > .row1.col1:after, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:after,
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col1:after,
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col1 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row1.col1:checked ~ div > div > shed > .row1.col1:before, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:before,
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col1:before,
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col1 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col0 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row0.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row1.col2:checked ~ div > div > shed > .row1.col2,
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row1.col2:checked ~ div > div > shed > .row1.col2:after, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:after,
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col2:after,
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col2 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row1.col2:checked ~ div > div > shed > .row1.col2:before, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:before,
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col2:before,
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col2 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row0.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row1.col3:checked ~ div > div > shed > .row1.col3,
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row1.col3:checked ~ div > div > shed > .row1.col3:after, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:after,
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col3:after,
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col3 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row1.col3:checked ~ div > div > shed > .row1.col3:before, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:before,
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col3:before,
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col3 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row0.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row1.col4:checked ~ div > div > shed > .row1.col4,
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row1.col4:checked ~ div > div > shed > .row1.col4:after, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:after,
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col4:after,
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col4 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row1.col4:checked ~ div > div > shed > .row1.col4:before, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:before,
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col4:before,
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col4 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col5 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row0.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row2.col1:checked ~ div > div > shed > .row2.col1,
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row2.col1:checked ~ div > div > shed > .row2.col1:after, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:after,
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col1:after,
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col1 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row2.col1:checked ~ div > div > shed > .row2.col1:before, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:before,
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col1:before,
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col1 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col0 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row2.col2:checked ~ div > div > shed > .row2.col2,
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row2.col2:checked ~ div > div > shed > .row2.col2:after, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:after,
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col2:after,
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col2 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row2.col2:checked ~ div > div > shed > .row2.col2:before, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:before,
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col2:before,
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col2 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row2.col3:checked ~ div > div > shed > .row2.col3,
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row2.col3:checked ~ div > div > shed > .row2.col3:after, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:after,
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col3:after,
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col3 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row2.col3:checked ~ div > div > shed > .row2.col3:before, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:before,
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col3:before,
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col3 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row2.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row2.col4:checked ~ div > div > shed > .row2.col4:after, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:after,
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col4:after,
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col4 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row2.col4:checked ~ div > div > shed > .row2.col4:before, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:before,
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col4:before,
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col4 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col5 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row1.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row3.col1:checked ~ div > div > shed > .row3.col1,
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row3.col1:checked ~ div > div > shed > .row3.col1:after, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:after,
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col1:after,
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col1 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row3.col1:checked ~ div > div > shed > .row3.col1:before, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:before,
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col1:before,
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col1 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col0 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row3.col2:checked ~ div > div > shed > .row3.col2,
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row3.col2:checked ~ div > div > shed > .row3.col2:after, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:after,
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col2:after,
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col2 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row3.col2:checked ~ div > div > shed > .row3.col2:before, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:before,
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col2:before,
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col2 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row3.col3:checked ~ div > div > shed > .row3.col3,
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row3.col3:checked ~ div > div > shed > .row3.col3:after, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:after,
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col3:after,
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col3 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row3.col3:checked ~ div > div > shed > .row3.col3:before, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:before,
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col3:before,
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col3 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row3.col4:checked ~ div > div > shed > .row3.col4,
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row3.col4:checked ~ div > div > shed > .row3.col4:after, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:after,
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col4:after,
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col4 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row3.col4:checked ~ div > div > shed > .row3.col4:before, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:before,
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col4:before,
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col4 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col5 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row2.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row4.col1:checked ~ div > div > shed > .row4.col1,
|
|
.house.row4.col1:checked ~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row4.col1:checked ~ div > div > shed > .row4.col1:after, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:after,
|
|
.house.row4.col1:checked ~ div > div > house > .row4.col1:after,
|
|
.house.row4.col1:checked ~ div > div > house > .row4.col1 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row4.col1:checked ~ div > div > shed > .row4.col1:before, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:before,
|
|
.house.row4.col1:checked ~ div > div > house > .row4.col1:before,
|
|
.house.row4.col1:checked ~ div > div > house > .row4.col1 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row4.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col0 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row5.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col1:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row4.col2:checked ~ div > div > shed > .row4.col2,
|
|
.house.row4.col2:checked ~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row4.col2:checked ~ div > div > shed > .row4.col2:after, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:after,
|
|
.house.row4.col2:checked ~ div > div > house > .row4.col2:after,
|
|
.house.row4.col2:checked ~ div > div > house > .row4.col2 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row4.col2:checked ~ div > div > shed > .row4.col2:before, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:before,
|
|
.house.row4.col2:checked ~ div > div > house > .row4.col2:before,
|
|
.house.row4.col2:checked ~ div > div > house > .row4.col2 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row4.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col1 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row5.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col2:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row4.col3:checked ~ div > div > shed > .row4.col3,
|
|
.house.row4.col3:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row4.col3:checked ~ div > div > shed > .row4.col3:after, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:after,
|
|
.house.row4.col3:checked ~ div > div > house > .row4.col3:after,
|
|
.house.row4.col3:checked ~ div > div > house > .row4.col3 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row4.col3:checked ~ div > div > shed > .row4.col3:before, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:before,
|
|
.house.row4.col3:checked ~ div > div > house > .row4.col3:before,
|
|
.house.row4.col3:checked ~ div > div > house > .row4.col3 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row4.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col2 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row5.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col3:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.shed.row4.col4:checked ~ div > div > shed > .row4.col4,
|
|
.house.row4.col4:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
.shed.row4.col4:checked ~ div > div > shed > .row4.col4:after, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:after,
|
|
.house.row4.col4:checked ~ div > div > house > .row4.col4:after,
|
|
.house.row4.col4:checked ~ div > div > house > .row4.col4 *:after {
|
|
animation: pop 0.1s linear forwards;
|
|
}
|
|
.shed.row4.col4:checked ~ div > div > shed > .row4.col4:before, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:before,
|
|
.house.row4.col4:checked ~ div > div > house > .row4.col4:before,
|
|
.house.row4.col4:checked ~ div > div > house > .row4.col4 *:before {
|
|
animation: popup 0.1s linear forwards;
|
|
}
|
|
|
|
.shed.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) {
|
|
display: none !important;
|
|
}
|
|
|
|
.house.row4.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col3 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row4.col5 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row5.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.house.row4.col4:checked
|
|
~ div
|
|
> div
|
|
> hbtn
|
|
> .row3.col4 {
|
|
z-index: 100;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > shed > .row1.col1 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row1.col1:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col1 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > shed > .row1.col2 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row1.col2:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col2 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > shed > .row1.col3 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col3 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > shed > .row1.col4 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col4 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > shed > .row2.col1 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row2.col1:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col1 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > shed > .row2.col2 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row2.col2:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col2 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > shed > .row2.col3 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col3 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > shed > .row2.col4 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col4 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > shed > .row3.col1 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row3.col1:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col1 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > shed > .row3.col2 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row3.col2:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col2 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > shed > .row3.col3 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row3.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col3 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > shed > .row3.col4 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row3.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col4 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ div > div > shed > .row4.col1 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row4.col1:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row4.col1 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ div > div > shed > .row4.col2 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row4.col2:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row4.col2 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ div > div > shed > .row4.col3 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row4.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row4.col3 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ div > div > shed > .row4.col4 {
|
|
z-index: 300;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4 {
|
|
background: #bc2f2f;
|
|
z-index: 300;
|
|
color: #bc2f2f;
|
|
}
|
|
|
|
.hs.shed.row4.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row4.col4 {
|
|
background: #bc592f;
|
|
color: #bc592f;
|
|
}
|
|
|
|
.house.row0.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2,
|
|
.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-2,
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2,
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-1,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col4,
|
|
.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row-1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-2,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-1.col-2,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col3,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col0:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col0:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row0.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2,
|
|
.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-2,
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-2,
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-1,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col4,
|
|
.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row-1.col-2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-2,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-1.col-2,
|
|
.house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-2.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col2,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col2,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col3,
|
|
.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col3,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .house.row-1.col0:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col0:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col0:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4,
|
|
.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3,
|
|
.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col3,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2,
|
|
.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-2,
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1,
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col0,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col1,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row0.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row-1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col2,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col0:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col2,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2,
|
|
.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-2,
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-1,
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col0,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col1,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row0.col-2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-2,
|
|
.house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row-1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col2,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col2,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col3,
|
|
.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row0.col0:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col0:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4,
|
|
.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3,
|
|
.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col2,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col3,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2,
|
|
.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-2,
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-1,
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col0,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col1,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > shed > .row5.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .house.row4.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row3.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row0.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row3.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-2,
|
|
.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col0:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col2,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col1,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row5.col2,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row4.col1:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > shed > .row3.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row2.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col1:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2,
|
|
.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-2,
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-1,
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col0,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col1,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ div > div > house > .row5.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-2:checked
|
|
~ .hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .house.row4.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row3.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-2,
|
|
.house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row0.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row3.col-2,
|
|
.hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-2,
|
|
.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col-1,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col2,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col2,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col3,
|
|
.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2,
|
|
.hs.row4.col-2:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col2,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col4,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row1.col0:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col0:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col1:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4,
|
|
.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3,
|
|
.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col1,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row5.col2,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row4.col1:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2,
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-2:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row3.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row2.col-2,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col3,
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row0.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col0,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col5,
|
|
.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row-1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-1.col-1,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col3,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col3,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col4,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row0.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col0,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col0,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col5,
|
|
.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row-1.col-1,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-1.col-1,
|
|
.house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-2.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col3,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col3,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col4,
|
|
.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col3,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col4,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col1:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5,
|
|
.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4,
|
|
.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3,
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col-1:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col-1,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col0,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col1,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col2,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row-1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col3,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col3,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col5,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col5,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3,
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row0.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col0,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col0,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col-1,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col0,
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col1,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col2,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col0,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col-1,
|
|
.house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row-1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col3,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col3,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col4,
|
|
.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col5,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col3,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col5,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col4,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row0.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col1:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5,
|
|
.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4,
|
|
.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3,
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row0.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col-1:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col-1,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col0,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col1,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col2,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .house.row4.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row0.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col0,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col4,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col5,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col5,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col3,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col2,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col3,
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row4.col2:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row1.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col-2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > shed > .row3.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row2.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col0,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col0,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col-1,
|
|
.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col-1,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col0,
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col1,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col2,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col-1:checked
|
|
~ .hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col-1:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .house.row4.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row2.col0,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row1.col0,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col0,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col-1,
|
|
.house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row0.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col0,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col3,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col3,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col4,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col5,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col-1,
|
|
.hs.row4.col-1:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col3,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col5,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col4,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row1.col1:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5,
|
|
.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4,
|
|
.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col2,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col3,
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked
|
|
~ .hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row4.col2:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row1.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col-2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3,
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col-1:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row3.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row1.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col-1:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row2.col-1,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row3.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row0.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-2.col1:checked ~ div > div > shed > .row-2.col1,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-2.col1:checked ~ div > div > shed > .row-2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-2.col5:checked ~ div > div > shed > .row-2.col6,
|
|
.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-2.col5:checked ~ div > div > shed > .row-2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row-1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-1.col0,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col4,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col4,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col5,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col4,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col2,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row0.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col1,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col0,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col1,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col0,
|
|
.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col3,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-2.col1:checked ~ div > div > house > .row-2.col1,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-2.col1:checked ~ div > div > house > .row-2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-2.col5:checked ~ div > div > house > .row-2.col6,
|
|
.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-2.col5:checked ~ div > div > house > .row-2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row-1.col0,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-1.col0,
|
|
.house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-2.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col4,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col4,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col5,
|
|
.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col6,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col4,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col6,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col5,
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col2:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6,
|
|
.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5,
|
|
.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3,
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col2,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col0:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col0,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col1,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col2,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col3,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row-1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col4,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col4,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col6,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col6,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col4,
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col1,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col0,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col1,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col0,
|
|
.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col0,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col1,
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col2,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col3,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row0.col0,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col0,
|
|
.house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row-1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0,
|
|
.hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0,
|
|
.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col4,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col4,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col5,
|
|
.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col6,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col4,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col6,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col5,
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row0.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col2:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col2:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6,
|
|
.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5,
|
|
.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3,
|
|
.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col4,
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col2,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col0:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col0,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col0,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col1,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col2,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col3,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .house.row4.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row0.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col1,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col4,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col5,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col6,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col6,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row4.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col3,
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col4,
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row4.col3:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col-1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col2,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row3.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col1,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col0,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col1,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col0,
|
|
.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col0,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col1,
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col2,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col3,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col0:checked
|
|
~ .hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col0:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .house.row4.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row2.col1,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col1,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row1.col0,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col0,
|
|
.house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row0.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col0,
|
|
.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col1,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col4,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col5,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col6,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col0,
|
|
.hs.row4.col0:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col4,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col6,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col5,
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row1.col2:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col2:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row4.col6,
|
|
.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col5,
|
|
.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col3,
|
|
.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col4:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col4,
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col4:checked
|
|
~ .hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row4.col3:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col-1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col2,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4,
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col0:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row3.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row1.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col0:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col0,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col5,
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row3.col5:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3,
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col3,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col4,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col2:checked ~ div > div > shed > .row-2.col2,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col2:checked ~ div > div > shed > .row-2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-2.col6:checked ~ div > div > shed > .row-2.col7,
|
|
.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-2.col6:checked ~ div > div > shed > .row-2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row-1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row-1.col1,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row-2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col5,
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col5,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col6,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col7,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col5,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col7,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col4:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col4:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4,
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5,
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col3,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col2,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col1,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col2,
|
|
.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col1,
|
|
.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3,
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col3,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col4,
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row0.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col2:checked ~ div > div > house > .row-2.col2,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-2.col2:checked ~ div > div > house > .row-2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-2.col6:checked ~ div > div > house > .row-2.col7,
|
|
.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-2.col6:checked ~ div > div > house > .row-2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row-1.col1,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row-1.col1,
|
|
.house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-2.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row-2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col2,
|
|
.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col5,
|
|
.hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col5,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col6,
|
|
.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6,
|
|
.hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col7,
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col7,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col7,
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col2,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col5,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col7,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col6,
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col3:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col4:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .house.row-1.col4:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7,
|
|
.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6,
|
|
.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4,
|
|
.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col7,
|
|
.hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5,
|
|
.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ .house.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col3,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col1:checked
|
|
~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col5:checked
|
|
~ .hs.row-1.col6:checked
|
|
~ .hs.row-1.col7:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked
|
|
~ .hs.row-1.col3:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col1,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col2,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col3,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col4,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row-1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col5,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col5,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col7,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col5,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col7,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4,
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col5,
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col3,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col2,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col1,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col2,
|
|
.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col1,
|
|
.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col1,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col2,
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col3,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col4,
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row1.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col2,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7,
|
|
.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row0.col1,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col1,
|
|
.house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row-1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row-1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1,
|
|
.hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col2,
|
|
.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1,
|
|
.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col5,
|
|
.hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col5,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col6,
|
|
.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6,
|
|
.hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7,
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col7,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row2.col7,
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col2,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col5,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col7,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col6,
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .house.row0.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col3:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col3:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .house.row0.col4:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7,
|
|
.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6,
|
|
.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4,
|
|
.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col7,
|
|
.hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col5,
|
|
.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row3.col6:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .hs.row3.col7:checked ~ .house.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col3,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row0.col1:checked
|
|
~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row0.col5:checked
|
|
~ .hs.row0.col6:checked
|
|
~ .hs.row0.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked
|
|
~ .hs.row0.col3:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked
|
|
~ .hs.row0.col3:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col2,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col1,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col1,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col2,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col3,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col4,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row4.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > shed > .row0.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row0.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col2 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col2,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col5,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col6,
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col7,
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col7,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row2.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > shed > .row4.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row4.col3 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col2,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col5,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col7,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row5.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row4.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row4.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col4,
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row4.col7,
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col5,
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row5.col7 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row5.col6 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row5.col5 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > shed > .row5.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row4.col4:checked ~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col0 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col3,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row3.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row3.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > shed > .row2.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked
|
|
~ div
|
|
> div
|
|
> shed
|
|
> .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row2.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row3.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row2.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > shed > .row3.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col2 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row1.col1 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 {
|
|
opacity: 0;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > shed > .row3.col4 {
|
|
opacity: 0;
|
|
}
|
|
|
|
.house.row2.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col2,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col1,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col2,
|
|
.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col1,
|
|
.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col1,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col2,
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col2:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col3,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col4,
|
|
.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col3:checked ~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col2:checked ~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col1:checked
|
|
~ .hs.row5.col2:checked
|
|
~ .hs.row5.col3:checked
|
|
~ .hs.row4.col1:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .house.row4.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row2.col2,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row1.col2,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col2,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > house > .row0.col7,
|
|
.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row0.col6:checked ~ div > div > house > .row0.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row1.col1,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col1,
|
|
.house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row0.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row0.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col2,
|
|
.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col1,
|
|
.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col2,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col5,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col6,
|
|
.hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col7,
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col7,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row3.col7,
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked
|
|
~ .hs.row4.col6:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col7:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col7:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ div > div > house > .row4.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row4.col3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col2,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2,
|
|
.hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col1,
|
|
.hs.row4.col1:checked
|
|
~ .hs.row4.col2:checked
|
|
~ .hs.row4.col3:checked
|
|
~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col5,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col7,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col6,
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .house.row1.col3:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col3:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.hs.row3.col6:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .house.row1.col4:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row5.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row3.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row3.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row4.col6,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row4.col7,
|
|
.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col6,
|
|
.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col4,
|
|
.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col5:checked
|
|
~ .hs.row4.col7:checked
|
|
~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row4.col7,
|
|
.hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col5,
|
|
.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row4.col6:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row5.col7 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row5.col6 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row5.col5 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row5.col5:checked
|
|
~ .hs.row5.col6:checked
|
|
~ .hs.row5.col7:checked
|
|
~ .hs.row4.col7:checked ~ .house.row3.col4:checked
|
|
~ .hs.row3.col5:checked
|
|
~ .hs.row3.col6:checked
|
|
~ .hs.row3.col7:checked
|
|
~ div > div > house > .row5.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.house.row4.col4:checked ~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col0 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col3,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row3.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5,
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col1:checked
|
|
~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row3.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ div > div > house > .row2.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > house > .row1.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col2:checked
|
|
~ .hs.row3.col3:checked
|
|
~ .hs.row3.col4:checked
|
|
~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col6:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row2.col5:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row2.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked
|
|
~ div
|
|
> div
|
|
> house
|
|
> .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col2,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row2.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ .hs.row1.col1:checked
|
|
~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row3.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row2.col1,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked
|
|
~ .hs.row2.col2:checked
|
|
~ .hs.row2.col3:checked
|
|
~ .hs.row2.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col6,
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row2.col7:checked ~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked
|
|
~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row3.col6:checked
|
|
~ .hs.row2.col6:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked
|
|
~ .hs.row1.col4:checked
|
|
~ .hs.row1.col5:checked
|
|
~ .hs.row1.col6:checked
|
|
~ .hs.row1.col7:checked
|
|
~ div > div > house > .row3.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked
|
|
~ .hs.row1.col3:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col2 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked
|
|
~ .hs.row1.col3:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row1.col1 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 {
|
|
opacity: 1;
|
|
}
|
|
.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col4:checked
|
|
~ .hs.row1.col4:checked
|
|
~ div > div > house > .row3.col4 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1.col3 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row1.col1:checked ~ div > div > house > .row1.col1.col3 > i:nth-of-type(4):after, .hs.row1.col1:checked ~ div > div > house > .row1.col1.col3 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row1.col2:checked ~ div > div > house > .row1.col2.col2 > i:nth-of-type(4):after, .hs.row1.col2:checked ~ div > div > house > .row1.col2.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3.col4 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row1.col3:checked ~ div > div > house > .row1.col3.col4 > i:nth-of-type(4):after, .hs.row1.col3:checked ~ div > div > house > .row1.col3.col4 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4.col3 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row1.col4:checked ~ div > div > house > .row1.col4.col3 > i:nth-of-type(4):after, .hs.row1.col4:checked ~ div > div > house > .row1.col4.col3 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row2.col1:checked ~ div > div > house > .row2.col1.col2 > i:nth-of-type(4):after, .hs.row2.col1:checked ~ div > div > house > .row2.col1.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row2.col2:checked ~ div > div > house > .row2.col2.col2 > i:nth-of-type(4):after, .hs.row2.col2:checked ~ div > div > house > .row2.col2.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4):after, .hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4.col3 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row2.col4:checked ~ div > div > house > .row2.col4.col3 > i:nth-of-type(4):after, .hs.row2.col4:checked ~ div > div > house > .row2.col4.col3 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row3.col1:checked ~ div > div > house > .row3.col1.col2 > i:nth-of-type(4):after, .hs.row3.col1:checked ~ div > div > house > .row3.col1.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row3.col2:checked ~ div > div > house > .row3.col2.col2 > i:nth-of-type(4):after, .hs.row3.col2:checked ~ div > div > house > .row3.col2.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3.col3 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row3.col3:checked ~ div > div > house > .row3.col3.col3 > i:nth-of-type(4):after, .hs.row3.col3:checked ~ div > div > house > .row3.col3.col3 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4.col4 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row3.col4:checked ~ div > div > house > .row3.col4.col4 > i:nth-of-type(4):after, .hs.row3.col4:checked ~ div > div > house > .row3.col4.col4 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1.col4 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row4.col1:checked ~ div > div > house > .row4.col1.col4 > i:nth-of-type(4):after, .hs.row4.col1:checked ~ div > div > house > .row4.col1.col4 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4):after, .hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3.col1 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row4.col3:checked ~ div > div > house > .row4.col3.col1 > i:nth-of-type(4):after, .hs.row4.col3:checked ~ div > div > house > .row4.col3.col1 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4.col3 > i:nth-of-type(4) {
|
|
background: #ff7700;
|
|
box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc592f, inset -1.25rem 0 0 #bc592f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow;
|
|
}
|
|
.hs.row4.col4:checked ~ div > div > house > .row4.col4.col3 > i:nth-of-type(4):after, .hs.row4.col4:checked ~ div > div > house > .row4.col4.col3 > i:nth-of-type(4):before {
|
|
background: #20112a;
|
|
}
|
|
|
|
.lh {
|
|
pointer-events: none;
|
|
perspective: 30rem;
|
|
perspective-origin: 50% -5rem;
|
|
transform: translate3d(0, 0, -100rem) scale(0);
|
|
opacity: 0;
|
|
}
|
|
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh {
|
|
transform: translate3d(0, 0, -100rem) scale(1);
|
|
/* animation: lightson $timer linear infinite;*/
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light {
|
|
top: -12rem;
|
|
left: -6.25rem;
|
|
transform: scaleX(3) rotateY(0);
|
|
/* animation: light 8s linear infinite;*/
|
|
filter: blur(0.1rem);
|
|
opacity: 0.5;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light:after {
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 244, 102, 0.5), rgba(255, 255, 255, 0));
|
|
width: 100%;
|
|
height: 5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light:before {
|
|
transform: rotate(15deg) rotateY(-5deg);
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh light:after {
|
|
transform: rotate(-15deg) rotateY(5deg);
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh lens {
|
|
top: -12rem;
|
|
left: -6.25rem;
|
|
width: 100%;
|
|
height: 5rem;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh lens:before, .hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh lens:after {
|
|
height: 5rem;
|
|
border-radius: 50%;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh lens:before {
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(252, 246, 165, 0.5), rgba(255, 255, 255, 0));
|
|
width: 100%;
|
|
transform: scaleX(3) rotateY(0);
|
|
opacity: 0.25;
|
|
filter: blur(0.1rem);
|
|
}
|
|
.hs.house.row4.col1:not(:checked)
|
|
~ .hs.house.row4.col2:checked
|
|
~ .hs.house.row4.col3:not(:checked)
|
|
~ .hs.house.row3.col1:not(:checked)
|
|
~ .hs.shed.row3.col2:checked
|
|
~ .hs.house.row3.col3:not(:checked)
|
|
~ .hs.house.row2.col1:not(:checked)
|
|
~ .hs.house.row2.col2:checked
|
|
~ .hs.house.row2.col3:not(:checked)
|
|
~ .hs.house.row1.col1:not(:checked)
|
|
~ .hs.shed.row1.col2:checked
|
|
~ .hs.house.row1.col3:not(:checked)
|
|
~ div.lh lens:after {
|
|
width: 5rem;
|
|
background: radial-gradient(#fcf6a5, rgba(255, 255, 255, 0));
|
|
opacity: 0.75;
|
|
box-shadow: 60rem 0 15rem #fcf6a5, -60rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 #fcf6a5;
|
|
}
|
|
|
|
div.lh {
|
|
animation: lightson 400s linear infinite;
|
|
}
|
|
div.lh light {
|
|
animation: light 8s linear infinite;
|
|
}
|
|
div.lh lens:before {
|
|
animation: light 8s linear infinite;
|
|
}
|
|
div.lh lens:after {
|
|
animation: light2 8s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes light {
|
|
100% {
|
|
transform: scaleX(3) rotateY(-360deg);
|
|
}
|
|
}
|
|
@keyframes lightson {
|
|
20%,
|
|
80% {
|
|
opacity: 0;
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes light2 {
|
|
22%,
|
|
27%,
|
|
72%,
|
|
77% {
|
|
box-shadow: 0rem 0 15rem #fcf6a5, 0rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 0 #fcf6a5;
|
|
}
|
|
24%,
|
|
74% {
|
|
box-shadow: 0rem 0 15rem #fcf6a5, 0rem 0 15rem #fcf6a5, 0 0 5rem 40rem rgba(252, 246, 165, 0.25), inset 0 0 0 2.5rem #fcf6a5;
|
|
}
|
|
50% {
|
|
box-shadow: -60rem 0 15rem #fcf6a5, 60rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 0 #fcf6a5;
|
|
}
|
|
}
|
|
#graphics {
|
|
top: 1rem;
|
|
left: auto;
|
|
right: 1rem;
|
|
font-family: Telefon, Sans-Serif;
|
|
font-size: 1.4rem;
|
|
z-index: 1000;
|
|
letter-spacing: 0.1rem;
|
|
color: #fff;
|
|
line-height: 1.5;
|
|
max-height: 2.5rem;
|
|
overflow: hidden;
|
|
}
|
|
#graphics label {
|
|
display: flex;
|
|
align-content: center;
|
|
justify-content: flex-end;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem;
|
|
border-radius: 1rem;
|
|
cursor: pointer;
|
|
transition: box-shadow 0.2s ease-in-out;
|
|
box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0), inset 0 0 0 0 rgba(255, 255, 255, 0.2);
|
|
}
|
|
#graphics label:not(:nth-of-type(1)):hover {
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), inset 0 0 0 2rem rgba(255, 255, 255, 0.2);
|
|
}
|
|
#graphics * {
|
|
position: static;
|
|
}
|
|
|
|
#gfxmenu:checked ~ #graphics {
|
|
max-height: 10rem;
|
|
}
|
|
|
|
#poor:checked ~ colour > div > div > house > label > i:nth-of-type(1),
|
|
#poor:checked ~ colour > div > div > shed > label > i:nth-of-type(1),
|
|
#poor:checked ~ colour > div > lens,
|
|
#poor:checked ~ colour > water:before,
|
|
#poor:checked ~ colour water:after {
|
|
display: none;
|
|
}
|
|
|
|
#poor:checked ~ colour > div > div.main {
|
|
-webkit-box-reflect: none;
|
|
}
|
|
|
|
#poor:checked ~ sky > time {
|
|
opacity: 0;
|
|
}
|
|
|
|
#poor:checked ~ text > welldone,
|
|
#poor:checked ~ text > gameover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
#good:checked ~ x > [for="good"],
|
|
#poor:checked ~ x > [for="poor"] {
|
|
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), inset 0 0 0 2rem rgba(255, 255, 255, 0.1);
|
|
}
|
|
#good:checked ~ x > [for="good"]:before,
|
|
#poor:checked ~ x > [for="poor"]:before {
|
|
content: "✓";
|
|
position: static;
|
|
}
|
|
|
|
#poor:checked ~ colour > div > div > shed > label:after, #poor:checked ~ colour > div > div > shed > label *:after,
|
|
#poor:checked ~ colour > div > div > house > label:after,
|
|
#poor:checked ~ colour > div > div > house > label *:after {
|
|
animation: none !important;
|
|
}
|
|
#poor:checked ~ colour > div > div > shed > label:before, #poor:checked ~ colour > div > div > shed > label *:before,
|
|
#poor:checked ~ colour > div > div > house > label:before,
|
|
#poor:checked ~ colour > div > div > house > label *:before {
|
|
animation: none !important;
|
|
}
|
|
|
|
[for="gfxmenu"]:after {
|
|
border-bottom: 0.1rem solid #fff;
|
|
border-right: 0.1rem solid #fff;
|
|
transform: rotate(45deg) scaleY(1);
|
|
position: relative;
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
margin-left: 0.4rem;
|
|
top: 0.5rem;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
#gfxmenu:checked ~ x > [for="gfxmenu"]:after {
|
|
transform: rotate(-45deg) scaleY(-1);
|
|
}
|
|
|
|
script {
|
|
display: none;
|
|
} |