<form action="" autocomplete="off">
<input type="text" name="q">
<button type="submit">Test</button>
</form><div class="f1">
<div class="f1-content"></div>
<div class="f2">
<div class="f2-content"></div>
</div>
</div>.f1,
.f2 {
position: fixed;
left: 0;
right: 0;
}
.f1 {
top: 0;
}
.f1-content {
height: 100px; //может меняться в любой момент
background: rgba(102, 153, 204, .7);
}
.f2-content {
height: 100px;
background: rgba(51, 102, 153, .7);
}<div class="panel panel-default block" id="block_blogs"></div>#block_blogs {
border: 0;
}AddType application/font-woff .woff
AddType application/font-woff .woff2AddType font/woff .woff
AddType font/woff .woff2<div class="item"><span class="item-text">...</span></div>.item {
height: 60px;
line-height: 60px; //вот правило, примерно центрирующее символ по высоте
}
.item:before,
.item-text {
display: inline-block;
vertical-align: middle;
}
.item:before {
content: ""; //или вставляем картинку
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 50%;
background: #369;
}
.item-text {
line-height: normal; //не забываем вернуть высоту линии в норму
}.left_menu_content_book_title {
padding: 0 0 0 64px;
}filter: alpha(opacity=...);
.block:nth-child(3n + 1) {
clear: left;
}$(document).on('click', '[data-dialog]', function (e) {
e.preventDefault();
});$(function () {
var trigger = $('[data-dialog]'),
type = trigger.data('dialog'),
dialog = new DialogFx(type);
trigger.on('click', function (e) {
e.preventDefault();
dialog.toggle.bind(dialog);
});
})();button::-moz-focus-inner {
border: 0;
padding: 0;
}