Так как постоянно белый фон, и на нём не видно белых элементов, пришлось сделать его хоть какого-то цвета, потому он зелёный. Масштаб 100%.
html {
padding: 0;
}
body {
margin: 0;
padding: 20px;
}
.scene {
position: relative;
width: 260px;
height: 260px;
background: none;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}
div {
display: inline-block;
background: white;
}
.scene
{
background: green;
}
/* горизонтальные элементы */
.h {
width: 50px;
height: 10px;
}
.h1
{
position: relative;
top: 150px;
left: 20px;
}
.h2
{
position: relative;
top: 130px;
left: 25px;
}
.h3
{
position: relative;
width: 40px;
top: 170px;
left: 93px;
}
/* вертикальные элементы */
.v {
width: 10px;
height: 50px;
}
.v1
{
position: relative;
top: 170px;
right: 132px;
}
.v2
{
position: relative;
top: 170px;
right: 105px;
}
.v3
{
position: relative;
top: 170px;
right: 80px;
}
.v4
{
position: relative;
top: 170px;
right: 53px;
}
.v5
{
position: relative;
top: 170px;
right: 27px;
}
.v6
{
position: relative;
top: 170px;
right: 21px;
}
/* уголки */
.corner-top {
position: relative;
border: 15px solid white;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: transparent;
background: none;
top: 70px;
left: 150px;
}
.corner-bottom {
position: relative;
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
top: 90px;
left: 117px;
}
/* лого */
.logo {
position: relative;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
top: 24px;
left: 19px;
}