| <style> |
| .demo-menu.demo-menu__lower-right .container { |
| position: relative; |
| width: 200px; |
| } |
| .demo-menu.demo-menu__lower-right .background { |
| background: white; |
| height: 148px; |
| width: 100%; |
| } |
| .demo-menu.demo-menu__lower-right .bar { |
| box-sizing: border-box; |
| position: relative; |
| background: #3F51B5; |
| color: white; |
| height: 64px; |
| width: 100%; |
| padding: 16px; |
| } |
| .demo-menu.demo-menu__lower-right .wrapper { |
| box-sizing: border-box; |
| position: absolute; |
| right: 16px; |
| } |
| </style> |
| |
| <div class="container mdl-shadow--2dp"> |
| <div class="bar"> |
| <div class="wrapper"> |
| {% include "lower-right.html" %} |
| </div> |
| </div> |
| <div class="background"></div> |
| </div> |