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

51 wiersze
1.3 KiB
Plaintext

.c9-toolbarbutton-light {
border-radius: 2px;
border: 1px solid transparent;
position: relative;
}
.c9-toolbarbutton-lightOver {
height: 19px;
}
.c9-toolbarbutton-lightOver,
.c9-toolbarbutton-lightDown {
background-color: rgba(255,255,255,.65);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), transparent);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), transparent);
background-image: linear-gradient(bottom, rgba(0,0,0,.08), transparent);
border-color: rgba(128,128,128,.55);
box-shadow: 0 1px 0 0 rgba(255,255,255,.7) inset;
cursor: pointer;
}
.c9-toolbarbutton-lightDown {
background-color: rgba(233,233,233,.555);
box-shadow: 0 1px 0 0 rgba(0,0,0,.15) inset;
}
.c9-toolbarbutton-light .c9-label {
color: #4D4D4D;
height: 19px !important;
line-height: 21px;
margin-top: 0 !important;
padding: 0 5px 0 5px;
text-shadow: 0 1px 0 #FFFFFF;
}
.c9-toolbarbutton-lightIcon .c9-label {
padding-left: 25px;
}
.c9-toolbarbutton-lightIcon .c9-icon {
display: block;
position: absolute;
width:23px;
height:19px;
top:0px;
left:2px;
}
.c9-toolbarbutton-lightDisabled .c9-label {
color: #c5c5c6;
}
.c9-toolbarbutton-lightDisabled .c9-icon {
opacity: 0.3;
background-position : 0 -38px;
}