<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js">/* Horizontal styles */
|
.#{$prefix}slider-horz {
|
padding-left: $horizontal-slider-end-cap-width;
|
background: no-repeat 0 (-$horizontal-slider-thumb-height);
|
|
.#{$prefix}slider-end {
|
padding-right: $horizontal-slider-end-cap-width;
|
background: no-repeat right (-$horizontal-slider-thumb-height * 2);
|
}
|
}
|
|
.#{$prefix}slider-horz .#{$prefix}slider-inner {
|
height: $horizontal-slider-thumb-height;
|
}
|
|
@if $include-ext-form-field-base {
|
.#{$prefix}ie6,
|
.#{$prefix}ie7,
|
.#{$prefix}quirks .#{$prefix}ie {
|
.#{$prefix}form-item .#{$prefix}slider-horz {
|
margin-top: round(($form-field-height - $horizontal-slider-thumb-height) / 2);
|
}
|
}
|
}
|
|
.#{$prefix}slider-horz .#{$prefix}slider-thumb {
|
width: $horizontal-slider-thumb-width;
|
height: $horizontal-slider-thumb-height;
|
margin-left: -$horizontal-slider-end-cap-width;
|
background-image: theme-background-image('slider/slider-thumb', 'png');
|
}
|
|
.#{$prefix}slider-horz .#{$prefix}slider-thumb-over {
|
background-position: (-$horizontal-slider-thumb-width) (-$horizontal-slider-thumb-height);
|
}
|
|
.#{$prefix}slider-horz .#{$prefix}slider-thumb-drag {
|
background-position: (-$horizontal-slider-thumb-width * 2) (-$horizontal-slider-thumb-height * 2);
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}slider-horz {
|
padding-left: 0;
|
padding-right: $horizontal-slider-end-cap-width;
|
background-position: right (-$horizontal-slider-thumb-height * 2);
|
|
.#{$prefix}slider-end {
|
padding-right: 0;
|
padding-left: $horizontal-slider-end-cap-width;
|
background-position: left (-$horizontal-slider-thumb-height);
|
}
|
|
.#{$prefix}slider-thumb {
|
margin-right: -$horizontal-slider-end-cap-width;
|
}
|
}
|
}
|
|
/* Vertical styles */
|
.#{$prefix}slider-vert {
|
padding-top: $vertical-slider-end-cap-height;
|
background: no-repeat (-$vertical-slider-thumb-width * 2) 0;
|
}
|
|
.#{$prefix}slider-vert .#{$prefix}slider-end {
|
padding-bottom: $vertical-slider-end-cap-height;
|
background: no-repeat (-$vertical-slider-thumb-width) bottom;
|
width: $vertical-slider-thumb-width;
|
}
|
|
.#{$prefix}slider-vert .#{$prefix}slider-inner {
|
width: $vertical-slider-thumb-width;
|
}
|
|
.#{$prefix}slider-vert .#{$prefix}slider-thumb {
|
width: $vertical-slider-thumb-width;
|
height: $vertical-slider-thumb-height;
|
margin-bottom: -$vertical-slider-end-cap-height;
|
background-image: theme-background-image('slider/slider-v-thumb', 'png');
|
}
|
|
.#{$prefix}slider-vert .#{$prefix}slider-thumb-over {
|
background-position: (-$vertical-slider-thumb-width) (-$vertical-slider-thumb-height);
|
}
|
|
.#{$prefix}slider-vert .#{$prefix}slider-thumb-drag {
|
background-position: (-$vertical-slider-thumb-width * 2) (-$vertical-slider-thumb-height * 2);
|
}
|
|
.#{$prefix}slider-horz,
|
.#{$prefix}slider-horz .#{$prefix}slider-end,
|
.#{$prefix}slider-horz .#{$prefix}slider-inner {
|
background-image: theme-background-image('slider/slider-bg', 'png');
|
}
|
|
.#{$prefix}slider-vert,
|
.#{$prefix}slider-vert .#{$prefix}slider-end,
|
.#{$prefix}slider-vert .#{$prefix}slider-inner {
|
background-image: theme-background-image('slider/slider-v-bg', 'png');
|
}
|
</pre>
|
</body>
|
</html>
|
