ccp-gradient-bc

by mrnobody

HTML

<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.2.1/base-min.css&amp;pure/0.2.1/grids-min.css&amp;pure/0.2.1/forms-min.css">
<link rel="stylesheet" href="http://shadow.perm.ru/test/temp/style.css">
<div class="pure-g-r" id="layout">
    <div class="sidebar pure-u">
        <div class="sidebar_inner">
            <div class="logo"><a href="#"><img src="http://dummyimage.com/185x138/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image"></a>
            </div>
            <button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"></button>
            <div id="menu" class="menu">
                <div class="menu_inner">
                    <ul>
                        <li><a href="#portfolio">item1</a>
                        </li>
                        <li><a href="#about">item2</a>
                        </li>
                        <li><a href="#services">item3</a>
                        </li>
                        <li><a href="#site">item4</a>
                        </li>
                        <li><a href="#bitrix">item5</a>
                        </li>
                        <li><a href="#client">item6</a>
                        </li>
                        <li><a href="#contacts">item7</a>
                        </li>
                    </ul>
                    <div class="info_block">
                        <p>text</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pure-u-1 container page_second">
        <div class="name_block_wr block_purple">
            <div class="name_block">
                <ul class="breadcrumb">
                    <li> <span class="divider">/</span>  <a href="#">О нас</a>

                    </li>
                    <li class="active"> <span class="divider">/</span>

                    </li>
                </ul>
                 <h1>Text</h1>

                <div class="tab-section">
                 ...

CSS

.name_block_wr {
    height: auto;
    margin-bottom: 220px; 
}
.content {
    position: absolute;
    left: 50px;
    right: 50px;
}