.button {
outline
:
0
;
padding
:
5px
12px
;
display
:
block
;
color
:
#9fa8b0
;
font-weight
:
bold
;
text-shadow
:
1px
1px
#1f272b
;
border
:
1px
solid
#1c252b
;
border-radius:
3px
;
-moz-border-radius:
3px
;
-webkit-border-radius:
3px
;
background
:
#232B30
;
background
: -moz-linear-gradient(
top
,
#3D4850
3%
,
#313d45
4%
,
#232B30
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#3D4850
), color-stop(
4%
,
#313d45
),
color-stop(
100%
,
#232B30
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#3D4850'
, endColorstr=
'#232B30'
,GradientType=
0
);
box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
-moz-box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
-webkit-box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
}
.button:hover {
color
:
#fff
;
background
:
#4C5A64
;
background
: -moz-linear-gradient(
top
,
#4C5A64
3%
,
#404F5A
4%
,
#2E3940
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#4C5A64
), color-stop(
4%
,
#404F5A
),
color-stop(
100%
,
#2E3940
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#4C5A64'
, endColorstr=
'#2E3940'
,GradientType=
0
);
}
.button:active {
background-position
:
0
top
;
position
:
relative
;
top
:
1px
;
color
:
#fff
;
padding
:
6px
12px
4px
;
background
:
#20282D
;
background
: -moz-linear-gradient(
top
,
#20282D
3%
,
#252E34
51%
,
#222A30
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#20282D
), color-stop(
51%
,
#252E34
),
color-stop(
100%
,
#222A30
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#20282D'
, endColorstr=
'#222A30'
,GradientType=
0
);
-moz-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
-webkit-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
}
.search-input {
padding
:
0
5px
0
22px
;
border
:
1px
solid
#1c252b
;
height
:
30px
;
color
:
#9fa8b0
;
font-size
:
12px
;
line-height
:
30px
;
font-weight
:
bold
;
text-shadow
:
1px
1px
#1f272b
;
border-radius:
25px
;
-moz-border-radius:
25px
;
-webkit-border-radius:
25px
;
background
:
#20282D
;
background
: -moz-linear-gradient(
top
,
#20282D
3%
,
#252E34
51%
,
#222A30
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#20282D
), color-stop(
51%
,
#252E34
),
color-stop(
100%
,
#222A30
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#20282D'
, endColorstr=
'#222A30'
,GradientType=
0
);
-moz-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
-webkit-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
}
.search-input:focus {
outline
:
none
;}
.search-submit {
width
:
13px
;
height
:
13px
;
border
:
none
;
background
:
url
(mag-glass.png)
no-repeat
;
display
:
block
;
position
:
absolute
;
left
:
26px
;
top
:
10px
;
text-indent
:
-9999em
;
}
.vertical-list {
list-style
:
none
;
padding
:
10px
;
width
:
200px
;
border-radius:
5px
;
-moz-border-radius:
5px
;
-webkit-border-radius:
5px
;
background
:
#20282D
;
background
: -moz-linear-gradient(
top
,
#20282D
3%
,
#252E34
51%
,
#222A30
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#20282D
), color-stop(
51%
,
#252E34
),
color-stop(
100%
,
#222A30
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#20282D'
, endColorstr=
'#222A30'
,GradientType=
0
);
-moz-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
-webkit-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
}
.vertical-list .button {
border-radius:
5px
;
-moz-border-radius:
5px
;
-webkit-border-radius:
5px
;
background
:
#515B62
;
background
: -moz-linear-gradient(
top
,
#515B62
3%
,
#444E55
5%
,
#394147
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#515B62
), color-stop(
5%
,
#444E55
),
color-stop(
100%
,
#394147
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#515B62'
, endColorstr=
'#394147'
,GradientType=
0
);
}
.vertical-list .button:hover {
background
:
#5F6B72
;
background
: -moz-linear-gradient(
top
,
#5F6B72
3%
,
#56646C
4%
,
#4D5A62
50%
,
#434D54
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#5F6B72
), color-stop(
4%
,
#56646C
),
color-stop(
50%
,
#4D5A62
), color-stop(
100%
,
#434D54
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#5F6B72'
, endColorstr=
'#434D54'
,GradientType=
0
);
}
.vertical-list .button:active {
padding
:
5px
12px
;
top
:
0
;
background
:
#515B62
;
background
: -moz-linear-gradient(
top
,
#515B62
3%
,
#444E55
5%
,
#394147
100%
);
background
: -webkit-gradient(linear,
left
top
,
left
bottom
, color-stop(
3%
,
#515B62
), color-stop(
5%
,
#444E55
),
color-stop(
100%
,
#394147
));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
'#515B62'
, endColorstr=
'#394147'
,GradientType=
0
);
-moz-box-shadow:
1px
1px
1px
rgba(
255
,
255
,
255
,
0.1
);
-moz-box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
-webkit-box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
box-shadow:
1px
1px
1px
rgba(
0
,
0
,
0
,
0.2
);
}
相关推荐
Navigation Buttons
a good navigation buttons for delphi best to try!
这个简单的扩展程序仅向浏览器窗口的左下角添加了3个固定的导航按钮(后退,前进和顶部)。如果您发现自己在非平板电脑模式下使用Tablet PC,或者喜欢在屏幕底部附近使用鼠标浏览,则很有用。 支持语言:English
Android导航 - Navigation
三维导航ros功能包,从GitHub上下载的
航空导航 Air Navigation Pro v1.0.7 当前版本:1.0.7 软件语言:非中文 软件类别:GPS应用 软件大小:38.62 MB 适用固件:2.3及更高固件 内置广告:没有广告 适用平台:Android 资费提示:已付费版 空中导航是一...
此扩展程序在视频下方的putlockertv.is(以前的putlocker.is/putlockers.ch)上添加了视频导航按钮。 这个扩展添加了下一集和之前的插曲按钮,让您可以通过您在“www.putlockertv.is”(以前的putlocker.is/...
[奥莱理] CSS3 实战手册 第3版 (英文版) [奥莱理] CSS3 The Missing Manual 3rd Edition (E-Book) ☆ 图书概要:☆ CSS3 lets you create professional-looking websites, but learning its finer points can be ...
20款绝对让您满意的精美纯CSS菜单,里面包含有博客专用的,以及标准的菜单,各种样式的,各种颜色风格的,相信总有一款会适合您,不多说了,部分菜单您可以看上边的抓图,还有不少没有抓到,下载尽情体验。
Free CSS Navigation Menu Designs
android demo,navigationBar,导航栏,左边按钮,右边按钮,中间文字的实现
Outdoor Navigation 是一款非常实用的户外导航软件。软件会根据用户当前的位置在地图上进行定位,并且在界面上显示用户位置的经纬度以及方向。另外有一点功能非常强大,就是软件在定位的同时会自动将您平时所拍的...
ROS 与 navigation 教程-基本导航调试指南 ROS 与 navigation 教程-安装和配置导航包 ROS 与 navigation 教程-结合 RVIZ 与导航包 ROS 与 navigation 教程-发布里程计消息 ROS 与 navigation 教程-...
Navigation Matrix Reloaded.css
CSS Based Navigation CSS样式
IOS7Navigation Bar上的返回按钮文本颜色,箭头颜色以及导航栏按钮的颜色设置
惯性导航程序 Inertial Navigation System
自定义Navigation导航器(支持动态配置) 自定义Navigation导航器(支持动态配置) 自定义Navigation导航器(支持动态配置) 自定义Navigation导航器(支持动态配置) 自定义Navigation导航器(支持动态配置) ...
Android 使用BottomNavigationView实现底部导航栏,在Android Support Library 25 中增加了 BottomNavigationView 控件,官方为我们提供了这样这一个控件。
底部导航栏控件BottomNavigationView的使用和修改样式 效果:http://blog.csdn.net/qq_37902949/article/details/78528787