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

117 lines
2.5 KiB
Plaintext

.c9-toolbarbutton {
height : 21px;
overflow : hidden;
cursor : default;
position : relative;
line-height : 17px;
border:1px solid transparent;
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 {
border-radius : 5px;
border:1px solid #1c1c1c;
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 : linear-gradient(to top, #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 {
border-radius : 5px;
border:1px solid #1c1c1c;
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 : linear-gradient(to top, #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;
}