c9-core/plugins/c9.ide.panels/skin.xml

117 wiersze
3.9 KiB
XML

<?xml version='1.0'?>
<a:skin xmlns:a="http://ajax.org/2005/aml" xmlns="http://www.w3.org/1999/xhtml">
<a:bar name="bar">
<a:style><![CDATA[
.panelsbar{
border-left : 1px solid @border-highlight;
border-top : 1px solid @border-highlight;
box-shadow : 0 -1px 0 @panel-bar-border;
transform-origin: 17px 18px;
transform: rotate(90deg);
background: @panel-bar-background;
height : 34px;
white-space : nowrap;
position : absolute;
top : -1px;
width : 10000px;
z-index : 10000;
}
.basic.right .panelsbar{
border-left : 0;
border-top : 0;
border-bottom : 1px solid @border-highlight;
box-shadow : 0px 1px 0 @panel-bar-border;
left : 100%;
margin-left : -35px;
position: absolute;
top: 0;
}
.basic.left {
box-shadow: 1px 0 0 @border-highlight;
}
.basic.right {
box-shadow: 1px 0 0 @border-highlight inset;
}
.basic.left, .basic.right{
overflow : hidden;
z-index : 100000;
}
]]></a:style>
<a:presentation>
<a:main container=".">
<div class="panelsbar">
</div>
</a:main>
</a:presentation>
</a:bar>
<a:button name="button">
<a:style><![CDATA[
.panelsbutton{
padding : 10px 10px 6px 10px;
display : inline-block;
white-space: nowrap;
cursor : default;
margin-left : -1px;
margin-right : 2px;
font-family: Helvetica, Arial;
font-size: @general-font-size;
color : @panel-button-color;
text-shadow: @panel-button-text-shadow;
transform: rotate(180deg);
height : 18px;
}
.panelsbutton when (@panel-button-flat){
height : 19px;
margin-top: -1px;
}
.right .panelsbutton{
transform: rotate(0deg);
}
.right .panelsbutton when (@panel-button-flat){
margin-top: 0;
margin-bottom: -1px;
}
.panelsbutton:hover{
background: @panel-button-hover;
}
.panelsbuttonDown, .panelsbuttonDown:hover{
color : @panel-button-active-color;
background : @panel-button-active-background;
border-left : 1px solid @border-highlight-dark;
border-right : 1px solid @border-highlight-dark;
box-shadow : -1px 0 @panel-shadow-color inset, -1px 0 @border-highlight;
margin-left : -2px;
margin-right : 1px;
vertical-align: top;
margin-top: -2px;
padding-bottom: 8px;
height : 18px;
}
.right .panelsbuttonDown, .right .panelsbuttonDown:hover{
border-left : 1px solid @border-highlight-dark;
border-right : 1px solid @border-highlight-dark;
box-shadow : 1px 0 @panel-shadow-color inset, 1px 0 @border-highlight;
margin-top : 0;
}
]]></a:style>
<a:presentation>
<a:main caption=".">
<div class="panelsbutton">
</div>
</a:main>
</a:presentation>
</a:button>
</a:skin>