论道主题青石板很特别，动用了哪些黑科技？

= =说点不好听的话，，，，感觉有点丑- -
我把顶栏用我自己理解的 Material Design 重写了一遍。。。。
包括配色、阴影、动画。。。。
页面其他部分暂时懒得动。（DOM 结构有点蛋疼，用纯CSS实现有点难受，最蛋疼的是搜索栏的动画效果。。用纯CSS实现的我头疼。。。）
代码贴在下面。想试试的可以下 stylelish 贴进去试一下。

.aw-top-menu-wrap{

	box-shadow:0 7px 14px rgba(0,0,0,.25);

	height:53px;

}

.aw-top-menu-wrap,

.navbar-collapse{

	background-color:#009688;

}

.aw-top-nav > nav > ul > li > a.active,

.aw-top-nav > nav > ul > li > a:hover{

	background-color:#26A69A;

	color:black;

	font-weight:normal;

}

.aw-publish-btn{

	box-shadow:0 1px 2px rgba(0,0,0,.25);

	position:relative;

}

.aw-publish-btn:hover{

	box-shadow:0 3px 6px rgba(0,0,0,.25);

	height:96px;

}

.btn-primary,

.aw-publish-btn .dropdown-list a{

	background-color:#00897B;

}

.aw-publish-btn .dropdown-list a:hover,

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover{

	background-color:#00796B;

}

.aw-publish-btn .dropdown-list ul li:last-child a,

.aw-publish-btn:hover #header_publish,

.aw-publish-btn a{

	border-radius:0;

}

.aw-search-box form input::placeholder{

	color:#E0F2F1;

}

.aw-search-box form input{

	border-radius:0;

	background:0;

	color:#fff;

	border-bottom:1px solid #E0F2F1;

	font-size:12px;

	padding:0 30px 0 5px;

}

.aw-search-box #global_search_btns{

	position: absolute;

	top: auto;

	left:0;

	right:0;

	bottom:1px;

	width:100%;

	margin:auto;

}

.aw-search-box form input + span::before{

	content:"";

	position:absolute;

	height:1px;

	left:0;

	right:0;

	margin:auto;

	width:0;

	bottom:0;

	background:#E0F2F1;

	transition:width ease .2s;

	pointer-events:none;

}

.aw-search-box form input:focus + span::before{

	width:100%;

}

.aw-search-box form input + span i{

	position:absolute;

	color:#fff;

	cursor:pointer;

	bottom:7px;

	right:6px;

}

.form-control:focus{

	border-bottom:1px solid #E0F2F1 !important;

}

.aw-dropdown{

	box-shadow:0 3px 6px rgba(0,0,0,.25);

	border-radius:0;

	border:none;

	background-color:#E0F2F1;

}

.aw-search-box .aw-dropdown .mod-footer{

	background-color:#E0F2F1;

}

.aw-search-box .aw-dropdown p{

	color:black;

}

.aw-search-box .aw-dropdown .mod-footer .btn-success{

	background-color:#00796B;

	border-radius:0;

	box-shadow:0 1px 2px rgba(0,0,0,.25);

	transition:all ease .2s;

}

.aw-search-box .aw-dropdown .mod-footer .btn-success:hover{

	box-shadow:0 2px 4px rgba(0,0,0,.25);

	background-color:#00897B !important;

}

.aw-dropdown .aw-dropdown-list li a{

	color:#000;

}

.aw-dropdown .aw-dropdown-list li:hover,

.aw-dropdown .aw-dropdown-list li.active{

	background-color:#80CBC4 !important;

}

.aw-user-nav > a img{

	border-radius:50%;

}

.badge.badge-important{

	background-color:#F44336;

}