ýæóq-‰g¯$žg¯$žRY©øQ€J2EE/-1023470623rtal.h,1¼˜Pô˜NæÇИM`Ê,˜N/com.sap.portal.resourcerepository/repo/application_branding/~com.sap.portal.navigation.mfp.resources/1/default/less/mixin.less&&&GZ=1&000&A6E90000&Ô,2g¯"’&*&HTTP/1.1 200 OK Content-Type: content/unknown server: SAP NetWeaver Application Server 7.22 / AS Java 7.31 last-modified: Sat, 12 Oct 2013 19:58:48 GMT cache-control: max-age=604800 Content-Length: 11314 /* // LESS mixin definitions // Less functions lirary */ .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when (@pos =left) { .left-linear-gradient(@pos, @color1, @color2); } .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when (@pos =right) { .right-linear-gradient(@pos, @color1, @color2); } .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when (@pos = top) { .top-linear-gradient(@pos, @color1, @color2); } .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when (@pos = bottom) { .bottom-linear-gradient(@pos, @color1, @color2); } .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when not (@pos = bottom) and not (@pos = top) and not (@pos = left) and not (@pos = right) and not (@dir =bottom) { .simple-linear-gradient(@pos, @color2, @color1, @startOffset, @stopOffset); } //.linear-gradient(@pos, @color1, @color2, @dir: top) when .linear-gradient(@pos, @color1, @color2, @dir: top, @startOffset: 0%, @stopOffset:100%) when not (@pos = bottom) and not (@pos = top) and not (@pos = left) and not (@pos = right) and (@dir = bottom) { .simple-linear-gradient(@pos, @color1, @color2, @startOffset, @stopOffset); } .simple-linear-gradient(@pos, @start-color, @stop-color, @startOffset:0%, @stopOffset:100%) { background-image: -ms-linear-gradient(@pos, @start-color @startOffset, @stop-color @stopOffset); // Mozilla Firefox background-image: -moz-linear-gradient(@pos, @start-color @startOffset, @stop-color @stopOffset); // Opera background-image: -o-linear-gradient(@pos, @start-color @startOffset, @stop-color @stopOffset); // Webkit (Chrome 11+) background-image: -webkit-linear-gradient(@pos, @start-color @startOffset, @stop-color @stopOffset); // Proposed W3C Markup background-image: linear-gradient(@pos, @start-color @startOffset, @stop-color @stopOffset); } .header-linear-gradient(@pos, @start-color, @middle-color1, @middle-color2, @stop-color, @startOffset:0%, @middleOffsetStart:50% ,@middleOffsetEnd:52% ,@stopOffset:100%){ background-image: -ms-linear-gradient(@pos, @start-color @startOffset, @middle-color1 @middleOffsetStart, @middle-color2 @middleOffsetEnd, @stop-color @stopOffset); // Mozilla Firefox background-image: -moz-linear-gradient(@pos, @start-color @startOffset, @middle-color1 @middleOffsetStart, @middle-color2 @middleOffsetEnd, @stop-color @stopOffset); // Opera background-image: -o-linear-gradient(@pos, @start-color @startOffset, @middle-color1 @middleOffsetStart, @middle-color2 @middleOffsetEnd, @stop-color @stopOffset); // Webkit (Chrome 11+) background-image: -webkit-linear-gradient(@pos, @start-color @startOffset, @middle-color1 @middleOffsetStart, @middle-color2 @middleOffsetEnd, @stop-color @stopOffset); // Proposed W3C Markup background-image: linear-gradient(@pos, @start-color @startOffset, @middle-color1 @middleOffsetStart, @middle-color2 @middleOffsetEnd, @stop-color @stopOffset); } .left-linear-gradient(@pos, @start-color, @stop-color, @startOffset:0%, @stopOffset:100%) { .simple-linear-gradient(@pos, @start-color, @stop-color, @startOffset, @stopOffset); // Webkit (Safari/Chrome 10) background-image: -webkit-gradient(linear, left top, right top, color-stop(@startOffset, @start-color), color-stop(@stopOffset, @stop-color)); } .right-linear-gradient(@pos, @start-color, @stop-color, @startOffset:0%, @stopOffset:100%) { .simple-linear-gradient(@pos, @start-color, @stop-color, @startOffset, @stopOffset); // Webkit (Safari/Chrome 10) background-image: -webkit-gradient(linear, right top, left top, color-stop(@startOffset, @start-color), color-stop(@stopOffset, @stop-color)); } .top-linear-gradient(@pos, @start-color, @stop-color, @startOffset:0%, @stopOffset:100%) { .simple-linear-gradient(@pos, @start-color, @stop-color, @startOffset, @stopOffset); // Webkit (Safari/Chrome 10) background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@startOffset, @start-color), color-stop(@stopOffset, @stop-color)); } .bottom-linear-gradient(@pos, @start-color, @stop-color, @startOffset:0%, @stopOffset:100%) { .simple-linear-gradient(@pos, @start-color, @stop-color, @startOffset, @stopOffset); // Webkit (Safari/Chrome 10) background-image: -webkit-gradient(linear, left bottom, left top, color-stop(@startOffset, @start-color), color-stop(@stopOffset, @stop-color)); } .suggestionsHandle (@dir, @color1, @color2) when (@dir = top) { fill: @color2; } .suggestionsHandle (@dir, @color1, @color2) when (@dir = bottom) { fill: @color1; } .suggestionsHandleStroke(@dir, @color1, @color2) when (@dir = top) { stroke: @color2; } .suggestionsHandleStroke(@dir, @color1, @color2) when (@dir = bottom) { stroke: @color1; } .backgroundGradient (@startColor:@secondary-color, @startOffset : 0%, @endColor :@secondary-color, @endOffset : 100%, @stopColor: @startColor, @stopOffset : 0%, @startDirection: right, @endDirection:left, @GradientStyle: linear ) { background: -webkit-gradient(@GradientStyle, @startDirection, @endDirection, color-stop(@startOffset , @stopColor), color-stop(@stopOffset, @stopColor),color-stop(@endOffset, @endColor)) ; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(@startDirection, @startColor @startOffset , @stopColor @stopOffset, @endColor @endOffset) ; /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(@startDirection, @startColor @startOffset , @stopColor @stopOffset, @endColor @endOffset) ; /* FF3.6+ */ background: -ms-linear-gradient(@startDirection, @startColor @startOffset , @stopColor @stopOffset, @endColor @endOffset) ; /* IE10+ */ background: -o-linear-gradient(@startDirection, @startColor @startOffset , @stopColor @stopOffset, @endColor @endOffset) ; /* Opera 11.10+ */ background: linear-gradient(@startDirection, @startColor @startOffset , @stopColor @stopOffset, @endColor @endOffset); /* W3C */ } .backgroundImageGradient ( @startColor, @startOffset: 0%, @endColor, @endOffset : 100%, @startDirection: right, @endDirection:left, @GradientStyle: linear) { background-image: -webkit-gradient(@GradientStyle, @endDirection top, @endDirection bottom, color-stop(@startOffset , @startColor),color-stop(@endOffset, @endColor)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset); /* Chrome10+,Safari5.1+ */ background-image: -moz-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset); /* FF3.6+ */ background-image: -ms-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset); /* IE10+ */ background-image: -o-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset); /* Opera 11.10+ */ background-image: linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset); /* W3C */ } .toolBoxExtendedBackgroundImageGradient (@startColor, @startOffset : 0%, @endColor, @endOffset : 100%, @startDirection: right, @endDirection:left, @GradientStyle : linear) { background-image: -webkit-gradient(@GradientStyle, left top, @endDirection bottom, color-stop(@startOffset , @startColor),color-stop(@endOffset, @endColor))!important; /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset) !important; /* Chrome10+,Safari5.1+ */ background-image: -moz-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset) !important; /* FF3.6+ */ background-image: -ms-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset) !important; /* IE10+ */ background-image: -o-linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset) !important; /* Opera 11.10+ */ background-image: linear-gradient(@startDirection, @startColor @startOffset, @endColor @endOffset) !important; /* W3C */ } .vertGradient (@startColor, @endColor) { .backgroundGradient (@startColor, 0% ); } /*new name*/ .backgroundSimpleGradient (@startColor: @secondary-color, @startOffset : 0%, @endColor: 'startColor', @endOffset : 0%, @startDirection: top) { background: -webkit-gradient(@startDirection, color-stop(@startOffset , @endColor), color-stop(@endOffset, @endColor)) ; /* Chrome,Safari4+ */ background: -moz-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) ; /* FF3.6+ */ background: -ms-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) ; /* IE10+ */ background: -o-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) ; /* Opera 11.10+ */ background: linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset); /* W3C */ background: -webkit-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) ; /* Chrome10+,Safari5.1+ */ } .backgroundSimpleGradient-important(@startColor: @secondary-color, @startOffset : 0%, @endColor: 'startColor', @endOffset : 0%, @startDirection: top) { background: -webkit-gradient(@startDirection, color-stop(@startOffset , @endColor), color-stop(@endOffset, @endColor)) !important; /* Chrome,Safari4+ */ background: -moz-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) !important; /* FF3.6+ */ background: -ms-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) !important; /* IE10+ */ background: -o-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) !important; /* Opera 11.10+ */ background: linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) !important; /* W3C */ background: -webkit-linear-gradient(@startDirection, @startColor @startOffset , @endColor @endOffset) !important; /* Chrome10+,Safari5.1+ */ }