c9-core/plugins/c9.ide.layout.classic/less/c9-toolbarbutton.less

132 wiersze
3.5 KiB
Plaintext

.c9-toolbarbutton {
height : 21px;
overflow : hidden;
cursor : default;
position : relative;
line-height : 17px;
border:1px solid transparent;
-moz-user-select: -moz-none;
-khtml-user-select : none;
-webkit-user-select: none;
-o-user-select: none;
user-select : none;
}
.with-arrow.c9-toolbarbutton {
padding-right: 5px;
}
.hbox > .c9-toolbarbutton {
height: 23px;
}
.c9-toolbarbutton .c9-icon {
display: none;
width:23px;
height:19px;
position:absolute;
top:2px;
left:2px;
background-position : 0 0;
background-repeat : no-repeat;
}
.c9-toolbarbuttonIcon .c9-icon{
display : block;
}
.c9-toolbarbuttonOver {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
border:1px solid #1c1c1c;
-moz-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
background : #343434;
background : -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), color-stop(1, #333333));
background :-moz-linear-gradient(center bottom, #333333 0%, #3a3a3a 100%) repeat scroll 0 0 transparent;
}
.c9-toolbarbutton .c9-label {
position:relative;
overflow:hidden;
font-family:Arial;
font-size:12px;
color:#d6d6d6;
line-height:14px;
height:15px;
padding:4px 6px 0 6px;
}
.with-arrow.c9-toolbarbutton .c9-label {
background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
padding-right: 11px;
}
.with-arrow.c9-toolbarbutton .c9-label {
background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
padding-right: 11px;
}
.with-arrow.c9-toolbarbutton .c9-label {
background:url("@{image-path}/btn-arrow.png") no-repeat right 9px;
padding-right: 11px;
}
.c9-toolbarbuttonEmpty .c9-icon {
position:relative;
}
.c9-toolbarbuttonEmpty .c9-label {
display:none;
}
.c9-toolbarbuttonIcon .c9-label{
padding:4px 6px 0 22px;
}
.record.c9-toolbarbuttonIcon .c9-label{
padding:4px 6px 0 26px;
}
.c9-toolbarbuttonIcon.preview .c9-label {
padding-left : 25px;
}
.c9-toolbarbuttonDown {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
border:1px solid #1c1c1c;
-moz-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-webkit-box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow : 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
background : #343434;
background : -webkit-gradient(linear, left top, left bottom, from(#282828), color-stop(1, #2e2e2e));
background :-moz-linear-gradient(center bottom, #2e2e2e 0%, #282828 100%) repeat scroll 0 0 transparent;
}
.c9-toolbarbuttonDown .c9-icon {
background-position: 0 -19px;
}
.c9-toolbarbuttonDisabled .c9-icon {
background-position : 0 -38px;
}
.record.c9-toolbarbuttonDisabled .c9-icon, .record.c9-toolbarbuttonDown .c9-icon {
background-position : 0 0;
}
.c9-toolbarbuttonDisabled .c9-label {
color : #606060;
text-shadow : rgba(0, 0, 0, 1) 0px 1px 0px;
}