View custom radio-buttons
.toolbar_search_small_body .small_body_input_wrap input[type="radio"]{
display:inline-block;
position:relative;
top: 3px;
height: 16px;
width: 16px;
margin-left: 30px;
margin-right: 15px;
background-color: #ffffff;
border: 2px solid #00a191;
View Sublime def
// Place your settings in the file "User/Preferences.sublime-settings", which
// overrides the settings in here.
//
// Settings may also be placed in file type specific options files, for
// example, in Packages/Python/Python.sublime-settings for python files.
{
// Sets the colors used within the text area
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
// Note that the font_face and font_size are overridden in the platform
View adaptive menu
// открытие и скрытие меню по клику
//объявляем переменные (кнопка меню и само меню)
var mnuBtn = $('.mnu_btn'),
mnu_toogle = $('.mnu_wrap');
//действие по клику
mnuBtn.click(function() {
$(this).toggleClass('active');
mnu_toogle.toggle(500);
View mnu_btn
//html
<body>
<div class="wrapper">
<div class="top bar"></div>
<div class="middle bar"></div>
<div class="bottom bar"></div>
</div>
</body>
//css
View Beautiful underline when hovering
&:after
content: ""
display: block
height: 1px
background-color: #fff
position: absolute
right: 50%
left: 50%
bottom: 0
transition: all 300ms
View Smoothscrol
$('a[data-target^="anchor"]').bind('click.smoothscroll', function(){
var target = $(this).attr('href'),
bl_top = $(target).offset().top - 70;
$('body, html').animate({scrollTop: bl_top}, 700);
return false;
});
View Fix header to scroll
$("#header").removeClass("default");
$(window).scroll(function(){
if ($(this).scrollTop() > 20) {
$("#header").addClass("default").fadeIn('fast');
} else {
$("#header").removeClass("default").fadeIn('fast');
};
});
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>uniMail</title>
</head>
<body>
<form>
View Menu_mini_js
$(".left_sidebar_list").after("<div id='mobile-menu-sb'>").clone().appendTo("#mobile-menu-sb");
$("#mobile-menu-sb").find("*").attr("style", "");
$("#mobile-menu-sb").children("ul").removeClass("header_mnu_list")
.parent().mmenu({
// slidingSubmenus: true,
extensions : [ 'widescreen', 'effect-menu-slide' ],
navbar: {
title: "Продукция"
}
});
View scrolling
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}
::-webkit-scrollbar-track {
background-color:#ecedee
}