Заготовка с шапкой сайта

Заготовка с шапкой сайта

Стили CSS:

.header_wr {
    background: rgb(244,115,83);
    background: -moz-linear-gradient(top, rgba(244,115,83,1) 1%, rgba(183,9,3,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,115,83,1) 1%,rgba(183,9,3,1) 100%);
    background: linear-gradient(to bottom, rgba(244,115,83,1) 1%,rgba(183,9,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47353', endColorstr='#b70903',GradientType=0 );
    padding: 12px 0;
    color: #fff;
}
.header_wr a{
    color: #fff;
    text-decoration: none;
}
.header_logo {
    padding-top: 8px;
}
.header_menu li {
    display: inline-block;
}
.header_menu {
    font-size: 0;
    padding-top: 13px;
}
.header_menu li a {
    font-size: 16px;
    display: block;
    padding: 8px 15px;
}
.header_menu li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px;
    -webkit-box-shadow: 0 1px;
    -moz-box-shadow: 0 1px;
    box-shadow: 0 1px;
}
.header_menu li + li a {
    border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.header_contacts{
    text-align: right;
}
.header_contacts a[href^='tel']{
    font-size:20px;
    line-height: normal;
    font-weight: 600;
}
.header_wr .header_cb_trigger{
    border-bottom:1px dashed #fff;
}

Результат:

Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором