사용자:flyant(비교)

.layout-100 {

width:100%;height:50px;background-color:rgb(0,0,255,.2)

}

.layout-60 {

vertical-align:middle;display:inline-block;width:calc(100% - 100% / 3);height:50px;background-color:rgb(0,0,255,.2)

}

.layout-25 {

vertical-align:middle;display:inline-block;width:25%;height:50px;background-color:rgb(0,0,255,.2)

}

.header-0 {

border-top-left-radius:50px;border-bottom-left-radius:50px;padding:2px;background-color:red

}

}}}

{{{#!wiki class="layout-bg"

{{{#!wiki style="display:block"

{{{#!wiki style="height:20px"

}}}{{{#!wiki style="border-radius:50px;border:1px solid #000;height:15px;background:linear-gradient(90deg, red 50%, transparent 0)"

}}}{{{#!wiki style="height:20px"

}}}{{{#!wiki style="margin: -55px 0 0 calc(50% - 30px / 2);border-radius:13px;border:1px solid #fff;width:30px;height:55px;background-color:blue"

{{{#!wiki class="toggle"

}}}