Nimic din ce se poate observa in aceasta grafica de bucatarie nu m-a menajat. Am avut de tras de la frigider si pana la cuptorul cu microunde si dulapul de deasupra lui.
<div class="kitchen"> <div class="kitchen-area"> <div class="kitchen-wall-floor"> <div class="kitchen-wall"></div> <div class="kitchen-floor"></div> </div> <div class="kitchen-objs-area"> <div class="kitchen-objs"> <div class="kitchen-obj"> <div class="kitchen-obj-refrigerator-area"> <div class="kitchen-obj-refrigerator"> <div class="kitchen-obj-refrigerator-top"> <div class="kitchen-obj-refrigerator-handle"></div> </div> <div class="kitchen-obj-refrigerator-separator"></div> <div class="kitchen-obj-refrigerator-middle"> <div class="kitchen-obj-refrigerator-handle"></div> </div> <div class="kitchen-obj-refrigerator-bottom"></div> </div> </div> </div> <div class="kitchen-obj"> <div class="kitchen-obj-row"> <div class="kitchen-obj-wardrobe-area"> <div class="kitchen-obj-wardrobe-door"> <div class="kitchen-obj-wardrobe-door-center"> <div class="kitchen-obj-wardrobe-door-handle"></div> </div> </div> <div class="kitchen-obj-wardrobe-door"> <div class="kitchen-obj-wardrobe-door-center"> <div class="kitchen-obj-wardrobe-door-handle"></div> </div> </div> <div class="kitchen-obj-wardrobe-door"> <div class="kitchen-obj-wardrobe-door-center"> <div class="kitchen-obj-wardrobe-door-handle"></div> </div> </div> </div> <div class="kitchen-obj-cups-tools-area"> <div class="kitchen-obj-cups-area"> <div class="kitchen-obj-cups"> <div class="kitchen-obj-cup-area"> <div class="kitchen-obj-cup-space"></div> <div class="kitchen-obj-cup-handle"></div> </div> <div class="kitchen-obj-cup-area"> <div class="kitchen-obj-cup-space"></div> <div class="kitchen-obj-cup-handle"></div> </div> <div class="kitchen-obj-cup-area"> <div class="kitchen-obj-cup-space"></div> <div class="kitchen-obj-cup-handle"></div> </div> </div> <div class="kitchen-obj-cups-separator"></div> <div class="kitchen-obj-cups"> <div class="kitchen-obj-cups-ingredients"> <div class="kitchen-obj-cups-ingredient-area"> <div class="kitchen-obj-cups-ingredient-top"></div> <div class="kitchen-obj-cups-ingredient-middle"> <div class="kitchen-obj-cups-ingredient-middle-tag"></div> </div> </div> <div class="kitchen-obj-cups-ingredient-area"> <div class="kitchen-obj-cups-ingredient-top"></div> <div class="kitchen-obj-cups-ingredient-middle"> <div class="kitchen-obj-cups-ingredient-middle-tag"></div> </div> </div> <div class="kitchen-obj-cups-ingredient-area"> <div class="kitchen-obj-cups-ingredient-top"></div> <div class="kitchen-obj-cups-ingredient-middle"> <div class="kitchen-obj-cups-ingredient-middle-tag"></div> </div> </div> </div> <div class="kitchen-obj-cups-glass"> <div class="kitchen-obj-cups-glass-area"> <div class="kitchen-obj-cups-glass-top"></div> <div class="kitchen-obj-cups-glass-middle"></div> <div class="kitchen-obj-cups-glass-bottom"></div> </div> <div class="kitchen-obj-cups-glass-area"> <div class="kitchen-obj-cups-glass-top"></div> <div class="kitchen-obj-cups-glass-middle"></div> <div class="kitchen-obj-cups-glass-bottom"></div> </div> </div> </div> </div> <div class="kitchen-obj-tools-area"> <div class="kitchen-obj-tools-hanger"></div> <div class="kitchen-obj-tools"> <div class="kitchen-obj-tool-area"> <div class="kitchen-obj-tool-arm"></div> <div class="kitchen-obj-tool-circle"> <div class="kitchen-obj-tool-circle-inside"></div> </div> </div> <div class="kitchen-obj-tool-area"> <div class="kitchen-obj-tool-arm"></div> <div class="kitchen-obj-tool-ladle"></div> </div> </div> </div> </div> </div> <div class="kitchen-obj-row"> <div class="kitchen-obj-row-support"> <div class="kitchen-obj-row-support-top"> <div class="kitchen-obj-row-support-pot"> <div class="kitchen-obj-row-support-top-washbasin"> <div class="kitchen-obj-row-support-top-washbasin-pipe-valves"> <div class="kitchen-obj-row-support-top-washbasin-pipe"> <div class="kitchen-obj-row-support-top-washbasin-pipe-line"></div> </div> </div> <div class="kitchen-obj-row-support-top-washbasin-bottom"></div> </div> <div class="kitchen-obj-row-pot"> <div class="kitchen-obj-row-pot-cover"> <div class="kitchen-obj-row-pot-cover-top"></div> <div class="kitchen-obj-row-pot-cover-bottom"></div> </div> <div class="kitchen-obj-row-pot-middle"></div> </div> </div> <div class="kitchen-obj-row-microwave-oven"> <div class="kitchen-obj-row-microwave-oven-left-right"> <div class="kitchen-obj-row-microwave-oven-left"> <div class="kitchen-obj-row-microwave-oven-door"></div> <div class="kitchen-obj-row-microwave-oven-door-handle"></div> </div> <div class="kitchen-obj-row-microwave-oven-right"> <div class="kitchen-obj-row-microwave-oven-screen"></div> <div class="kitchen-obj-row-microwave-oven-numbers"> <div class="kitchen-obj-row-microwave-oven-numbers-row"> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">1</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">2</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">3</div> </div> <div class="kitchen-obj-row-microwave-oven-numbers-row"> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">4</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">5</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">6</div> </div> <div class="kitchen-obj-row-microwave-oven-numbers-row"> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">7</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">8</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">9</div> </div> <div class="kitchen-obj-row-microwave-oven-numbers-row"> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">+</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">0</div> <div class="kitchen-obj-row-microwave-oven-numbers-row-btn">-</div> </div> </div> </div> </div> <div class="kitchen-obj-row-microwave-oven-foots"> <div class="kitchen-obj-row-microwave-oven-foot"></div> <div class="kitchen-obj-row-microwave-oven-foot"></div> </div> </div> </div> <div class="kitchen-obj-row-support-bottom"></div> </div> <div class="kitchen-obj-row-furniture"> <div class="kitchen-obj-row-furniture-area"> <div class="kitchen-obj-row-furniture-door"> <div class="kitchen-obj-row-furniture-door-center"></div> <div class="kitchen-obj-row-furniture-door-handle"></div> </div> <div class="kitchen-obj-row-furniture-gas-cooker"> <div class="kitchen-obj-row-furniture-gas-cooker-line"></div> <div class="kitchen-obj-row-furniture-gas-cooker-btns"> <div class="kitchen-obj-row-furniture-gas-cooker-btn"></div> <div class="kitchen-obj-row-furniture-gas-cooker-btn"></div> <div class="kitchen-obj-row-furniture-gas-cooker-btn"></div> <div class="kitchen-obj-row-furniture-gas-cooker-btn"></div> <div class="kitchen-obj-row-furniture-gas-cooker-btn"></div> </div> <div class="kitchen-obj-row-furniture-gas-cooker-thin-line"></div> <div class="kitchen-obj-row-furniture-gas-cooker-oven-handle"></div> <div class="kitchen-obj-row-furniture-gas-cooker-oven-glass"></div> </div> <div class="kitchen-obj-row-furniture-drawer-small-door"> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-small-door"> <div class="kitchen-obj-row-furniture-small-door-handle"></div> <div class="kitchen-obj-row-furniture-small-door-center"></div> </div> </div> <div class="kitchen-obj-row-furniture-door"> <div class="kitchen-obj-row-furniture-door-center"></div> <div class="kitchen-obj-row-furniture-door-handle"></div> </div> <div class="kitchen-obj-row-furniture-drawer-small-door"> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-small-door"> <div class="kitchen-obj-row-furniture-small-door-handle"></div> <div class="kitchen-obj-row-furniture-small-door-center"></div> </div> </div> <div class="kitchen-obj-row-furniture-door"> <div class="kitchen-obj-row-furniture-door-center"></div> <div class="kitchen-obj-row-furniture-door-handle"></div> </div> <div class="kitchen-obj-row-furniture-drawer-small-door"> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-drawer"> <div class="kitchen-obj-row-furniture-drawer-center"> <div class="kitchen-obj-row-furniture-drawer-center-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-small-door"> <div class="kitchen-obj-row-furniture-small-door-handle"></div> <div class="kitchen-obj-row-furniture-small-door-center"></div> </div> </div> <div class="kitchen-obj-row-furniture-door"> <div class="kitchen-obj-row-furniture-door-center"></div> <div class="kitchen-obj-row-furniture-door-handle"></div> </div> </div> <div class="kitchen-obj-row-furniture-bottom"></div> </div> </div> </div> </div> </div> </div> </div>
.kitchen-objs-area,
.kitchen-objs,
.kitchen-obj-refrigerator-area,
.kitchen-obj-row:nth-child(1),
.kitchen-obj-row-support-top,
.kitchen-obj-row-support-pot,
.kitchen-obj-row-microwave-oven-left-right,
.kitchen-obj-row-microwave-oven-left,
.kitchen-obj-row-microwave-oven-foots,
.kitchen-obj-row-microwave-oven-numbers-row,
.kitchen-obj-wardrobe-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-area,
.kitchen-obj-row-furniture-door,
.kitchen-obj-row-furniture-gas-cooker-btns,
.kitchen-obj-cups,
.kitchen-obj-cup-area,
.kitchen-obj-cups-ingredients,
.kitchen-obj-cups-ingredient-middle,
.kitchen-obj-cups-glass,
.kitchen-obj-tool-circle,
.kitchen-obj-tools,
.kitchen-obj-row-furniture-drawer,
.kitchen-obj-row-furniture-drawer-center,
.kitchen-obj-row-furniture-small-door{
display: flex;
}
.kitchen-area,
.kitchen-obj-refrigerator-top,
.kitchen-obj-refrigerator-middle,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door{
position: relative;
}
.kitchen-wall-floor,
.kitchen-objs-area,
.kitchen-obj-refrigerator-handle,
.kitchen-obj-wardrobe-door-handle,
.kitchen-obj-row-furniture-door-handle{
position: absolute;
}
.kitchen-objs-area,
.kitchen-wall-floor{
top: 0;
}
.kitchen-obj-cups-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door,
.kitchen-obj-tools-hanger,
.kitchen-obj-tool-circle,
.kitchen-obj-tool-ladle,
.kitchen-obj-row-furniture-small-door{
box-shadow: 0 3px 3px -3px black;
}
.kitchen{
width: calc(100% - 4px - 4px);
min-width: 100px;
max-width: 1000px;
padding: 2px;
margin: auto;
border: 2px solid rgba(0,0,0,.3);
}
.kitchen-area{
height: 500px;
}
.kitchen-wall-floor{
width: 100%;
height: 100%;
z-index: 1;
}
.kitchen-wall{
height: 400px;
background: #9ab5ca;
}
.kitchen-floor{
height: 100px;
background: rgba(0, 0, 0, 0.2);
}
.kitchen-objs-area{
width: calc(100% - 40px);
height: calc(100% - 40px);
padding: 20px;
justify-content: center;
align-items: center;
z-index: 2;
}
.kitchen-objs{
width: 100%;
height: 100%;
overflow: auto;
}
.kitchen-obj{
height: 100%;
}
.kitchen-obj:nth-child(1){
min-width: 130px;
}
.kitchen-obj:nth-child(2){
width: calc(100% - 130px);
}
.kitchen-obj-refrigerator-area{
height: 100%;
align-items: flex-end;
}
.kitchen-obj-refrigerator{
width: 100%;
}
.kitchen-obj-refrigerator-top,
.kitchen-obj-refrigerator-separator,
.kitchen-obj-refrigerator-middle{
width: calc(100% - 2px);
border: 1px solid black;
}
.kitchen-obj-refrigerator-top,
.kitchen-obj-refrigerator-middle{
background: #d5dfe4;
}
.kitchen-obj-refrigerator-top{
height: 100px;
}
.kitchen-obj-refrigerator-handle{
width: 5px;
height: 30px;
background: #aebac5;
border: 1px solid #545353;
box-shadow: inset 1px 0 0 #909099;
top: 35px;
left: 15px;
}
.kitchen-obj-refrigerator-middle .kitchen-obj-refrigerator-handle{
height: 60px;
}
.kitchen-obj-refrigerator-separator{
height: 6px;
background: #807178;
box-shadow: inset 0 1px 0 #5f5151;
border-top-width: 0;
border-bottom-width: 0;
}
.kitchen-obj-refrigerator-middle{
height: 230px;
}
.kitchen-obj-row-furniture-bottom,
.kitchen-obj-refrigerator-bottom{
width: calc(100% - 10px);
height: 8px;
background: #262929;
box-shadow: inset 1px 1px 0 #6d6663, inset -1px -1px 0 #6d6663;
margin: auto;
}
.kitchen-obj-row{
min-width: 600px;
}
.kitchen-obj-row:nth-child(1){
height: 35%;
justify-content: space-between;
}
.kitchen-obj-row:nth-child(2){
height: 65%;
}
.kitchen-obj-wardrobe-area{
width: 280px;
}
.kitchen-obj-cups-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door,
.kitchen-obj-row-furniture-drawer,
.kitchen-obj-row-furniture-small-door{
border: 1px solid #5a382e;
border-top-color: #2a1702;
}
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door{
width: 117px;
}
.kitchen-obj-cups-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door{
height: calc(100% - 2px);
}
.kitchen-obj-cups-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door,
.kitchen-obj-row-furniture-drawer{
justify-content: center;
align-items: center;
}
.kitchen-obj-cups-area,
.kitchen-obj-wardrobe-door,
.kitchen-obj-row-furniture-door,
.kitchen-obj-row-furniture-drawer,
.kitchen-obj-row-furniture-small-door{
background: #7d5644;
}
.kitchen-obj-wardrobe-door:nth-child(2),
.kitchen-obj-wardrobe-door:nth-child(3),
.kitchen-obj-cups-area{
width: 150px;
height: calc(100% - 2px - 40px);
}
.kitchen-obj-wardrobe-door-center,
.kitchen-obj-row-furniture-door-center{
height: calc(100% - 2px - 20px);
}
.kitchen-obj-wardrobe-door-center,
.kitchen-obj-row-furniture-door-center,
.kitchen-obj-row-furniture-drawer-center,
.kitchen-obj-row-furniture-small-door-center{
width: calc(100% - 2px - 20px);
}
.kitchen-obj-wardrobe-door-center,
.kitchen-obj-row-furniture-door-center,
.kitchen-obj-row-furniture-drawer-center,
.kitchen-obj-row-furniture-small-door-center{
border: 1px solid #543827;
background: #f7c291;
}
.kitchen-obj-row-furniture-door-handle,
.kitchen-obj-wardrobe-door-handle,
.kitchen-obj-row-furniture-drawer-center-handle,
.kitchen-obj-row-furniture-small-door-handle{
background: #868485;
border: 1px solid #322220;
}
.kitchen-obj-row-furniture-door-handle,
.kitchen-obj-wardrobe-door-handle{
width: 3px;
height: 30px;
}
.kitchen-obj-wardrobe-door:nth-child(1) .kitchen-obj-wardrobe-door-handle{
bottom: 5px;
right: 3px;
}
.kitchen-obj-wardrobe-door:nth-child(2) .kitchen-obj-wardrobe-door-handle,
.kitchen-obj-wardrobe-door:nth-child(3) .kitchen-obj-wardrobe-door-handle{
bottom: 5px;
}
.kitchen-obj-wardrobe-door:nth-child(2) .kitchen-obj-wardrobe-door-handle{
right: 3px;
}
.kitchen-obj-wardrobe-door:nth-child(3) .kitchen-obj-wardrobe-door-handle{
left: 3px;
}
.kitchen-obj-cups-tools-area{}
.kitchen-obj-cups-area{
background: #bb6a3f;
}
.kitchen-obj-cups{
width: calc(100% - 2px - 10px);
height: calc(50% - 2px - 10px);
margin: 5px auto;
border: 1px solid #3a210f;
background: #834b37;
align-items: flex-end;
}
.kitchen-obj-cup-area{
width: 30px;
height: 20px;
}
.kitchen-obj-cup-area:nth-child(1){
margin-left: 5px;
}
.kitchen-obj-cup-space{
width: 15px;
height: calc(100% - 1px);
margin-right: -8px;
border: 1px solid #2d140c;
z-index: 4;
}
.kitchen-obj-cup-area:nth-child(1) .kitchen-obj-cup-space{
background: #03b4cd;
}
.kitchen-obj-cup-area:nth-child(2) .kitchen-obj-cup-space{
background: #01ae5d;
}
.kitchen-obj-cup-area:nth-child(3) .kitchen-obj-cup-space{
background: #f276af;
}
.kitchen-obj-cup-handle{
width: 12px;
height: 8px;
margin-top: 3px;
border-width: 4px;
border-style: solid;
border-left-width: 0;
border-radius: 50%;
box-shadow: inset 1px 1px 0 #2d140c,
inset -1px -1px 0 #2d140c,
0 1px 0 #2d140c,
1px 0 0 #2d140c;
z-index: 3;
}
.kitchen-obj-cup-area:nth-child(1) .kitchen-obj-cup-handle{
border-color: #03b4cd;
}
.kitchen-obj-cup-area:nth-child(2) .kitchen-obj-cup-handle{
border-color: #01ae5d;
}
.kitchen-obj-cup-area:nth-child(3) .kitchen-obj-cup-handle{
border-color: #f276af;
}
.kitchen-obj-cups-ingredients{
width: 75px;
justify-content: space-between;
}
.kitchen-obj-cups-ingredient-area{
width: 24px;
height: 25px;
}
.kitchen-obj-cups-ingredient-top{
width: 18px;
height: 4px;
background: #8c7a42;
border: 1px solid #311809;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
margin: auto;
}
.kitchen-obj-cups-ingredient-middle{
width: calc(100% - 2px);
height: 17px;
border: 1px solid #391e0d;
justify-content: center;
align-items: center;
}
.kitchen-obj-cups-ingredient-area:nth-child(1) .kitchen-obj-cups-ingredient-middle{
background: #cfecee;
}
.kitchen-obj-cups-ingredient-area:nth-child(2) .kitchen-obj-cups-ingredient-middle{
background: #e4c0dc;
}
.kitchen-obj-cups-ingredient-area:nth-child(3) .kitchen-obj-cups-ingredient-middle{
background: #c2deb0;
}
.kitchen-obj-cups-ingredient-middle-tag{
width: calc(100% - 2px - 2px);
height: 4px;
background: white;
border: 1px solid #1f1715;
}
.kitchen-obj-cups-glass{
width: 30px;
margin-left: 20px;
justify-content: space-between;
}
.kitchen-obj-cups-glass-area{
width: 15px;
}
.kitchen-obj-cups-glass-middle,
.kitchen-obj-cups-glass-bottom,
.kitchen-obj-cups-glass-top{
background: #dedbeb;
border: 1px solid #28110b;
}
.kitchen-obj-cups-glass-top{
width: calc(100% - 4px);
height: 20px;
margin: auto;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.kitchen-obj-cups-glass-middle{
width: 2px;
height: 10px;
margin: auto;
border-top-width: 0;
border-bottom-width: 0;
}
.kitchen-obj-cups-glass-bottom{
width: calc(100% - 2px - 2px);
height: 2px;
margin: auto;
}
.kitchen-obj-cups-separator{
height: 1px;
background: #3a210f;
}
.kitchen-obj-tools-area{
width: 80px;
margin-top: 5px;
}
.kitchen-obj-tools-hanger{
width: calc(100% - 2px);
height: 5px;
background: #7b5441;
border: 1px solid #180405;
}
.kitchen-obj-tools{}
.kitchen-obj-tool-area{
width: 35px;
}
.kitchen-obj-tool-area:nth-child(1) .kitchen-obj-tool-arm{
margin: auto;
}
.kitchen-obj-tool-arm{
width: 5px;
height: 40px;
border-left: 1px solid #28190e;
border-right: 1px solid #28190e;
background: #b4bbb5;
}
.kitchen-obj-tool-circle,
.kitchen-obj-tool-circle-inside{
border: 1px solid #28190e;
border-radius: 50%;
}
.kitchen-obj-tool-circle{
width: 30px;
height: 30px;
background: #bfbcba;
border-radius: 50%;
margin-top: -20px;
justify-content: center;
align-items: center;
}
.kitchen-obj-tool-circle-inside{
width: calc(100% - 6px);
height: calc(100% - 6px);
background: #9b9ca1;
}
.kitchen-obj-tool-ladle{
width: 20px;
height: 10px;
background: #9b9ca1;
border: 1px solid #28190e;
margin-top: -5px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.kitchen-obj-row-support{}
.kitchen-obj-row-support-top{
height: 120px;
justify-content: space-between;
align-items: flex-end;
}
.kitchen-obj-row-support-pot{
width: 220px;
justify-content: space-between;
}
.kitchen-obj-row-support-top-washbasin{
width: 75px;
height: 50px;
}
.kitchen-obj-row-support-top-washbasin-pipe-valves{
width: 5px;
height: calc(100% - 3px);
margin: auto;
position: relative;
}
.kitchen-obj-row-support-top-washbasin-pipe-valves:before,
.kitchen-obj-row-support-top-washbasin-pipe-valves:after{
content: "";
width: 5px;
height: 8px;
border: 1px solid #261c20;
border-radius: 4px;
position: absolute;
bottom: -1px;
}
.kitchen-obj-row-support-top-washbasin-pipe-valves:before{
background: #f16b47;
transform: rotate(-45deg);
left: -140%;
}
.kitchen-obj-row-support-top-washbasin-pipe-valves:after{
background: #5170b1;
transform: rotate(45deg);
right: -140%;
}
.kitchen-obj-row-support-top-washbasin-pipe{
width: calc(100% - 2px);
height: calc(100% - 1px);
background: #aba7ad;
border: 1px solid #261c20;
border-bottom-width: 0;
border-radius: 2px 2px 0 0;
}
.kitchen-obj-row-support-top-washbasin-pipe-line{
height: 1px;
margin-top: 10px;
background: #261c20;
}
.kitchen-obj-row-support-top-washbasin-bottom{
width: calc(100% - 2px - 10px);
height: 3px;
background: #aba7ad;
border: 1px solid #261c20;
margin: auto;
}
.kitchen-obj-row-pot{
width: 45px;
padding: 0 10px;
}
.kitchen-obj-row-pot-cover{
height: 10px;
}
.kitchen-obj-row-pot-cover-top,
.kitchen-obj-row-pot-cover-bottom{
border: 1px solid #160805;
}
.kitchen-obj-row-pot-cover-top{
width: 10px;
height: 2px;
background: #199059;
border: 1px solid #160805;
border-bottom-width: 0;
border-radius: 2px;
margin: auto;
}
.kitchen-obj-row-pot-cover-bottom{
width: calc(100% - 2px);
height: 8px;
background: #296a4c;
border-radius: 10px 10px 0 0;
}
.kitchen-obj-row-pot-middle{
width: calc(100% - 2px);
height: 40px;
border: 1px solid #160805;
background: #1c8657;
border-radius: 0 0 5px 5px;
position: relative;
}
.kitchen-obj-row-pot-middle:before,
.kitchen-obj-row-pot-middle:after{
content: "";
width: 8px;
height: 3px;
background: #235737;
border: 1px solid #1b080b;
position: absolute;
top: 5px;
}
.kitchen-obj-row-pot-middle:before{
border-right-width: 0;
border-radius: 2px 0 0 2px;
left: -9px;
}
.kitchen-obj-row-pot-middle:after{
border-left-width: 0;
border-radius: 0 2px 2px 0;
right: -9px;
}
.kitchen-obj-row-microwave-oven{
margin: 0 20px;
}
.kitchen-obj-row-microwave-oven-left-right{
width: 90px;
height: 50px;
padding: 5px;
background: #605c5c;
justify-content: space-between;
}
.kitchen-obj-row-microwave-oven-left{
width: calc(100% - 10px - 20px - 2px);
height: calc(100% - 10px);
padding: 5px;
background: #373636;
justify-content: space-between;
}
.kitchen-obj-row-microwave-oven-door{
width: calc(100% - 8px - 4px);
height: 100%;
background: #989898;
overflow: hidden;
position: relative;
}
.kitchen-obj-row-microwave-oven-door:before,
.kitchen-obj-row-microwave-oven-door:after,
.kitchen-obj-row-furniture-gas-cooker-oven-glass:before,
.kitchen-obj-row-furniture-gas-cooker-oven-glass:after{
content: "";
height: 150px;
background: #afafae;
transform: rotate(45deg);
position: absolute;
top: -40px;
}
.kitchen-obj-row-microwave-oven-door:before,
.kitchen-obj-row-furniture-gas-cooker-oven-glass:before{
width: 20px;
left: 0;
}
.kitchen-obj-row-microwave-oven-door:after,
.kitchen-obj-row-furniture-gas-cooker-oven-glass:after{
width: 10px;
left: 35px;
}
.kitchen-obj-row-microwave-oven-door-handle{
width: 8px;
height: calc(100% - 2px);
background: #b1b0b1;
border-radius: 3px;
align-self: center;
}
.kitchen-obj-row-microwave-oven-right{
width: 20px;
height: 100%;
background: #2b2b2a;
}
.kitchen-obj-row-microwave-oven-numbers,
.kitchen-obj-row-microwave-oven-screen{
width: calc(100% - 2px - 4px);
margin: 2px auto;
}
.kitchen-obj-row-microwave-oven-screen,
.kitchen-obj-row-microwave-oven-numbers-row-btn{
background: #1e1f1f;
}
.kitchen-obj-row-microwave-oven-screen{
height: 5px;
border: 1px solid #717372;
}
.kitchen-obj-row-microwave-oven-numbers{}
.kitchen-obj-row-microwave-oven-numbers-row{
margin-bottom: 2px;
justify-content: space-between;
}
.kitchen-obj-row-microwave-oven-numbers-row-btn{
width: 4px;
color: white;
text-align: center;
font-size: 3px;
font-family: monospace;
}
.kitchen-obj-row-microwave-oven-foots{
justify-content: space-between;
}
.kitchen-obj-row-microwave-oven-foot{
width: 10px;
height: 3px;
background: #373636;
}
.kitchen-obj-row-support-bottom{
width: calc(100% - 2px);
height: 8px;
border: 1px solid #2e2217;
background: #585550;
}
.kitchen-obj-row-furniture{
display: contents;
}
.kitchen-obj-row-furniture-area{
height: calc(100% - 130px - 8px);
}
.kitchen-obj-row-furniture-door{}
.kitchen-obj-row-furniture-door-center{}
.kitchen-obj-row-furniture-door-handle{
top: 5px;
right: 3px;
}
.kitchen-obj-row-furniture-door:last-of-type .kitchen-obj-row-furniture-door-handle{
left: 3px;
}
.kitchen-obj-row-furniture-gas-cooker{
width: 110px;
height: calc(100% - 2px);
border: 1px solid #77716b;
background: #a9a8aa;
}
.kitchen-obj-row-furniture-gas-cooker > *{
margin: 5px auto;
}
.kitchen-obj-row-furniture-gas-cooker-line,
.kitchen-obj-row-furniture-gas-cooker-btns{
width: calc(100% - 10px);
}
.kitchen-obj-row-furniture-gas-cooker-line{
height: 8px;
box-shadow: inset 1px 1px 0 #413635, inset -1px -1px 0 #413635;
background: #e7e6e9;
}
.kitchen-obj-row-furniture-gas-cooker-btns{
justify-content: space-evenly;
}
.kitchen-obj-row-furniture-gas-cooker-btn{
width: 12px;
height: 12px;
border: 1px solid black;
border-radius: 50%;
position: relative;
}
.kitchen-obj-row-furniture-gas-cooker-btn:before{
content: "";
width: 2px;
height: 6px;
background: black;
position: absolute;
top: 0;
left: calc(50% - 1px);
}
.kitchen-obj-row-furniture-gas-cooker-thin-line{
height: 2px;
background: black;
}
.kitchen-obj-row-furniture-gas-cooker-oven-handle,
.kitchen-obj-row-furniture-gas-cooker-oven-glass{
width: calc(100% - 2px - 10px);
border: 1px solid black;
}
.kitchen-obj-row-furniture-gas-cooker-oven-handle{
height: 10px;
background: #dadbe0;
}
.kitchen-obj-row-furniture-gas-cooker-oven-glass{
height: 70px;
background: #353538;
position: relative;
overflow: hidden;
}
.kitchen-obj-row-furniture-drawer-small-door{
width: 80px;
}
.kitchen-obj-row-furniture-drawer{
height: 20px;
}
.kitchen-obj-row-furniture-drawer-center{
height: 10px;
justify-content: center;
align-items: center;
}
.kitchen-obj-row-furniture-drawer-center-handle,
.kitchen-obj-row-furniture-small-door-handle{
width: 15px;
height: 2px;
}
.kitchen-obj-row-furniture-small-door{
height: calc(100% - (22px * 4) - 2px);
justify-content: center;
flex-direction: column;
}
.kitchen-obj-row-furniture-small-door-handle,
.kitchen-obj-row-furniture-small-door-center{
margin: 3px auto;
}
.kitchen-obj-row-furniture-small-door-center{
height: 40px;
}
.kitchen-obj-row-furniture-bottom{}